se-design 1.1.0 → 1.1.1-dev-01

package/dist/index225.js.map

@@ -1 +1 @@
-{"version":3,"file":"index225.js","sources":["../node_modules/react-svg/dist/react-svg.esm.js"],"sourcesContent":["import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';\nimport _extends from '@babel/runtime/helpers/extends';\nimport _inheritsLoose from '@babel/runtime/helpers/inheritsLoose';\nimport { SVGInjector } from '@tanem/svg-injector';\nimport * as PropTypes from 'prop-types';\nimport * as React from 'react';\n\n// Hat-tip: https://github.com/mui/material-ui/tree/master/packages/mui-utils/src.\nvar ownerWindow = function ownerWindow(node) {\n  var doc = (node == null ? void 0 : node.ownerDocument) || document;\n  return doc.defaultView || window;\n};\n\n// Hat-tip: https://github.com/developit/preact-compat/blob/master/src/index.js#L402.\nvar shallowDiffers = function shallowDiffers(a, b) {\n  for (var i in a) {\n    if (!(i in b)) {\n      return true;\n    }\n  }\n  for (var _i in b) {\n    if (a[_i] !== b[_i]) {\n      return true;\n    }\n  }\n  return false;\n};\n\nvar _excluded = [\"afterInjection\", \"beforeInjection\", \"desc\", \"evalScripts\", \"fallback\", \"httpRequestWithCredentials\", \"loading\", \"renumerateIRIElements\", \"src\", \"title\", \"useRequestCache\", \"wrapper\"];\nvar svgNamespace = 'http://www.w3.org/2000/svg';\nvar xlinkNamespace = 'http://www.w3.org/1999/xlink';\nvar ReactSVG = /*#__PURE__*/function (_React$Component) {\n  function ReactSVG() {\n    var _this;\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.initialState = {\n      hasError: false,\n      isLoading: true\n    };\n    _this.state = _this.initialState;\n    _this._isMounted = false;\n    _this.reactWrapper = void 0;\n    _this.nonReactWrapper = void 0;\n    _this.refCallback = function (reactWrapper) {\n      _this.reactWrapper = reactWrapper;\n    };\n    return _this;\n  }\n  _inheritsLoose(ReactSVG, _React$Component);\n  var _proto = ReactSVG.prototype;\n  _proto.renderSVG = function renderSVG() {\n    var _this2 = this;\n    /* istanbul ignore else */\n    if (this.reactWrapper instanceof ownerWindow(this.reactWrapper).Node) {\n      var _this$props = this.props,\n        desc = _this$props.desc,\n        evalScripts = _this$props.evalScripts,\n        httpRequestWithCredentials = _this$props.httpRequestWithCredentials,\n        renumerateIRIElements = _this$props.renumerateIRIElements,\n        src = _this$props.src,\n        title = _this$props.title,\n        useRequestCache = _this$props.useRequestCache;\n      /* eslint-disable @typescript-eslint/no-non-null-assertion */\n      var onError = this.props.onError;\n      var beforeInjection = this.props.beforeInjection;\n      var afterInjection = this.props.afterInjection;\n      var wrapper = this.props.wrapper;\n      var nonReactWrapper;\n      var nonReactTarget;\n      if (wrapper === 'svg') {\n        nonReactWrapper = document.createElementNS(svgNamespace, wrapper);\n        nonReactWrapper.setAttribute('xmlns', svgNamespace);\n        nonReactWrapper.setAttribute('xmlns:xlink', xlinkNamespace);\n        nonReactTarget = document.createElementNS(svgNamespace, wrapper);\n      } else {\n        nonReactWrapper = document.createElement(wrapper);\n        nonReactTarget = document.createElement(wrapper);\n      }\n      nonReactWrapper.appendChild(nonReactTarget);\n      nonReactTarget.dataset.src = src;\n      this.nonReactWrapper = this.reactWrapper.appendChild(nonReactWrapper);\n      var handleError = function handleError(error) {\n        _this2.removeSVG();\n        if (!_this2._isMounted) {\n          onError(error);\n          return;\n        }\n        _this2.setState(function () {\n          return {\n            hasError: true,\n            isLoading: false\n          };\n        }, function () {\n          onError(error);\n        });\n      };\n      var afterEach = function afterEach(error, svg) {\n        if (error) {\n          handleError(error);\n          return;\n        }\n        // TODO (Tane): It'd be better to cleanly unsubscribe from SVGInjector\n        // callbacks instead of tracking a property like this.\n        if (_this2._isMounted) {\n          _this2.setState(function () {\n            return {\n              isLoading: false\n            };\n          }, function () {\n            try {\n              afterInjection(svg);\n            } catch (afterInjectionError) {\n              handleError(afterInjectionError);\n            }\n          });\n        }\n      };\n      var beforeEach = function beforeEach(svg) {\n        svg.setAttribute('role', 'img');\n        if (desc) {\n          var originalDesc = svg.querySelector(':scope > desc');\n          if (originalDesc) {\n            svg.removeChild(originalDesc);\n          }\n          var newDesc = document.createElement('desc');\n          newDesc.innerHTML = desc;\n          svg.prepend(newDesc);\n        }\n        if (title) {\n          var originalTitle = svg.querySelector(':scope > title');\n          if (originalTitle) {\n            svg.removeChild(originalTitle);\n          }\n          var newTitle = document.createElement('title');\n          newTitle.innerHTML = title;\n          svg.prepend(newTitle);\n        }\n        try {\n          beforeInjection(svg);\n        } catch (error) {\n          handleError(error);\n        }\n      };\n      SVGInjector(nonReactTarget, {\n        afterEach: afterEach,\n        beforeEach: beforeEach,\n        cacheRequests: useRequestCache,\n        evalScripts: evalScripts,\n        httpRequestWithCredentials: httpRequestWithCredentials,\n        renumerateIRIElements: renumerateIRIElements\n      });\n    }\n  };\n  _proto.removeSVG = function removeSVG() {\n    var _this$nonReactWrapper;\n    if ((_this$nonReactWrapper = this.nonReactWrapper) != null && _this$nonReactWrapper.parentNode) {\n      this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper);\n      this.nonReactWrapper = null;\n    }\n  };\n  _proto.componentDidMount = function componentDidMount() {\n    this._isMounted = true;\n    this.renderSVG();\n  };\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var _this3 = this;\n    if (shallowDiffers(_extends({}, prevProps), this.props)) {\n      this.setState(function () {\n        return _this3.initialState;\n      }, function () {\n        _this3.removeSVG();\n        _this3.renderSVG();\n      });\n    }\n  };\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this._isMounted = false;\n    this.removeSVG();\n  };\n  _proto.render = function render() {\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    var _this$props2 = this.props;\n      _this$props2.afterInjection;\n      _this$props2.beforeInjection;\n      _this$props2.desc;\n      _this$props2.evalScripts;\n      var Fallback = _this$props2.fallback;\n      _this$props2.httpRequestWithCredentials;\n      var Loading = _this$props2.loading;\n      _this$props2.renumerateIRIElements;\n      _this$props2.src;\n      _this$props2.title;\n      _this$props2.useRequestCache;\n      var wrapper = _this$props2.wrapper,\n      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    var Wrapper = wrapper;\n    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, rest, {\n      ref: this.refCallback\n    }, wrapper === 'svg' ? {\n      xmlns: svgNamespace,\n      xmlnsXlink: xlinkNamespace\n    } : {}), this.state.isLoading && Loading && /*#__PURE__*/React.createElement(Loading, null), this.state.hasError && Fallback && /*#__PURE__*/React.createElement(Fallback, null));\n  };\n  return ReactSVG;\n}(React.Component);\nReactSVG.defaultProps = {\n  afterInjection: function afterInjection() {\n    return undefined;\n  },\n  beforeInjection: function beforeInjection() {\n    return undefined;\n  },\n  desc: '',\n  evalScripts: 'never',\n  fallback: null,\n  httpRequestWithCredentials: false,\n  loading: null,\n  onError: function onError() {\n    return undefined;\n  },\n  renumerateIRIElements: true,\n  title: '',\n  useRequestCache: true,\n  wrapper: 'div'\n};\nReactSVG.propTypes = {\n  afterInjection: PropTypes.func,\n  beforeInjection: PropTypes.func,\n  desc: PropTypes.string,\n  evalScripts: PropTypes.oneOf(['always', 'once', 'never']),\n  fallback: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  httpRequestWithCredentials: PropTypes.bool,\n  loading: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  onError: PropTypes.func,\n  renumerateIRIElements: PropTypes.bool,\n  src: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  useRequestCache: PropTypes.bool,\n  wrapper: PropTypes.oneOf(['div', 'span', 'svg'])\n} ;\n\nexport { ReactSVG };\n//# sourceMappingURL=react-svg.esm.js.map\n"],"names":["_objectWithoutPropertiesLoose","_extends","_inheritsLoose","SVGInjector","propTypesExports","React","ownerWindow","node","doc","shallowDiffers","a","b","i","_i","_excluded","svgNamespace","xlinkNamespace","ReactSVG","_React$Component","_this","_len","args","_key","reactWrapper","_proto","_this2","_this$props","desc","evalScripts","httpRequestWithCredentials","renumerateIRIElements","src","title","useRequestCache","onError","beforeInjection","afterInjection","wrapper","nonReactWrapper","nonReactTarget","handleError","error","afterEach","svg","afterInjectionError","beforeEach","originalDesc","newDesc","originalTitle","newTitle","_this$nonReactWrapper","prevProps","_this3","_this$props2","Fallback","Loading","rest","Wrapper","PropTypes.func","PropTypes.string","PropTypes.oneOf","PropTypes.oneOfType","PropTypes.object","PropTypes.bool"],"mappings":"AAOA,OAAAA,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,SAAA,eAAAC,SAAA;AAAA,SAAA,KAAAC,SAAA;AAAA,YAAAC,OAAA;AACA,IAAIC,IAAc,SAAqBC,GAAM;AAC3C,MAAIC,IAA+BD,GAAK,iBAAkB;AAC1D,SAAOC,EAAI,eAAe;AAC5B,GAGIC,IAAiB,SAAwBC,GAAGC,GAAG;AACjD,WAASC,KAAKF;AACZ,QAAI,EAAEE,KAAKD;AACT,aAAO;AAGX,WAASE,KAAMF;AACb,QAAID,EAAEG,CAAE,MAAMF,EAAEE,CAAE;AAChB,aAAO;AAGX,SAAO;AACT,GAEIC,IAAY,CAAC,kBAAkB,mBAAmB,QAAQ,eAAe,YAAY,8BAA8B,WAAW,yBAAyB,OAAO,SAAS,mBAAmB,SAAS,GACnMC,IAAe,8BACfC,IAAiB,gCACjBC,IAAwB,yBAAUC,GAAkB;AACtD,WAASD,IAAW;AAElB,aADIE,GACKC,IAAO,UAAU,QAAQC,IAAO,IAAI,MAAMD,CAAI,GAAGE,IAAO,GAAGA,IAAOF,GAAME;AAC/E,MAAAD,EAAKC,CAAI,IAAI,UAAUA,CAAI;AAE7B,WAAAH,IAAQD,EAAiB,KAAK,MAAMA,GAAkB,CAAC,IAAI,EAAE,OAAOG,CAAI,CAAC,KAAK,MAC9EF,EAAM,eAAe;AAAA,MACnB,UAAU;AAAA,MACV,WAAW;AAAA,IACjB,GACIA,EAAM,QAAQA,EAAM,cACpBA,EAAM,aAAa,IACnBA,EAAM,eAAe,QACrBA,EAAM,kBAAkB,QACxBA,EAAM,cAAc,SAAUI,GAAc;AAC1C,MAAAJ,EAAM,eAAeI;AAAA,IACvB,GACOJ;AAAA,EACT;AACA,EAAAjB,EAAee,GAAUC,CAAgB;AACzC,MAAIM,IAASP,EAAS;AACtB,SAAAO,EAAO,YAAY,WAAqB;AACtC,QAAIC,IAAS;AAEb,QAAI,KAAK,wBAAwBnB,EAAY,KAAK,YAAY,EAAE,MAAM;AACpE,UAAIoB,IAAc,KAAK,OACrBC,IAAOD,EAAY,MACnBE,IAAcF,EAAY,aAC1BG,IAA6BH,EAAY,4BACzCI,IAAwBJ,EAAY,uBACpCK,IAAML,EAAY,KAClBM,IAAQN,EAAY,OACpBO,IAAkBP,EAAY,iBAE5BQ,IAAU,KAAK,MAAM,SACrBC,IAAkB,KAAK,MAAM,iBAC7BC,IAAiB,KAAK,MAAM,gBAC5BC,IAAU,KAAK,MAAM,SACrBC,GACAC;AACJ,MAAIF,MAAY,SACdC,IAAkB,SAAS,gBAAgBvB,GAAcsB,CAAO,GAChEC,EAAgB,aAAa,SAASvB,CAAY,GAClDuB,EAAgB,aAAa,eAAetB,CAAc,GAC1DuB,IAAiB,SAAS,gBAAgBxB,GAAcsB,CAAO,MAE/DC,IAAkB,SAAS,cAAcD,CAAO,GAChDE,IAAiB,SAAS,cAAcF,CAAO,IAEjDC,EAAgB,YAAYC,CAAc,GAC1CA,EAAe,QAAQ,MAAMR,GAC7B,KAAK,kBAAkB,KAAK,aAAa,YAAYO,CAAe;AACpE,UAAIE,IAAc,SAAqBC,GAAO;AAE5C,YADAhB,EAAO,UAAS,GACZ,CAACA,EAAO,YAAY;AACtB,UAAAS,EAAQO,CAAK;AACb;AAAA,QACF;AACA,QAAAhB,EAAO,SAAS,WAAY;AAC1B,iBAAO;AAAA,YACL,UAAU;AAAA,YACV,WAAW;AAAA,UACvB;AAAA,QACQ,GAAG,WAAY;AACb,UAAAS,EAAQO,CAAK;AAAA,QACf,CAAC;AAAA,MACH,GACIC,IAAY,SAAmBD,GAAOE,GAAK;AAC7C,YAAIF,GAAO;AACT,UAAAD,EAAYC,CAAK;AACjB;AAAA,QACF;AAGA,QAAIhB,EAAO,cACTA,EAAO,SAAS,WAAY;AAC1B,iBAAO;AAAA,YACL,WAAW;AAAA,UACzB;AAAA,QACU,GAAG,WAAY;AACb,cAAI;AACF,YAAAW,EAAeO,CAAG;AAAA,UACpB,SAASC,GAAqB;AAC5B,YAAAJ,EAAYI,CAAmB;AAAA,UACjC;AAAA,QACF,CAAC;AAAA,MAEL,GACIC,IAAa,SAAoBF,GAAK;AAExC,YADAA,EAAI,aAAa,QAAQ,KAAK,GAC1BhB,GAAM;AACR,cAAImB,IAAeH,EAAI,cAAc,eAAe;AACpD,UAAIG,KACFH,EAAI,YAAYG,CAAY;AAE9B,cAAIC,IAAU,SAAS,cAAc,MAAM;AAC3C,UAAAA,EAAQ,YAAYpB,GACpBgB,EAAI,QAAQI,CAAO;AAAA,QACrB;AACA,YAAIf,GAAO;AACT,cAAIgB,IAAgBL,EAAI,cAAc,gBAAgB;AACtD,UAAIK,KACFL,EAAI,YAAYK,CAAa;AAE/B,cAAIC,IAAW,SAAS,cAAc,OAAO;AAC7C,UAAAA,EAAS,YAAYjB,GACrBW,EAAI,QAAQM,CAAQ;AAAA,QACtB;AACA,YAAI;AACF,UAAAd,EAAgBQ,CAAG;AAAA,QACrB,SAASF,GAAO;AACd,UAAAD,EAAYC,CAAK;AAAA,QACnB;AAAA,MACF;AACA,MAAAtC,EAAYoC,GAAgB;AAAA,QAC1B,WAAWG;AAAA,QACX,YAAYG;AAAA,QACZ,eAAeZ;AAAA,QACf,aAAaL;AAAA,QACb,4BAA4BC;AAAA,QAC5B,uBAAuBC;AAAA,MAC/B,CAAO;AAAA,IACH;AAAA,EACF,GACAN,EAAO,YAAY,WAAqB;AACtC,QAAI0B;AACJ,KAAKA,IAAwB,KAAK,oBAAoB,QAAQA,EAAsB,eAClF,KAAK,gBAAgB,WAAW,YAAY,KAAK,eAAe,GAChE,KAAK,kBAAkB;AAAA,EAE3B,GACA1B,EAAO,oBAAoB,WAA6B;AACtD,SAAK,aAAa,IAClB,KAAK,UAAS;AAAA,EAChB,GACAA,EAAO,qBAAqB,SAA4B2B,GAAW;AACjE,QAAIC,IAAS;AACb,IAAI3C,EAAeR,EAAS,CAAA,GAAIkD,CAAS,GAAG,KAAK,KAAK,KACpD,KAAK,SAAS,WAAY;AACxB,aAAOC,EAAO;AAAA,IAChB,GAAG,WAAY;AACb,MAAAA,EAAO,UAAS,GAChBA,EAAO,UAAS;AAAA,IAClB,CAAC;AAAA,EAEL,GACA5B,EAAO,uBAAuB,WAAgC;AAC5D,SAAK,aAAa,IAClB,KAAK,UAAS;AAAA,EAChB,GACAA,EAAO,SAAS,WAAkB;AAEhC,QAAI6B,IAAe,KAAK,OAKlBC,IAAWD,EAAa,UAExBE,IAAUF,EAAa,SAKvBhB,IAAUgB,EAAa,SAC3BG,IAAOxD,EAA8BqD,GAAcvC,CAAS,GAG1D2C,IAAUpB;AACd,WAAoB,gBAAAhC,EAAM,cAAcoD,GAASxD,EAAS,CAAA,GAAIuD,GAAM;AAAA,MAClE,KAAK,KAAK;AAAA,IAChB,GAAOnB,MAAY,QAAQ;AAAA,MACrB,OAAOtB;AAAA,MACP,YAAYC;AAAA,IAClB,IAAQ,CAAA,CAAE,GAAG,KAAK,MAAM,aAAauC,KAAwB,gBAAAlD,EAAM,cAAckD,GAAS,IAAI,GAAG,KAAK,MAAM,YAAYD,KAAyB,gBAAAjD,EAAM,cAAciD,GAAU,IAAI,CAAC;AAAA,EAClL,GACOrC;AACT,EAAEZ,EAAM,SAAS;AACjBY,EAAS,eAAe;AAAA,EACtB,gBAAgB,WAA0B;AAAA,EAE1C;AAAA,EACA,iBAAiB,WAA2B;AAAA,EAE5C;AAAA,EACA,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,4BAA4B;AAAA,EAC5B,SAAS;AAAA,EACT,SAAS,WAAmB;AAAA,EAE5B;AAAA,EACA,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AACX;AACAA,EAAS,YAAY;AAAA,EACnB,gBAAgByC,EAAAA;AAAAA,EAChB,iBAAiBA,EAAAA;AAAAA,EACjB,MAAMC,EAAAA;AAAAA,EACN,aAAaC,EAAAA,MAAgB,CAAC,UAAU,QAAQ,OAAO,CAAC;AAAA,EACxD,UAAUC,EAAAA,UAAoB,CAACH,EAAAA,MAAgBI,EAAAA,QAAkBH,EAAAA,MAAgB,CAAC;AAAA,EAClF,4BAA4BI,EAAAA;AAAAA,EAC5B,SAASF,EAAAA,UAAoB,CAACH,EAAAA,MAAgBI,EAAAA,QAAkBH,EAAAA,MAAgB,CAAC;AAAA,EACjF,SAASD,EAAAA;AAAAA,EACT,uBAAuBK,EAAAA;AAAAA,EACvB,KAAKJ,EAAAA,OAAiB;AAAA,EACtB,OAAOA,EAAAA;AAAAA,EACP,iBAAiBI,EAAAA;AAAAA,EACjB,SAASH,EAAAA,MAAgB,CAAC,OAAO,QAAQ,KAAK,CAAC;AACjD;","x_google_ignoreList":[0]}
+{"version":3,"file":"index225.js","sources":["../node_modules/react-svg/dist/react-svg.esm.js"],"sourcesContent":["import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';\nimport _extends from '@babel/runtime/helpers/extends';\nimport _inheritsLoose from '@babel/runtime/helpers/inheritsLoose';\nimport { SVGInjector } from '@tanem/svg-injector';\nimport * as PropTypes from 'prop-types';\nimport * as React from 'react';\n\n// Hat-tip: https://github.com/mui/material-ui/tree/master/packages/mui-utils/src.\nvar ownerWindow = function ownerWindow(node) {\n  var doc = (node == null ? undefined : node.ownerDocument) || document;\n  return doc.defaultView || window;\n};\n\n// Hat-tip: https://github.com/developit/preact-compat/blob/master/src/index.js#L402.\nvar shallowDiffers = function shallowDiffers(a, b) {\n  for (var i in a) {\n    if (!(i in b)) {\n      return true;\n    }\n  }\n  for (var _i in b) {\n    if (a[_i] !== b[_i]) {\n      return true;\n    }\n  }\n  return false;\n};\n\nvar _excluded = [\"afterInjection\", \"beforeInjection\", \"desc\", \"evalScripts\", \"fallback\", \"httpRequestWithCredentials\", \"loading\", \"renumerateIRIElements\", \"src\", \"title\", \"useRequestCache\", \"wrapper\"];\nvar svgNamespace = 'http://www.w3.org/2000/svg';\nvar xlinkNamespace = 'http://www.w3.org/1999/xlink';\nvar ReactSVG = /*#__PURE__*/function (_React$Component) {\n  function ReactSVG() {\n    var _this;\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.initialState = {\n      hasError: false,\n      isLoading: true\n    };\n    _this.state = _this.initialState;\n    _this._isMounted = false;\n    _this.reactWrapper = undefined;\n    _this.nonReactWrapper = undefined;\n    _this.refCallback = function (reactWrapper) {\n      _this.reactWrapper = reactWrapper;\n    };\n    return _this;\n  }\n  _inheritsLoose(ReactSVG, _React$Component);\n  var _proto = ReactSVG.prototype;\n  _proto.renderSVG = function renderSVG() {\n    var _this2 = this;\n    /* istanbul ignore else */\n    if (this.reactWrapper instanceof ownerWindow(this.reactWrapper).Node) {\n      var _this$props = this.props,\n        desc = _this$props.desc,\n        evalScripts = _this$props.evalScripts,\n        httpRequestWithCredentials = _this$props.httpRequestWithCredentials,\n        renumerateIRIElements = _this$props.renumerateIRIElements,\n        src = _this$props.src,\n        title = _this$props.title,\n        useRequestCache = _this$props.useRequestCache;\n      /* eslint-disable @typescript-eslint/no-non-null-assertion */\n      var onError = this.props.onError;\n      var beforeInjection = this.props.beforeInjection;\n      var afterInjection = this.props.afterInjection;\n      var wrapper = this.props.wrapper;\n      var nonReactWrapper;\n      var nonReactTarget;\n      if (wrapper === 'svg') {\n        nonReactWrapper = document.createElementNS(svgNamespace, wrapper);\n        nonReactWrapper.setAttribute('xmlns', svgNamespace);\n        nonReactWrapper.setAttribute('xmlns:xlink', xlinkNamespace);\n        nonReactTarget = document.createElementNS(svgNamespace, wrapper);\n      } else {\n        nonReactWrapper = document.createElement(wrapper);\n        nonReactTarget = document.createElement(wrapper);\n      }\n      nonReactWrapper.appendChild(nonReactTarget);\n      nonReactTarget.dataset.src = src;\n      this.nonReactWrapper = this.reactWrapper.appendChild(nonReactWrapper);\n      var handleError = function handleError(error) {\n        _this2.removeSVG();\n        if (!_this2._isMounted) {\n          onError(error);\n          return;\n        }\n        _this2.setState(function () {\n          return {\n            hasError: true,\n            isLoading: false\n          };\n        }, function () {\n          onError(error);\n        });\n      };\n      var afterEach = function afterEach(error, svg) {\n        if (error) {\n          handleError(error);\n          return;\n        }\n        // TODO (Tane): It'd be better to cleanly unsubscribe from SVGInjector\n        // callbacks instead of tracking a property like this.\n        if (_this2._isMounted) {\n          _this2.setState(function () {\n            return {\n              isLoading: false\n            };\n          }, function () {\n            try {\n              afterInjection(svg);\n            } catch (afterInjectionError) {\n              handleError(afterInjectionError);\n            }\n          });\n        }\n      };\n      var beforeEach = function beforeEach(svg) {\n        svg.setAttribute('role', 'img');\n        if (desc) {\n          var originalDesc = svg.querySelector(':scope > desc');\n          if (originalDesc) {\n            svg.removeChild(originalDesc);\n          }\n          var newDesc = document.createElement('desc');\n          newDesc.innerHTML = desc;\n          svg.prepend(newDesc);\n        }\n        if (title) {\n          var originalTitle = svg.querySelector(':scope > title');\n          if (originalTitle) {\n            svg.removeChild(originalTitle);\n          }\n          var newTitle = document.createElement('title');\n          newTitle.innerHTML = title;\n          svg.prepend(newTitle);\n        }\n        try {\n          beforeInjection(svg);\n        } catch (error) {\n          handleError(error);\n        }\n      };\n      SVGInjector(nonReactTarget, {\n        afterEach: afterEach,\n        beforeEach: beforeEach,\n        cacheRequests: useRequestCache,\n        evalScripts: evalScripts,\n        httpRequestWithCredentials: httpRequestWithCredentials,\n        renumerateIRIElements: renumerateIRIElements\n      });\n    }\n  };\n  _proto.removeSVG = function removeSVG() {\n    var _this$nonReactWrapper;\n    if ((_this$nonReactWrapper = this.nonReactWrapper) != null && _this$nonReactWrapper.parentNode) {\n      this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper);\n      this.nonReactWrapper = null;\n    }\n  };\n  _proto.componentDidMount = function componentDidMount() {\n    this._isMounted = true;\n    this.renderSVG();\n  };\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var _this3 = this;\n    if (shallowDiffers(_extends({}, prevProps), this.props)) {\n      this.setState(function () {\n        return _this3.initialState;\n      }, function () {\n        _this3.removeSVG();\n        _this3.renderSVG();\n      });\n    }\n  };\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this._isMounted = false;\n    this.removeSVG();\n  };\n  _proto.render = function render() {\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    var _this$props2 = this.props;\n      _this$props2.afterInjection;\n      _this$props2.beforeInjection;\n      _this$props2.desc;\n      _this$props2.evalScripts;\n      var Fallback = _this$props2.fallback;\n      _this$props2.httpRequestWithCredentials;\n      var Loading = _this$props2.loading;\n      _this$props2.renumerateIRIElements;\n      _this$props2.src;\n      _this$props2.title;\n      _this$props2.useRequestCache;\n      var wrapper = _this$props2.wrapper,\n      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    var Wrapper = wrapper;\n    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, rest, {\n      ref: this.refCallback\n    }, wrapper === 'svg' ? {\n      xmlns: svgNamespace,\n      xmlnsXlink: xlinkNamespace\n    } : {}), this.state.isLoading && Loading && /*#__PURE__*/React.createElement(Loading, null), this.state.hasError && Fallback && /*#__PURE__*/React.createElement(Fallback, null));\n  };\n  return ReactSVG;\n}(React.Component);\nReactSVG.defaultProps = {\n  afterInjection: function afterInjection() {\n    return undefined;\n  },\n  beforeInjection: function beforeInjection() {\n    return undefined;\n  },\n  desc: '',\n  evalScripts: 'never',\n  fallback: null,\n  httpRequestWithCredentials: false,\n  loading: null,\n  onError: function onError() {\n    return undefined;\n  },\n  renumerateIRIElements: true,\n  title: '',\n  useRequestCache: true,\n  wrapper: 'div'\n};\nReactSVG.propTypes = {\n  afterInjection: PropTypes.func,\n  beforeInjection: PropTypes.func,\n  desc: PropTypes.string,\n  evalScripts: PropTypes.oneOf(['always', 'once', 'never']),\n  fallback: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  httpRequestWithCredentials: PropTypes.bool,\n  loading: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  onError: PropTypes.func,\n  renumerateIRIElements: PropTypes.bool,\n  src: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  useRequestCache: PropTypes.bool,\n  wrapper: PropTypes.oneOf(['div', 'span', 'svg'])\n} ;\n\nexport { ReactSVG };\n//# sourceMappingURL=react-svg.esm.js.map\n"],"names":["_objectWithoutPropertiesLoose","_extends","_inheritsLoose","SVGInjector","propTypesExports","React","ownerWindow","node","doc","shallowDiffers","a","b","i","_i","_excluded","svgNamespace","xlinkNamespace","ReactSVG","_React$Component","_this","_len","args","_key","reactWrapper","_proto","_this2","_this$props","desc","evalScripts","httpRequestWithCredentials","renumerateIRIElements","src","title","useRequestCache","onError","beforeInjection","afterInjection","wrapper","nonReactWrapper","nonReactTarget","handleError","error","afterEach","svg","afterInjectionError","beforeEach","originalDesc","newDesc","originalTitle","newTitle","_this$nonReactWrapper","prevProps","_this3","_this$props2","Fallback","Loading","rest","Wrapper","PropTypes.func","PropTypes.string","PropTypes.oneOf","PropTypes.oneOfType","PropTypes.object","PropTypes.bool"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index229.js

@@ -1,9 +1,9 @@
-import { useRef as o, useCallback as u, createContext as s, useContext as c, useEffect as a } from "react";
-const f = /* @__PURE__ */ s(null);
+import { createContext as u, useRef as o, useCallback as s, useContext as c, useEffect as a } from "react";
+const f = /* @__PURE__ */ u(null);
 function l() {
   const r = o(/* @__PURE__ */ new Set()), t = o([]);
   return {
-    register: u((n) => (r.current.add(n), t.current = Array.from(r.current), () => {
+    register: s((n) => (r.current.add(n), t.current = Array.from(r.current), () => {
       r.current.delete(n), t.current = Array.from(r.current);
     }), []),
     portalContainerRefs: t

package/dist/index229.js.map

@@ -1 +1 @@
-{"version":3,"file":"index229.js","sources":["../src/utils/a11y/FocusTrapPortalContext.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useRef } from 'react';\n\ntype RegisterPortal = (ref: React.RefObject<HTMLElement | null>) => () => void;\n\n/**\n * Context for portal content to register with the nearest focus trap.\n * When a Modal (or any focus trap owner) provides this context, portal-rendered\n * content (e.g., Popover with isWithPortal) can register its container ref so\n * the focus trap's safety net allows focus to move into it.\n */\nexport const FocusTrapPortalContext = createContext<RegisterPortal | null>(null);\n\n/**\n * Hook for the focus trap owner (Modal) to create a portal registration function\n * and a stable ref to the current list of portal container refs.\n *\n * Usage in Modal:\n * ```tsx\n * const { register, portalContainerRefs } = useFocusTrapPortalRegistry();\n * // Pass portalContainerRefs.current to useModalA11y\n * // Wrap children with <FocusTrapPortalContext.Provider value={register}>\n * ```\n */\nexport function useFocusTrapPortalRegistry() {\n  const portalRefsSet = useRef<Set<React.RefObject<HTMLElement | null>>>(new Set());\n  const portalContainerRefs = useRef<React.RefObject<HTMLElement | null>[]>([]);\n\n  const register: RegisterPortal = useCallback((ref) => {\n    portalRefsSet.current.add(ref);\n    portalContainerRefs.current = Array.from(portalRefsSet.current);\n    return () => {\n      portalRefsSet.current.delete(ref);\n      portalContainerRefs.current = Array.from(portalRefsSet.current);\n    };\n  }, []);\n\n  return { register, portalContainerRefs };\n}\n\n/**\n * Hook for portal content (Popover) to register its container ref with the\n * nearest ancestor focus trap. No-op if there is no focus trap ancestor.\n *\n * @param portalRef - Ref to the portal's root DOM element\n * @param isActive - Whether the portal is currently mounted and should be registered\n */\nexport function useRegisterPortalWithFocusTrap(\n  portalRef: React.RefObject<HTMLElement | null>,\n  isActive: boolean\n) {\n  const register = useContext(FocusTrapPortalContext);\n\n  useEffect(() => {\n    if (!register || !isActive) return;\n    return register(portalRef);\n  }, [register, isActive, portalRef]);\n}\n"],"names":["useRef","useCallback","createContext","useContext","useEffect","FocusTrapPortalContext","useFocusTrapPortalRegistry","portalRefsSet","Set","portalContainerRefs","register","ref","current","add","Array","from","delete","useRegisterPortalWithFocusTrap","portalRef","isActive"],"mappings":"AAUO,SAAA,UAAAA,GAAA,eAAAC,GAAA,iBAAAC,GAAA,cAAAC,GAAA,aAAAC,SAAA;AAAA,MAAMC,sBAA8D,IAAI;AAaxE,SAASC,IAA6B;AAC3C,QAAMC,IAAgBP,EAAiD,oBAAIQ,KAAK,GAC1EC,IAAsBT,EAA8C,EAAE;AAW5E,SAAO;AAAA,IAAEU,UATwBT,EAAaU,CAAAA,OAC5CJ,EAAcK,QAAQC,IAAIF,CAAG,GAC7BF,EAAoBG,UAAUE,MAAMC,KAAKR,EAAcK,OAAO,GACvD,MAAM;AACXL,MAAAA,EAAcK,QAAQI,OAAOL,CAAG,GAChCF,EAAoBG,UAAUE,MAAMC,KAAKR,EAAcK,OAAO;AAAA,IAChE,IACC,CAAA,CAAE;AAAA,IAEcH,qBAAAA;AAAAA,EAAAA;AACrB;AASO,SAASQ,EACdC,GACAC,GACA;AACA,QAAMT,IAAWP,EAAWE,CAAsB;AAElDD,EAAAA,EAAU,MAAM;AACd,QAAI,GAACM,KAAY,CAACS;AAClB,aAAOT,EAASQ,CAAS;AAAA,EAC3B,GAAG,CAACR,GAAUS,GAAUD,CAAS,CAAC;AACpC;"}
+{"version":3,"file":"index229.js","sources":["../src/utils/a11y/FocusTrapPortalContext.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useRef } from 'react';\n\ntype RegisterPortal = (ref: React.RefObject<HTMLElement | null>) => () => void;\n\n/**\n * Context for portal content to register with the nearest focus trap.\n * When a Modal (or any focus trap owner) provides this context, portal-rendered\n * content (e.g., Popover with isWithPortal) can register its container ref so\n * the focus trap's safety net allows focus to move into it.\n */\nexport const FocusTrapPortalContext = createContext<RegisterPortal | null>(null);\n\n/**\n * Hook for the focus trap owner (Modal) to create a portal registration function\n * and a stable ref to the current list of portal container refs.\n *\n * Usage in Modal:\n * ```tsx\n * const { register, portalContainerRefs } = useFocusTrapPortalRegistry();\n * // Pass portalContainerRefs.current to useModalA11y\n * // Wrap children with <FocusTrapPortalContext.Provider value={register}>\n * ```\n */\nexport function useFocusTrapPortalRegistry() {\n  const portalRefsSet = useRef<Set<React.RefObject<HTMLElement | null>>>(new Set());\n  const portalContainerRefs = useRef<React.RefObject<HTMLElement | null>[]>([]);\n\n  const register: RegisterPortal = useCallback((ref) => {\n    portalRefsSet.current.add(ref);\n    portalContainerRefs.current = Array.from(portalRefsSet.current);\n    return () => {\n      portalRefsSet.current.delete(ref);\n      portalContainerRefs.current = Array.from(portalRefsSet.current);\n    };\n  }, []);\n\n  return { register, portalContainerRefs };\n}\n\n/**\n * Hook for portal content (Popover) to register its container ref with the\n * nearest ancestor focus trap. No-op if there is no focus trap ancestor.\n *\n * @param portalRef - Ref to the portal's root DOM element\n * @param isActive - Whether the portal is currently mounted and should be registered\n */\nexport function useRegisterPortalWithFocusTrap(\n  portalRef: React.RefObject<HTMLElement | null>,\n  isActive: boolean\n) {\n  const register = useContext(FocusTrapPortalContext);\n\n  useEffect(() => {\n    if (!register || !isActive) return;\n    return register(portalRef);\n  }, [register, isActive, portalRef]);\n}\n"],"names":["createContext","useRef","useCallback","useContext","useEffect","FocusTrapPortalContext","useFocusTrapPortalRegistry","portalRefsSet","Set","portalContainerRefs","register","ref","current","add","Array","from","delete","useRegisterPortalWithFocusTrap","portalRef","isActive"],"mappings":"AAUO,SAAA,iBAAAA,GAAA,UAAAC,GAAA,eAAAC,GAAA,cAAAC,GAAA,aAAAC,SAAA;AAAA,MAAMC,sBAA8D,IAAI;AAaxE,SAASC,IAA6B;AAC3C,QAAMC,IAAgBN,EAAiD,oBAAIO,KAAK,GAC1EC,IAAsBR,EAA8C,EAAE;AAW5E,SAAO;AAAA,IAAES,UATwBR,EAAaS,CAAAA,OAC5CJ,EAAcK,QAAQC,IAAIF,CAAG,GAC7BF,EAAoBG,UAAUE,MAAMC,KAAKR,EAAcK,OAAO,GACvD,MAAM;AACXL,MAAAA,EAAcK,QAAQI,OAAOL,CAAG,GAChCF,EAAoBG,UAAUE,MAAMC,KAAKR,EAAcK,OAAO;AAAA,IAChE,IACC,CAAA,CAAE;AAAA,IAEcH,qBAAAA;AAAAA,EAAAA;AACrB;AASO,SAASQ,EACdC,GACAC,GACA;AACA,QAAMT,IAAWP,EAAWE,CAAsB;AAElDD,EAAAA,EAAU,MAAM;AACd,QAAI,GAACM,KAAY,CAACS;AAClB,aAAOT,EAASQ,CAAS;AAAA,EAC3B,GAAG,CAACR,GAAUS,GAAUD,CAAS,CAAC;AACpC;"}

package/dist/index33.js

@@ -1,7 +1,7 @@
 import e from "react";
 import { Button as N } from "./index4.js";
 import { Badge as I } from "./index10.js";
-import { Icon as g } from "./index6.js";
+import { Icon as d } from "./index6.js";
 /* empty css         */
 const t = {
   widgetCtn: "flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] w-[385px]",
@@ -21,16 +21,16 @@ const t = {
   requestFeatureImageCtn: "w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]",
   requestFeatureDescriptionCtn: "flex flex-col"
 }, B = ({
-  widgetClassName: d = "",
+  widgetClassName: g = "",
   widgetType: a = "general",
   widgetTitle: r = "",
   widgetDescription: l = "",
   widgetImage: p,
-  hasImage: x = !1,
+  hasImage: f = !1,
   hasButtonCta: n = !1,
   hasLinkCta: i = !1,
   ctaText: o = "",
-  hasBadge: f = !1,
+  hasBadge: x = !1,
   badgeText: w = "",
   buttonBgColor: u = "secondary",
   onCtaClick: b,
@@ -38,11 +38,11 @@ const t = {
   webinarDateInfo: c,
   webinarSpeaker: s
 }) => {
-  const E = f && /* @__PURE__ */ e.createElement(I, {
+  const E = x && /* @__PURE__ */ e.createElement(I, {
     label: w,
     className: t.widgetBadge,
     bgColor: "var(--color-yellow-50)",
-    textColor: "var(--color-yellow-400)",
+    textColor: "var(--color-yellow-800)",
     fontWeight: "normal"
   }), m = (i || n) && /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("span", {
     className: t.widgetLinkCta
@@ -52,14 +52,14 @@ const t = {
     label: o,
     className: `${t.widgetButtonCta} mt-[4px]`,
     onClick: b
-  })), C = x && /* @__PURE__ */ e.createElement("div", {
+  })), C = f && /* @__PURE__ */ e.createElement("div", {
     className: `${t.widgetImageCtn} widget-image-ctn`
   }, /* @__PURE__ */ e.createElement("img", {
     src: p,
     alt: "widget-image"
   }));
   return /* @__PURE__ */ e.createElement("div", {
-    className: `${t.widgetCtn} ${d} widget-ctn`,
+    className: `${t.widgetCtn} ${g} widget-ctn`,
     onClick: v
   }, a !== "general" && C, /* @__PURE__ */ e.createElement("div", {
     className: t.descriptionCtn
@@ -71,14 +71,14 @@ const t = {
     className: t.webinarInfoCtn
   }, s && /* @__PURE__ */ e.createElement("div", {
     className: `${t.webinarDescriptionInfo} align-baseline`
-  }, /* @__PURE__ */ e.createElement(g, {
+  }, /* @__PURE__ */ e.createElement(d, {
     name: "people",
     className: "relative top-[2px]"
   }), /* @__PURE__ */ e.createElement("span", {
     className: t.webinarSpeaker
   }, s)), c && /* @__PURE__ */ e.createElement("div", {
     className: `${t.webinarTimeInfo} align-baseline mb-[4px]`
-  }, /* @__PURE__ */ e.createElement(g, {
+  }, /* @__PURE__ */ e.createElement(d, {
     name: "clock",
     className: "relative top-[2px]"
   }), /* @__PURE__ */ e.createElement("span", {
@@ -96,6 +96,7 @@ const t = {
   }, l), m)) : m));
 };
 export {
-  B as Widget
+  B as Widget,
+  B as default
 };
 //# sourceMappingURL=index33.js.map

package/dist/index33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index33.js","sources":["../src/components/Widget/index.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Button } from \"../Button\";\nimport { Badge } from \"../Badge\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface WidgetProps {\n  widgetClassName?: string;\n  widgetType?: \"promotion\" | \"webinar\" | \"request-feature\" | \"general\";\n  widgetTitle?: string;\n  hasBadge?: boolean;\n  webinarSpeaker?: string;\n  badgeText?: string;\n  widgetDescription?: string;\n  webinarDateInfo?: string;\n  hasImage?: boolean;\n  widgetImage?: string;\n  hasButtonCta?: boolean;\n  buttonBgColor?: 'primary' | 'secondary';\n  hasLinkCta?: boolean;\n  ctaText?: string;\n  onCtaClick?: () => void;\n  onWidgetClick?: () => void;\n}\n\nconst className: Map = {\n  widgetCtn: 'flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] w-[385px]',\n  widgetImageCtn: 'cursor-pointer',\n  descriptionCtn: 'p-4 flex flex-col',\n  widgetTitle: 'text-[var(--color-gray-900)] mt-[4px] mb-[8px]',\n  widgetDescription: 'text-[var(--color-gray-700)] mb-[4px]',\n  widgetLinkCta: 'text-[var(--color-blue-500)] cursor-pointer hover:text-[var(--color-blue-600)]',\n  widgetButtonCta: 'self-start',\n  widgetBadge: 'w-fit',\n  webinarInfoCtn: 'flex flex-col gap-2',\n  webinarSpeaker: 'text-[var(--color-gray-700)]',\n  webinarDate: 'text-[var(--color-gray-700)]',\n  webinarDescriptionInfo: 'flex gap-2',\n  webinarTimeInfo: 'flex gap-2',\n  requestFeatureCtn: 'flex gap-[12px]',\n  requestFeatureImageCtn: 'w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]',\n  requestFeatureDescriptionCtn: 'flex flex-col',\n};\n\nexport const Widget: FC<WidgetProps> = ({\n  widgetClassName = \"\",\n  widgetType = 'general',\n  widgetTitle = \"\",\n  widgetDescription = \"\",\n  widgetImage,\n  hasImage = false,\n  hasButtonCta = false,\n  hasLinkCta = false,\n  ctaText = \"\",\n  hasBadge = false,\n  badgeText = \"\",\n  buttonBgColor = 'secondary',\n  onCtaClick,\n  onWidgetClick,\n  webinarDateInfo,\n  webinarSpeaker,\n}) => {\n\n  const renderBadge = hasBadge && (\n    <Badge\n      label={badgeText}\n      className={className.widgetBadge}\n      bgColor=\"var(--color-yellow-50)\"\n      textColor=\"var(--color-yellow-400)\"\n      fontWeight=\"normal\"\n    />\n  );\n\n  const renderCTA = (hasLinkCta || hasButtonCta) && (\n    <React.Fragment>\n      {hasLinkCta && <span className={className.widgetLinkCta}>{ctaText}</span>}\n      {hasButtonCta && <Button type={buttonBgColor} size=\"md\" label={ctaText} className={`${className.widgetButtonCta} mt-[4px]`} onClick={onCtaClick} />}\n    </React.Fragment>\n  );\n\n  const renderImage = hasImage && (\n    <div className={`${className.widgetImageCtn} widget-image-ctn`}>\n      <img src={widgetImage} alt=\"widget-image\"/>\n    </div>\n  );\n\n  return (\n    <div className={`${className.widgetCtn} ${widgetClassName} widget-ctn`} onClick={onWidgetClick}>\n      {widgetType !== \"general\" && renderImage}\n      <div className={className.descriptionCtn}>\n        {widgetType !== \"general\" && renderBadge}\n        {widgetType !== \"request-feature\" && <span className={`${className.widgetTitle} widget-title`}>{widgetTitle}</span>}\n\n        {([\"promotion\", \"general\"].includes(widgetType)) && (\n          <span className={`${className.widgetDescription} widget-description`}>{widgetDescription}</span>\n        )}\n\n        {widgetType === \"webinar\" && (\n          <div className={className.webinarInfoCtn}>\n            {webinarSpeaker && (\n            <div className={`${className.webinarDescriptionInfo} align-baseline`}>\n              <Icon name=\"people\" className=\"relative top-[2px]\" />\n              <span className={className.webinarSpeaker}>{webinarSpeaker}</span>\n            </div>\n            )}\n            {webinarDateInfo && (\n               <div className={`${className.webinarTimeInfo} align-baseline mb-[4px]`}>\n                <Icon name=\"clock\" className=\"relative top-[2px]\" />\n                <span className={className.webinarDate}>{webinarDateInfo}</span>\n              </div>\n            )}\n          </div>\n        )}\n\n        {widgetType === \"request-feature\" ? (\n          <div className={className.requestFeatureCtn}>\n            <div className={className.requestFeatureImageCtn} />\n            <div className={className.requestFeatureDescriptionCtn}>\n              <span className={`${className.widgetTitle} widget-title`}>{widgetTitle}</span>\n              <span className={`${className.widgetDescription} widget-description`}>{widgetDescription}</span>\n              {renderCTA}\n            </div>\n          </div>\n        ) : (\n          renderCTA\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Widget;"],"names":["React__default","Button","Badge","Icon","className","widgetCtn","widgetImageCtn","descriptionCtn","widgetTitle","widgetDescription","widgetLinkCta","widgetButtonCta","widgetBadge","webinarInfoCtn","webinarSpeaker","webinarDate","webinarDescriptionInfo","webinarTimeInfo","requestFeatureCtn","requestFeatureImageCtn","requestFeatureDescriptionCtn","Widget","widgetClassName","widgetType","widgetImage","hasImage","hasButtonCta","hasLinkCta","ctaText","hasBadge","badgeText","buttonBgColor","onCtaClick","onWidgetClick","webinarDateInfo","renderBadge","React","createElement","label","bgColor","textColor","fontWeight","renderCTA","Fragment","type","size","onClick","renderImage","src","alt","includes","name"],"mappings":"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"}
+{"version":3,"file":"index33.js","sources":["../src/components/Widget/index.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Button } from \"../Button\";\nimport { Badge } from \"../Badge\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface WidgetProps {\n  widgetClassName?: string;\n  widgetType?: \"promotion\" | \"webinar\" | \"request-feature\" | \"general\";\n  widgetTitle?: string;\n  hasBadge?: boolean;\n  webinarSpeaker?: string;\n  badgeText?: string;\n  widgetDescription?: string;\n  webinarDateInfo?: string;\n  hasImage?: boolean;\n  widgetImage?: string;\n  hasButtonCta?: boolean;\n  buttonBgColor?: 'primary' | 'secondary';\n  hasLinkCta?: boolean;\n  ctaText?: string;\n  onCtaClick?: () => void;\n  onWidgetClick?: () => void;\n}\n\nconst className: Map = {\n  widgetCtn: 'flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] w-[385px]',\n  widgetImageCtn: 'cursor-pointer',\n  descriptionCtn: 'p-4 flex flex-col',\n  widgetTitle: 'text-[var(--color-gray-900)] mt-[4px] mb-[8px]',\n  widgetDescription: 'text-[var(--color-gray-700)] mb-[4px]',\n  widgetLinkCta: 'text-[var(--color-blue-500)] cursor-pointer hover:text-[var(--color-blue-600)]',\n  widgetButtonCta: 'self-start',\n  widgetBadge: 'w-fit',\n  webinarInfoCtn: 'flex flex-col gap-2',\n  webinarSpeaker: 'text-[var(--color-gray-700)]',\n  webinarDate: 'text-[var(--color-gray-700)]',\n  webinarDescriptionInfo: 'flex gap-2',\n  webinarTimeInfo: 'flex gap-2',\n  requestFeatureCtn: 'flex gap-[12px]',\n  requestFeatureImageCtn: 'w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]',\n  requestFeatureDescriptionCtn: 'flex flex-col',\n};\n\nexport const Widget: FC<WidgetProps> = ({\n  widgetClassName = \"\",\n  widgetType = 'general',\n  widgetTitle = \"\",\n  widgetDescription = \"\",\n  widgetImage,\n  hasImage = false,\n  hasButtonCta = false,\n  hasLinkCta = false,\n  ctaText = \"\",\n  hasBadge = false,\n  badgeText = \"\",\n  buttonBgColor = 'secondary',\n  onCtaClick,\n  onWidgetClick,\n  webinarDateInfo,\n  webinarSpeaker,\n}) => {\n\n  const renderBadge = hasBadge && (\n    <Badge\n      label={badgeText}\n      className={className.widgetBadge}\n      bgColor=\"var(--color-yellow-50)\"\n      textColor=\"var(--color-yellow-800)\"\n      fontWeight=\"normal\"\n    />\n  );\n\n  const renderCTA = (hasLinkCta || hasButtonCta) && (\n    <React.Fragment>\n      {hasLinkCta && <span className={className.widgetLinkCta}>{ctaText}</span>}\n      {hasButtonCta && <Button type={buttonBgColor} size=\"md\" label={ctaText} className={`${className.widgetButtonCta} mt-[4px]`} onClick={onCtaClick} />}\n    </React.Fragment>\n  );\n\n  const renderImage = hasImage && (\n    <div className={`${className.widgetImageCtn} widget-image-ctn`}>\n      <img src={widgetImage} alt=\"widget-image\"/>\n    </div>\n  );\n\n  return (\n    <div className={`${className.widgetCtn} ${widgetClassName} widget-ctn`} onClick={onWidgetClick}>\n      {widgetType !== \"general\" && renderImage}\n      <div className={className.descriptionCtn}>\n        {widgetType !== \"general\" && renderBadge}\n        {widgetType !== \"request-feature\" && <span className={`${className.widgetTitle} widget-title`}>{widgetTitle}</span>}\n\n        {([\"promotion\", \"general\"].includes(widgetType)) && (\n          <span className={`${className.widgetDescription} widget-description`}>{widgetDescription}</span>\n        )}\n\n        {widgetType === \"webinar\" && (\n          <div className={className.webinarInfoCtn}>\n            {webinarSpeaker && (\n            <div className={`${className.webinarDescriptionInfo} align-baseline`}>\n              <Icon name=\"people\" className=\"relative top-[2px]\" />\n              <span className={className.webinarSpeaker}>{webinarSpeaker}</span>\n            </div>\n            )}\n            {webinarDateInfo && (\n               <div className={`${className.webinarTimeInfo} align-baseline mb-[4px]`}>\n                <Icon name=\"clock\" className=\"relative top-[2px]\" />\n                <span className={className.webinarDate}>{webinarDateInfo}</span>\n              </div>\n            )}\n          </div>\n        )}\n\n        {widgetType === \"request-feature\" ? (\n          <div className={className.requestFeatureCtn}>\n            <div className={className.requestFeatureImageCtn} />\n            <div className={className.requestFeatureDescriptionCtn}>\n              <span className={`${className.widgetTitle} widget-title`}>{widgetTitle}</span>\n              <span className={`${className.widgetDescription} widget-description`}>{widgetDescription}</span>\n              {renderCTA}\n            </div>\n          </div>\n        ) : (\n          renderCTA\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Widget;"],"names":["React__default","Button","Badge","Icon","className","widgetCtn","widgetImageCtn","descriptionCtn","widgetTitle","widgetDescription","widgetLinkCta","widgetButtonCta","widgetBadge","webinarInfoCtn","webinarSpeaker","webinarDate","webinarDescriptionInfo","webinarTimeInfo","requestFeatureCtn","requestFeatureImageCtn","requestFeatureDescriptionCtn","Widget","widgetClassName","widgetType","widgetImage","hasImage","hasButtonCta","hasLinkCta","ctaText","hasBadge","badgeText","buttonBgColor","onCtaClick","onWidgetClick","webinarDateInfo","renderBadge","React","createElement","label","bgColor","textColor","fontWeight","renderCTA","Fragment","type","size","onClick","renderImage","src","alt","includes","name"],"mappings":"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"}

package/dist/index43.js

@@ -1,68 +1,73 @@
-import e, { useState as w } from "react";
-import { Icon as p } from "./index6.js";
-import { Button as I } from "./index4.js";
-import { getRegionAttributes as S } from "./index72.js";
-import { useAccessiblePress as k } from "./index73.js";
+import e, { useState as I } from "react";
+import { Icon as x } from "./index6.js";
+import { Button as S } from "./index4.js";
+import { getRegionAttributes as k } from "./index72.js";
+import { useAccessiblePress as L } from "./index73.js";
 import "./index78.js";
 import { useStableId as $ } from "./index227.js";
 /* empty css         */
-function l() {
-  return l = Object.assign ? Object.assign.bind() : function(c) {
+function o() {
+  return o = Object.assign ? Object.assign.bind() : function(c) {
     for (var r = 1; r < arguments.length; r++) {
       var n = arguments[r];
       for (var s in n) ({}).hasOwnProperty.call(n, s) && (c[s] = n[s]);
     }
     return c;
-  }, l.apply(null, arguments);
+  }, o.apply(null, arguments);
 }
 const t = {
-  gettingStartedWidgetCtn: "border border-[var(--color-gray-200)] rounded-[8px] w-full bg-[var(--color-white)]",
+  gettingStartedWidgetCtn: "border border-[var(--color-gray-200)] rounded-[8px] w-full bg-[var(--color-white)] flex flex-col gap-[12px] py-[16px]",
   header: "relative flex items-center justify-between gap-[24px] px-[16px]",
   headerButton: "absolute inset-0 w-full h-full bg-transparent border-none cursor-pointer focus-outline",
   headerLeft: "m-0 font-normal min-w-0 flex-1 flex items-center gap-[16px] pointer-events-none",
   headerIconCtn: "relative shrink-0 size-[48px] rounded-full flex items-center justify-center",
   headerTextCtn: "flex flex-col gap-[4px] items-start min-w-0",
   headerRight: "flex items-center gap-[24px] shrink-0 pointer-events-none",
-  progressCtn: "flex flex-col gap-[8px] items-end justify-center",
+  progressCtn: "flex flex-col gap-[8px] items-end justify-center py-[8px]",
   progressSegmentsCtn: "flex gap-[6px] items-start w-[100px]",
   progressSegment: "flex-1 h-[4px] rounded-[10px] bg-[var(--color-gray-600)]",
   progressSegmentComplete: "flex-1 h-[4px] rounded-[10px] bg-[var(--color-green-500)]",
   chevronIcon: "transition-transform duration-300",
   divider: "h-px w-full bg-[var(--color-gray-200)]",
-  actionItemCtn: "flex items-center justify-between px-[16px] py-[16px]",
+  content: "flex flex-col gap-[12px]",
+  actionItemCtn: "flex items-center justify-between px-[16px]",
   actionItemLeft: "flex items-center gap-[12px]",
   actionItemTextCtn: "flex flex-col gap-[2px] items-start"
-}, O = ({
+}, _ = ({
   widgetClassName: c = "",
   title: r = "Get started",
   description: n = "Master the basics of Signeasy. This section goes away on its own once you're done.",
   headerIconProps: s = {
     name: "magicpen"
   },
-  defaultExpanded: v = !0,
-  isExpanded: g,
-  onToggle: h,
-  actionItems: o = []
+  defaultExpanded: h = !0,
+  isExpanded: f,
+  onToggle: b,
+  isAccordion: d = !0,
+  actionItems: l = []
 }) => {
-  const [b, E] = w(v), x = g !== void 0, m = x ? g : b, i = $(void 0, "get-started-widget"), u = `${i}-content`, y = () => {
-    x || E((a) => !a), h?.();
+  const [E, y] = I(h), u = f !== void 0;
+  let i = u ? f : E;
+  d || (i = !0);
+  const m = $(void 0, "get-started-widget"), v = `${m}-content`, C = () => {
+    u || y((a) => !a), b?.();
   }, {
-    pressProps: C
-  } = k({
+    pressProps: N
+  } = L({
     isNative: !0,
-    onClick: y
-  }), d = o.filter((a) => a.isComplete).length, f = `${d} of ${o.length} done`;
+    onClick: C
+  }), p = l.filter((a) => a.isComplete).length, g = `${p} of ${l.length} done`;
   return /* @__PURE__ */ e.createElement("div", {
     className: `${t.gettingStartedWidgetCtn} ${c} getting-started-widget-ctn`
   }, /* @__PURE__ */ e.createElement("div", {
-    className: `${t.header} py-[16px]`
-  }, /* @__PURE__ */ e.createElement("button", l({
+    className: t.header
+  }, d && /* @__PURE__ */ e.createElement("button", o({
     type: "button",
     className: t.headerButton,
-    "aria-expanded": m,
-    "aria-controls": u,
-    "aria-labelledby": i
-  }, C)), /* @__PURE__ */ e.createElement("h3", {
+    "aria-expanded": i,
+    "aria-controls": v,
+    "aria-labelledby": m
+  }, N)), /* @__PURE__ */ e.createElement("h3", {
     className: t.headerLeft
   }, /* @__PURE__ */ e.createElement("span", {
     className: t.headerIconCtn,
@@ -70,12 +75,12 @@ const t = {
       backgroundColor: "#ffdcda"
     },
     "aria-hidden": "true"
-  }, /* @__PURE__ */ e.createElement(p, l({}, s, {
+  }, /* @__PURE__ */ e.createElement(x, o({}, s, {
     stroke: "#7d4644"
   }))), /* @__PURE__ */ e.createElement("span", {
     className: t.headerTextCtn
   }, /* @__PURE__ */ e.createElement("span", {
-    id: i,
+    id: m,
     className: "title text-[var(--color-gray-900)]"
   }, r), /* @__PURE__ */ e.createElement("span", {
     className: "description text-[var(--color-gray-700)]"
@@ -83,27 +88,29 @@ const t = {
     className: t.headerRight
   }, /* @__PURE__ */ e.createElement("div", {
     className: t.progressCtn
-  }, /* @__PURE__ */ e.createElement("span", {
+  }, /* @__PURE__ */ e.createElement("progress", {
+    className: "sr-only",
+    value: p,
+    max: l.length,
+    "aria-valuetext": g
+  }, g), /* @__PURE__ */ e.createElement("span", {
     className: "steps-count text-[var(--color-gray-700)]",
-    role: "progressbar",
-    "aria-valuenow": d,
-    "aria-valuemin": 0,
-    "aria-valuemax": o.length,
-    "aria-valuetext": f
-  }, f), /* @__PURE__ */ e.createElement("div", {
+    "aria-hidden": "true"
+  }, g), /* @__PURE__ */ e.createElement("div", {
     className: t.progressSegmentsCtn,
     "aria-hidden": "true"
-  }, o.map((a, N) => /* @__PURE__ */ e.createElement("div", {
+  }, l.map((a, w) => /* @__PURE__ */ e.createElement("div", {
     key: a.label,
-    className: N < d ? t.progressSegmentComplete : t.progressSegment
-  })))), /* @__PURE__ */ e.createElement(p, {
+    className: w < p ? t.progressSegmentComplete : t.progressSegment
+  })))), d && /* @__PURE__ */ e.createElement(x, {
     name: "chevron",
-    className: `${t.chevronIcon} ${m ? "rotate-180" : ""}`
-  }))), m && /* @__PURE__ */ e.createElement("div", l({
-    id: u
-  }, S({
-    titleId: i
-  })), o.map((a) => /* @__PURE__ */ e.createElement(e.Fragment, {
+    className: `${t.chevronIcon} ${i ? "rotate-180" : ""}`
+  }))), i && /* @__PURE__ */ e.createElement("div", o({
+    className: t.content,
+    id: v
+  }, k({
+    titleId: m
+  })), l.map((a) => /* @__PURE__ */ e.createElement(e.Fragment, {
     key: a.label
   }, /* @__PURE__ */ e.createElement("div", {
     className: t.divider
@@ -111,7 +118,7 @@ const t = {
     className: t.actionItemCtn
   }, /* @__PURE__ */ e.createElement("div", {
     className: t.actionItemLeft
-  }, /* @__PURE__ */ e.createElement(p, {
+  }, /* @__PURE__ */ e.createElement(x, {
     name: "checked-circle",
     size: 18,
     stroke: a.isComplete ? "var(--color-green-500)" : "var(--color-gray-600)"
@@ -121,7 +128,7 @@ const t = {
     className: "action-item-label text-[var(--color-gray-900)]"
   }, a.label), a.description && /* @__PURE__ */ e.createElement("span", {
     className: "action-item-description text-[var(--color-gray-700)]"
-  }, a.description))), a.buttonLabel && /* @__PURE__ */ e.createElement(I, {
+  }, a.description))), a.buttonLabel && /* @__PURE__ */ e.createElement(S, {
     type: "secondary",
     theme: "blue",
     size: "sm",
@@ -131,6 +138,7 @@ const t = {
   }))))));
 };
 export {
-  O as GetStartedWidget
+  _ as GetStartedWidget,
+  _ as default
 };
 //# sourceMappingURL=index43.js.map

package/dist/index43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index43.js","sources":["../src/components/GetStartedWidget/index.tsx"],"sourcesContent":["import React, { FC, useState } from \"react\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { Button } from \"../Button\";\nimport { Map } from \"../../utils/common.types\";\nimport { useAccessiblePress, getRegionAttributes } from \"../../utils/a11y\";\nimport { useStableId } from \"../../utils/useStableId\";\nimport \"./style.scss\";\n\nexport interface GetStartedWidgetActionItem {\n  label: string;\n  description?: string;\n  isComplete?: boolean;\n  buttonLabel?: string;\n  buttonIconProps?: IconProps;\n  handleActionItemClick: () => void;\n}\n\nexport interface GetStartedWidgetProps {\n  widgetClassName?: string;\n  title?: string;\n  description?: string;\n  headerIconProps?: IconProps;\n  /**\n   * Initial expanded state when the widget is uncontrolled (default behavior).\n   * Ignored once `isExpanded` is provided.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Controls expanded state externally. When provided, the widget becomes\n   * controlled — you must also provide `onToggle` to update it.\n   */\n  isExpanded?: boolean;\n  /**\n   * Called when the toggle chevron is activated. Required to update state\n   * when `isExpanded` is controlled; optional otherwise (e.g. for analytics).\n   */\n  onToggle?: () => void;\n  actionItems: GetStartedWidgetActionItem[];\n}\n\nconst className: Map = {\n  gettingStartedWidgetCtn: \"border border-[var(--color-gray-200)] rounded-[8px] w-full bg-[var(--color-white)]\",\n  header: \"relative flex items-center justify-between gap-[24px] px-[16px]\",\n  headerButton: \"absolute inset-0 w-full h-full bg-transparent border-none cursor-pointer focus-outline\",\n  headerLeft: \"m-0 font-normal min-w-0 flex-1 flex items-center gap-[16px] pointer-events-none\",\n  headerIconCtn: \"relative shrink-0 size-[48px] rounded-full flex items-center justify-center\",\n  headerTextCtn: \"flex flex-col gap-[4px] items-start min-w-0\",\n  headerRight: \"flex items-center gap-[24px] shrink-0 pointer-events-none\",\n  progressCtn: \"flex flex-col gap-[8px] items-end justify-center\",\n  progressSegmentsCtn: \"flex gap-[6px] items-start w-[100px]\",\n  progressSegment: \"flex-1 h-[4px] rounded-[10px] bg-[var(--color-gray-600)]\",\n  progressSegmentComplete: \"flex-1 h-[4px] rounded-[10px] bg-[var(--color-green-500)]\",\n  chevronIcon: \"transition-transform duration-300\",\n  divider: \"h-px w-full bg-[var(--color-gray-200)]\",\n  actionItemCtn: \"flex items-center justify-between px-[16px] py-[16px]\",\n  actionItemLeft: \"flex items-center gap-[12px]\",\n  actionItemTextCtn: \"flex flex-col gap-[2px] items-start\"\n};\n\nexport const GetStartedWidget: FC<GetStartedWidgetProps> = ({\n  widgetClassName = \"\",\n  title = \"Get started\",\n  description = \"Master the basics of Signeasy. This section goes away on its own once you're done.\",\n  headerIconProps = { name: \"magicpen\" },\n  defaultExpanded = true,\n  isExpanded: isExpandedProp,\n  onToggle,\n  actionItems = []\n}) => {\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n  const isControlled = isExpandedProp !== undefined;\n  const isExpanded = isControlled ? isExpandedProp : internalExpanded;\n\n  const titleId = useStableId(undefined, \"get-started-widget\");\n  const contentId = `${titleId}-content`;\n\n  const handleToggle = () => {\n    if (!isControlled) {\n      setInternalExpanded((prev) => !prev);\n    }\n    onToggle?.();\n  };\n\n  const { pressProps } = useAccessiblePress({\n    isNative: true,\n    onClick: handleToggle\n  });\n\n  const completedCount = actionItems.filter((item) => item.isComplete).length;\n  const progressLabel = `${completedCount} of ${actionItems.length} done`;\n\n  return (\n    <div className={`${className.gettingStartedWidgetCtn} ${widgetClassName} getting-started-widget-ctn`}>\n      <div className={`${className.header} py-[16px]`}>\n        <button\n          type=\"button\"\n          className={className.headerButton}\n          aria-expanded={isExpanded}\n          aria-controls={contentId}\n          aria-labelledby={titleId}\n          {...pressProps}\n        />\n        <h3 className={className.headerLeft}>\n          <span className={className.headerIconCtn} style={{ backgroundColor: \"#ffdcda\" }} aria-hidden=\"true\">\n            <Icon {...headerIconProps} stroke=\"#7d4644\" />\n          </span>\n          <span className={className.headerTextCtn}>\n            <span id={titleId} className=\"title text-[var(--color-gray-900)]\">\n              {title}\n            </span>\n            <span className=\"description text-[var(--color-gray-700)]\">{description}</span>\n          </span>\n        </h3>\n        <div className={className.headerRight}>\n          <div className={className.progressCtn}>\n            <span\n              className=\"steps-count text-[var(--color-gray-700)]\"\n              role=\"progressbar\"\n              aria-valuenow={completedCount}\n              aria-valuemin={0}\n              aria-valuemax={actionItems.length}\n              aria-valuetext={progressLabel}\n            >\n              {progressLabel}\n            </span>\n            <div className={className.progressSegmentsCtn} aria-hidden=\"true\">\n              {actionItems.map((item, index) => (\n                <div\n                  key={item.label}\n                  className={index < completedCount ? className.progressSegmentComplete : className.progressSegment}\n                />\n              ))}\n            </div>\n          </div>\n          <Icon name=\"chevron\" className={`${className.chevronIcon} ${isExpanded ? \"rotate-180\" : \"\"}`} />\n        </div>\n      </div>\n      {isExpanded && (\n        <div id={contentId} {...getRegionAttributes({ titleId })}>\n          {actionItems.map((item) => (\n            <React.Fragment key={item.label}>\n              <div className={className.divider} />\n              <div className={className.actionItemCtn}>\n                <div className={className.actionItemLeft}>\n                  <Icon\n                    name=\"checked-circle\"\n                    size={18}\n                    stroke={item.isComplete ? \"var(--color-green-500)\" : \"var(--color-gray-600)\"}\n                  />\n                  <div className={className.actionItemTextCtn}>\n                    <span className=\"action-item-label text-[var(--color-gray-900)]\">{item.label}</span>\n                    {item.description && (\n                      <span className=\"action-item-description text-[var(--color-gray-700)]\">\n                        {item.description}\n                      </span>\n                    )}\n                  </div>\n                </div>\n                {item.buttonLabel && (\n                  <Button\n                    type=\"secondary\"\n                    theme=\"blue\"\n                    size=\"sm\"\n                    label={item.buttonLabel}\n                    iconProps={item.buttonIconProps}\n                    onClick={item.handleActionItemClick}\n                  />\n                )}\n              </div>\n            </React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default GetStartedWidget;\n"],"names":["className","gettingStartedWidgetCtn","header","headerButton","headerLeft","headerIconCtn","headerTextCtn","headerRight","progressCtn","progressSegmentsCtn","progressSegment","progressSegmentComplete","chevronIcon","divider","actionItemCtn","actionItemLeft","actionItemTextCtn","GetStartedWidget","widgetClassName","title","description","headerIconProps","name","defaultExpanded","isExpanded","isExpandedProp","onToggle","actionItems","internalExpanded","setInternalExpanded","useState","isControlled","undefined","titleId","useStableId","contentId","handleToggle","prev","pressProps","useAccessiblePress","isNative","onClick","completedCount","filter","item","isComplete","length","progressLabel","React","createElement","_extends","type","style","backgroundColor","Icon","stroke","id","role","map","index","key","label","getRegionAttributes","Fragment","size","buttonLabel","Button","theme","iconProps","buttonIconProps","handleActionItemClick"],"mappings":"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"}
+{"version":3,"file":"index43.js","sources":["../src/components/GetStartedWidget/index.tsx"],"sourcesContent":["import React, { FC, useState } from \"react\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { Button } from \"../Button\";\nimport { Map } from \"../../utils/common.types\";\nimport { useAccessiblePress, getRegionAttributes } from \"../../utils/a11y\";\nimport { useStableId } from \"../../utils/useStableId\";\nimport \"./style.scss\";\n\nexport interface GetStartedWidgetActionItem {\n  label: string;\n  description?: string;\n  isComplete?: boolean;\n  buttonLabel?: string;\n  buttonIconProps?: IconProps;\n  handleActionItemClick: () => void;\n}\n\nexport interface GetStartedWidgetProps {\n  widgetClassName?: string;\n  title?: string;\n  description?: string;\n  headerIconProps?: IconProps;\n  /**\n   * Initial expanded state when the widget is uncontrolled (default behavior).\n   * Ignored once `isExpanded` is provided.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Controls expanded state externally. When provided, the widget becomes\n   * controlled — you must also provide `onToggle` to update it.\n   */\n  isExpanded?: boolean;\n  /**\n   * Called when the toggle chevron is activated. Required to update state\n   * when `isExpanded` is controlled; optional otherwise (e.g. for analytics).\n   */\n  onToggle?: () => void;\n  /**\n   * When true (default), the widget is collapsible — the header toggles\n   * `isExpanded` and the chevron is shown. When false, the widget is always\n   * expanded: the header is not clickable and the chevron is hidden.\n   */\n  isAccordion?: boolean;\n  actionItems: GetStartedWidgetActionItem[];\n}\n\nconst className: Map = {\n  gettingStartedWidgetCtn:\n    \"border border-[var(--color-gray-200)] rounded-[8px] w-full bg-[var(--color-white)] flex flex-col gap-[12px] py-[16px]\",\n  header: \"relative flex items-center justify-between gap-[24px] px-[16px]\",\n  headerButton: \"absolute inset-0 w-full h-full bg-transparent border-none cursor-pointer focus-outline\",\n  headerLeft: \"m-0 font-normal min-w-0 flex-1 flex items-center gap-[16px] pointer-events-none\",\n  headerIconCtn: \"relative shrink-0 size-[48px] rounded-full flex items-center justify-center\",\n  headerTextCtn: \"flex flex-col gap-[4px] items-start min-w-0\",\n  headerRight: \"flex items-center gap-[24px] shrink-0 pointer-events-none\",\n  progressCtn: \"flex flex-col gap-[8px] items-end justify-center py-[8px]\",\n  progressSegmentsCtn: \"flex gap-[6px] items-start w-[100px]\",\n  progressSegment: \"flex-1 h-[4px] rounded-[10px] bg-[var(--color-gray-600)]\",\n  progressSegmentComplete: \"flex-1 h-[4px] rounded-[10px] bg-[var(--color-green-500)]\",\n  chevronIcon: \"transition-transform duration-300\",\n  divider: \"h-px w-full bg-[var(--color-gray-200)]\",\n  content: \"flex flex-col gap-[12px]\",\n  actionItemCtn: \"flex items-center justify-between px-[16px]\",\n  actionItemLeft: \"flex items-center gap-[12px]\",\n  actionItemTextCtn: \"flex flex-col gap-[2px] items-start\"\n};\n\nexport const GetStartedWidget: FC<GetStartedWidgetProps> = ({\n  widgetClassName = \"\",\n  title = \"Get started\",\n  description = \"Master the basics of Signeasy. This section goes away on its own once you're done.\",\n  headerIconProps = { name: \"magicpen\" },\n  defaultExpanded = true,\n  isExpanded: isExpandedProp,\n  onToggle,\n  isAccordion = true,\n  actionItems = []\n}) => {\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n  const isControlled = isExpandedProp !== undefined;\n  let isExpanded = isControlled ? isExpandedProp : internalExpanded;\n  if (!isAccordion) isExpanded = true;\n\n  const titleId = useStableId(undefined, \"get-started-widget\");\n  const contentId = `${titleId}-content`;\n\n  const handleToggle = () => {\n    if (!isControlled) {\n      setInternalExpanded((prev) => !prev);\n    }\n    onToggle?.();\n  };\n\n  const { pressProps } = useAccessiblePress({\n    isNative: true,\n    onClick: handleToggle\n  });\n\n  const completedCount = actionItems.filter((item) => item.isComplete).length;\n  const progressLabel = `${completedCount} of ${actionItems.length} done`;\n\n  return (\n    <div className={`${className.gettingStartedWidgetCtn} ${widgetClassName} getting-started-widget-ctn`}>\n      <div className={className.header}>\n        {isAccordion && (\n          <button\n            type=\"button\"\n            className={className.headerButton}\n            aria-expanded={isExpanded}\n            aria-controls={contentId}\n            aria-labelledby={titleId}\n            {...pressProps}\n          />\n        )}\n        <h3 className={className.headerLeft}>\n          <span className={className.headerIconCtn} style={{ backgroundColor: \"#ffdcda\" }} aria-hidden=\"true\">\n            <Icon {...headerIconProps} stroke=\"#7d4644\" />\n          </span>\n          <span className={className.headerTextCtn}>\n            <span id={titleId} className=\"title text-[var(--color-gray-900)]\">\n              {title}\n            </span>\n            <span className=\"description text-[var(--color-gray-700)]\">{description}</span>\n          </span>\n        </h3>\n        <div className={className.headerRight}>\n          <div className={className.progressCtn}>\n            <progress\n              className=\"sr-only\"\n              value={completedCount}\n              max={actionItems.length}\n              aria-valuetext={progressLabel}\n            >\n              {progressLabel}\n            </progress>\n            <span className=\"steps-count text-[var(--color-gray-700)]\" aria-hidden=\"true\">\n              {progressLabel}\n            </span>\n            <div className={className.progressSegmentsCtn} aria-hidden=\"true\">\n              {actionItems.map((item, index) => (\n                <div\n                  key={item.label}\n                  className={index < completedCount ? className.progressSegmentComplete : className.progressSegment}\n                />\n              ))}\n            </div>\n          </div>\n          {isAccordion && (\n            <Icon name=\"chevron\" className={`${className.chevronIcon} ${isExpanded ? \"rotate-180\" : \"\"}`} />\n          )}\n        </div>\n      </div>\n      {isExpanded && (\n        <div className={className.content} id={contentId} {...getRegionAttributes({ titleId })}>\n          {actionItems.map((item) => (\n            <React.Fragment key={item.label}>\n              <div className={className.divider} />\n              <div className={className.actionItemCtn}>\n                <div className={className.actionItemLeft}>\n                  <Icon\n                    name=\"checked-circle\"\n                    size={18}\n                    stroke={item.isComplete ? \"var(--color-green-500)\" : \"var(--color-gray-600)\"}\n                  />\n                  <div className={className.actionItemTextCtn}>\n                    <span className=\"action-item-label text-[var(--color-gray-900)]\">{item.label}</span>\n                    {item.description && (\n                      <span className=\"action-item-description text-[var(--color-gray-700)]\">\n                        {item.description}\n                      </span>\n                    )}\n                  </div>\n                </div>\n                {item.buttonLabel && (\n                  <Button\n                    type=\"secondary\"\n                    theme=\"blue\"\n                    size=\"sm\"\n                    label={item.buttonLabel}\n                    iconProps={item.buttonIconProps}\n                    onClick={item.handleActionItemClick}\n                  />\n                )}\n              </div>\n            </React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default GetStartedWidget;\n"],"names":["className","gettingStartedWidgetCtn","header","headerButton","headerLeft","headerIconCtn","headerTextCtn","headerRight","progressCtn","progressSegmentsCtn","progressSegment","progressSegmentComplete","chevronIcon","divider","content","actionItemCtn","actionItemLeft","actionItemTextCtn","GetStartedWidget","widgetClassName","title","description","headerIconProps","name","defaultExpanded","isExpanded","isExpandedProp","onToggle","isAccordion","actionItems","internalExpanded","setInternalExpanded","useState","isControlled","undefined","titleId","useStableId","contentId","handleToggle","prev","pressProps","useAccessiblePress","isNative","onClick","completedCount","filter","item","isComplete","length","progressLabel","React","createElement","_extends","type","style","backgroundColor","Icon","stroke","id","value","max","map","index","key","label","getRegionAttributes","Fragment","size","buttonLabel","Button","theme","iconProps","buttonIconProps","handleActionItemClick"],"mappings":"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"}