se-design 1.0.87 → 1.0.88-dev

package/dist/index203.js.map

@@ -1 +1 @@
-{"version":3,"file":"index203.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]}
+{"version":3,"file":"index203.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]}

package/dist/index208.js

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

@@ -1 +1 @@
-{"version":3,"file":"index208.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;"}
+{"version":3,"file":"index208.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;"}

package/dist/index28.js

@@ -1,114 +1,175 @@
-import i, { useMemo as K, useRef as j, useEffect as m } from "react";
-import { Icon as M } from "./index6.js";
-import { getA11yNameAttributes as $ } from "./index81.js";
-import { useFocusTrap as k } from "./index72.js";
-import { useDismissOnEscape as z } from "./index215.js";
-import { useFocusSentinel as T } from "./index216.js";
+import m, { useMemo as ue, useRef as h, useEffect as f, useCallback as me, useState as $ } from "react";
+import { Icon as fe } from "./index6.js";
+import { getA11yNameAttributes as ye } from "./index81.js";
+import { useFocusTrap as be } from "./index72.js";
+import { useDismissOnEscape as pe } from "./index215.js";
+import { useFocusSentinel as he } from "./index216.js";
 /* empty css         */
-function u() {
-  return u = Object.assign ? Object.assign.bind() : function(s) {
-    for (var n = 1; n < arguments.length; n++) {
-      var o = arguments[n];
-      for (var r in o) ({}).hasOwnProperty.call(o, r) && (s[r] = o[r]);
+function E() {
+  return E = Object.assign ? Object.assign.bind() : function(g) {
+    for (var y = 1; y < arguments.length; y++) {
+      var a = arguments[y];
+      for (var r in a) ({}).hasOwnProperty.call(a, r) && (g[r] = a[r]);
     }
-    return s;
-  }, u.apply(null, arguments);
+    return g;
+  }, E.apply(null, arguments);
 }
-const W = (s) => {
+const X = 16, Ie = (g) => {
   const {
-    content: n,
-    className: o = "",
+    content: y,
+    className: a = "",
     alignment: r,
-    noShadow: E,
-    position: f = "fixed",
-    isOpen: e,
-    displayCloseSidebar: R,
-    onClose: l,
-    onSidebarUnmount: b,
-    onPathChange: y,
-    style: d,
-    automationId: C,
+    noShadow: j,
+    position: D = "fixed",
+    isOpen: t,
+    displayCloseSidebar: H,
+    onClose: v,
+    onSidebarUnmount: x,
+    onPathChange: A,
+    style: R,
+    automationId: Y,
     id: N,
-    currentPath: p = "",
-    closeSidebarIcon: D = "close",
-    closeAriaLabel: O = "Close sidebar",
-    animateSidebar: P = !0,
-    a11yRole: x,
-    ariaLabel: g,
-    ariaLabelledBy: v,
-    ariaDescribedBy: h,
-    returnFocusRef: w
-  } = s, S = x ?? "complementary", t = S === "dialog", F = K(() => $({
-    ariaLabel: g,
-    ariaLabelledBy: v,
-    ariaDescribedBy: h
-  }), [g, v, h]), c = j(null);
-  m(() => () => {
-    b && b();
-  }, []), m(() => {
-    if (t)
-      return document.body.style.overflow = e ? "hidden" : "", () => {
+    currentPath: W = "",
+    closeSidebarIcon: V = "close",
+    closeAriaLabel: Z = "Close sidebar",
+    animateSidebar: q = !0,
+    a11yRole: G,
+    ariaLabel: k,
+    ariaLabelledBy: K,
+    ariaDescribedBy: O,
+    returnFocusRef: _,
+    resizable: b = !1,
+    minWidth: s,
+    maxWidth: z,
+    defaultWidth: J,
+    onResize: L,
+    onResizeEnd: l,
+    resizeHandleAriaLabel: Q = "Resize panel",
+    resizeAutomationId: ee
+  } = g, T = G ?? "complementary", o = T === "dialog", te = ue(() => ye({
+    ariaLabel: k,
+    ariaLabelledBy: K,
+    ariaDescribedBy: O
+  }), [k, K, O]), I = h(null);
+  f(() => () => {
+    x && x();
+  }, []), f(() => {
+    if (o)
+      return document.body.style.overflow = t ? "hidden" : "", () => {
         document.body.style.overflow = "";
       };
-  }, [e, t]), m(() => {
-    y && y(p);
-  }, [p]);
+  }, [t, o]), f(() => {
+    A && A(W);
+  }, [W]);
   const {
-    onKeyDown: I
-  } = z({
-    onDismiss: l,
-    enabled: e
+    onKeyDown: re
+  } = pe({
+    onDismiss: v,
+    enabled: t
   });
-  k({
-    enabled: !!(t && e && l),
-    containerRef: c,
+  be({
+    enabled: !!(o && t && v),
+    containerRef: I,
     restoreFocus: !0,
     initialFocus: "first",
-    returnFocusRef: w
+    returnFocusRef: _
   });
   const {
-    startSentinelProps: _,
-    endSentinelProps: A
-  } = T({
-    isOpen: e,
-    isModal: t,
-    containerRef: c,
-    returnFocusRef: w
-  }), L = () => {
-    let a = "se-design-sidebar-overlay-container z-[1000]";
-    return a += o.length > 0 ? ` ${o}` : "", a += r === "left" ? " left-aligned" : " right-aligned", a += E ? " no-shadow" : "", a += f.length > 0 ? ` ${f}` : "", a += e ? " open-sidebar" : " closed-sidebar", P || (a += e ? "" : " hidden"), a;
-  }, B = () => ({
-    ...d,
-    ...e && d?.width ? {
-      width: d?.width
+    startSentinelProps: ne,
+    endSentinelProps: oe
+  } = he({
+    isOpen: t,
+    isModal: o,
+    containerRef: I,
+    returnFocusRef: _
+  }), c = me((e) => {
+    const i = s ?? 0, d = z ?? Number.POSITIVE_INFINITY;
+    return Math.min(Math.max(e, i), d);
+  }, [s, z]), [p, w] = $(() => c(J ?? s ?? 0)), [S, F] = $(!1), C = h(0), M = h(0), n = h(p), P = h(!1);
+  f(() => {
+    n.current = p;
+  }, [p]), f(() => {
+    b && w((e) => c(e));
+  }, [b, c]), f(() => {
+    if (!S) return;
+    const e = document.body.style.userSelect, i = document.body.style.cursor;
+    return document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", () => {
+      document.body.style.userSelect = e, document.body.style.cursor = i;
+    };
+  }, [S]);
+  const ie = (e) => {
+    e.preventDefault(), e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId), C.current = e.clientX, M.current = n.current, P.current = !0, F(!0);
+  }, ae = (e) => {
+    if (!P.current) return;
+    const i = r === "left" ? e.clientX - C.current : C.current - e.clientX, d = c(M.current + i);
+    w(d), L && L(d);
+  }, B = (e) => {
+    P.current && (P.current = !1, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), F(!1), l && l(n.current));
+  }, se = (e) => {
+    const i = r === "left" ? "ArrowRight" : "ArrowLeft", d = r === "left" ? "ArrowLeft" : "ArrowRight";
+    let u = null;
+    if (e.key === i ? u = n.current + X : e.key === d ? u = n.current - X : e.key === "Home" ? u = s ?? n.current : e.key === "End" && (u = z ?? n.current), u === null) return;
+    e.preventDefault();
+    const U = c(u);
+    w(U), l && l(U);
+  }, le = () => {
+    const e = c(s ?? n.current);
+    w(e), l && l(e);
+  }, ce = () => {
+    let e = "se-design-sidebar-overlay-container z-[1000]";
+    return e += a.length > 0 ? ` ${a}` : "", e += r === "left" ? " left-aligned" : " right-aligned", e += j ? " no-shadow" : "", e += D.length > 0 ? ` ${D}` : "", e += t ? " open-sidebar" : " closed-sidebar", e += b ? " resizable" : "", e += S ? " is-resizing" : "", q || (e += t ? "" : " hidden"), e;
+  }, de = () => b ? {
+    ...R,
+    width: t ? `${p}px` : "0px"
+  } : {
+    ...R,
+    ...t && R?.width ? {
+      width: R?.width
     } : {
       width: "0px"
     }
-  });
-  return /* @__PURE__ */ i.createElement("div", u({
-    ref: c,
+  };
+  return /* @__PURE__ */ m.createElement("div", E({
+    ref: I,
     id: N,
-    className: L(),
-    style: B(),
-    "data-automation-id": C,
+    className: ce(),
+    style: de(),
+    "data-automation-id": Y,
     tabIndex: -1,
-    role: S,
-    "aria-modal": t ? "true" : void 0,
-    "aria-hidden": e ? void 0 : "true"
-  }, F, {
-    onKeyDown: I,
-    inert: e ? void 0 : ""
-  }), /* @__PURE__ */ i.createElement("div", {
+    role: T,
+    "aria-modal": o ? "true" : void 0,
+    "aria-hidden": t ? void 0 : "true"
+  }, te, {
+    onKeyDown: re,
+    inert: t ? void 0 : ""
+  }), b && t && /* @__PURE__ */ m.createElement("div", {
+    className: `se-design-sidebar-overlay-resize-handle${S ? " is-resizing" : ""}`,
+    role: "separator",
+    "aria-orientation": "vertical",
+    "aria-label": Q,
+    "aria-controls": N,
+    "aria-valuenow": p,
+    "aria-valuemin": s,
+    "aria-valuemax": z,
+    tabIndex: 0,
+    onPointerDown: ie,
+    onPointerMove: ae,
+    onPointerUp: B,
+    onPointerCancel: B,
+    onKeyDown: se,
+    onDoubleClick: le,
+    "data-automation-id": ee
+  }), /* @__PURE__ */ m.createElement("div", {
     className: "overlay-content"
-  }, !t && /* @__PURE__ */ i.createElement("div", _), R && /* @__PURE__ */ i.createElement(M, {
-    name: D,
-    onClick: l,
+  }, !o && /* @__PURE__ */ m.createElement("div", ne), H && /* @__PURE__ */ m.createElement(fe, {
+    name: V,
+    onClick: v,
     className: "overlay-close",
-    ariaLabel: O,
+    ariaLabel: Z,
     automationId: "sidebar_overlay_close"
-  }), n, !t && /* @__PURE__ */ i.createElement("div", A)));
+  }), y, !o && /* @__PURE__ */ m.createElement("div", oe)));
 };
 export {
-  W as SidebarOverlay
+  Ie as SidebarOverlay
 };
 //# sourceMappingURL=index28.js.map

package/dist/index28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index28.js","sources":["../src/components/SidebarOverlay/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useRef } from 'react';\nimport { Icon } from 'components/Icon';\nimport { getA11yNameAttributes, useFocusTrap, useDismissOnEscape } from '../../utils/a11y';\nimport { useFocusSentinel } from '../../utils/a11y/useFocusSentinel';\n\nimport './style.scss';\n\ntype SidebarOverlayA11yRole = 'dialog' | 'complementary';\n\nexport interface SidebarOverlayProps {\n  content: React.ReactNode;\n  className?: string;\n  alignment?: 'left' | 'right';\n  style?: React.CSSProperties;\n  noShadow?: boolean;\n  automationId?: string;\n  id?: string;\n  position?: 'absolute' | 'fixed' | 'relative' | 'static' | '';\n  isOpen?: boolean;\n  displayCloseSidebar?: boolean;\n  closeSidebarIcon?: string;\n  /**\n   * Accessible label for the close button. Defaults to 'Close sidebar'.\n   */\n  closeAriaLabel?: string;\n  onClose?: () => void;\n  onSidebarUnmount?: () => void;\n  onPathChange?: (route: string) => void;\n  currentPath?: string;\n  animateSidebar?: boolean;\n  /**\n   * Accessibility role that determines the full behavior bundle.\n   * - 'dialog': modal drawer (focus trap, scroll lock, aria-modal, Escape closes)\n   * - 'complementary': persistent side panel (no trap, no forced focus, no scroll lock)\n   * If not provided, derives from position: fixed|absolute → 'dialog', static|relative|'' → 'complementary'\n   */\n  a11yRole?: SidebarOverlayA11yRole;\n  /**\n   * Accessible name when no visible label exists.\n   * Prefer ariaLabelledBy when a visible title exists inside the sidebar.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this sidebar.\n   * Preferred over ariaLabel when a visible title exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this sidebar (additional context).\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Explicit element to restore focus to when the sidebar closes.\n   * Overrides automatic trigger capture from document.activeElement.\n   * Use when the opener element is known (e.g. a ref on the toggle button).\n   * In complementary mode: seeds the trigger ref directly.\n   * In dialog mode: passed through to useFocusTrap.\n   */\n  returnFocusRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport const SidebarOverlay: FC<SidebarOverlayProps> = (props) => {\n  const {\n    content,\n    className = '',\n    alignment,\n    noShadow,\n    position = 'fixed',\n    isOpen,\n    displayCloseSidebar,\n    onClose,\n    onSidebarUnmount,\n    onPathChange,\n    style,\n    automationId,\n    id,\n    currentPath = '',\n    closeSidebarIcon = 'close',\n    closeAriaLabel = 'Close sidebar',\n    animateSidebar = true,\n    a11yRole,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy,\n    returnFocusRef,\n  } = props;\n\n  // Default to complementary — consumers opt into dialog (focus trap + scroll lock)\n  // by passing a11yRole=\"dialog\" explicitly.\n  const effectiveA11yRole: SidebarOverlayA11yRole = a11yRole ?? 'complementary';\n\n  const isModal = effectiveA11yRole === 'dialog';\n\n  // Get accessible name attributes\n  const accessibleNameProps = useMemo(\n    () => getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy]\n  );\n\n  const sidebarRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    return () => {\n      onSidebarUnmount && onSidebarUnmount();\n    };\n  }, []);\n\n  // Scroll lock — modal only.\n  useEffect(() => {\n    if (!isModal) return;\n    document.body.style.overflow = isOpen ? 'hidden' : '';\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, isModal]);\n\n  useEffect(() => {\n    onPathChange && onPathChange(currentPath);\n  }, [currentPath]);\n\n  const { onKeyDown: onEscapeKeyDown } = useDismissOnEscape({\n    onDismiss: onClose,\n    enabled: isOpen\n  });\n\n  // Focus trap: modal mode only, guarded by onClose as a WCAG safety net —\n  // trapping focus without a dismiss path is a keyboard trap (WCAG 2.1.2).\n  useFocusTrap({\n    enabled: Boolean(isModal && isOpen && !!onClose),\n    containerRef: sidebarRef,\n    restoreFocus: true,\n    initialFocus: 'first',\n    returnFocusRef,\n  });\n\n  // Complementary (non-modal) focus management: move focus in on open,\n  // restore to trigger on close, wrap Tab/Shift+Tab at panel boundaries.\n  const { startSentinelProps, endSentinelProps } = useFocusSentinel({\n    isOpen,\n    isModal,\n    containerRef: sidebarRef,\n    returnFocusRef,\n  });\n\n  const getSidebarClassName = () => {\n    let defaultClass = `se-design-sidebar-overlay-container z-[1000]`;\n\n    defaultClass += className.length > 0 ? ` ${className}` : '';\n    defaultClass += alignment === 'left' ? ' left-aligned' : ' right-aligned';\n    defaultClass += noShadow ? ' no-shadow' : '';\n    defaultClass += position.length > 0 ? ` ${position}` : '';\n    defaultClass += isOpen ? ' open-sidebar' : ' closed-sidebar';\n    if(!animateSidebar) {\n      defaultClass += isOpen ? '' : ' hidden';\n    }\n    return defaultClass;\n  };\n\n  const getSidebarStyle = () => {\n    return {\n      ...style,\n      ...(isOpen && style?.width ? { width: style?.width } : { width: '0px' })\n    };\n  };\n\n  return (\n    <div\n      ref={sidebarRef}\n      id={id}\n      className={getSidebarClassName()}\n      style={getSidebarStyle()}\n      data-automation-id={automationId}\n      tabIndex={-1}\n      role={effectiveA11yRole}\n      aria-modal={isModal ? 'true' : undefined}\n      aria-hidden={!isOpen ? 'true' : undefined}\n      {...accessibleNameProps}\n      onKeyDown={onEscapeKeyDown}\n      inert={!isOpen ? ('' as unknown as boolean) : undefined}\n    >\n      <div className=\"overlay-content\">\n        {!isModal && <div {...startSentinelProps} />}\n        {displayCloseSidebar && (\n          <Icon\n            name={closeSidebarIcon}\n            onClick={onClose}\n            className=\"overlay-close\"\n            ariaLabel={closeAriaLabel}\n            automationId=\"sidebar_overlay_close\"\n          />\n        )}\n        {content}\n        {!isModal && <div {...endSentinelProps} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SidebarOverlay","props","content","className","alignment","noShadow","position","isOpen","displayCloseSidebar","onClose","onSidebarUnmount","onPathChange","style","automationId","id","currentPath","closeSidebarIcon","closeAriaLabel","animateSidebar","a11yRole","ariaLabel","ariaLabelledBy","ariaDescribedBy","returnFocusRef","effectiveA11yRole","isModal","accessibleNameProps","useMemo","getA11yNameAttributes","sidebarRef","useRef","useEffect","document","body","overflow","onKeyDown","onEscapeKeyDown","useDismissOnEscape","onDismiss","enabled","useFocusTrap","Boolean","containerRef","restoreFocus","initialFocus","startSentinelProps","endSentinelProps","useFocusSentinel","getSidebarClassName","defaultClass","length","getSidebarStyle","width","React","createElement","_extends","ref","tabIndex","role","undefined","inert","Icon","name","onClick"],"mappings":"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"}
+{"version":3,"file":"index28.js","sources":["../src/components/SidebarOverlay/index.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Icon } from 'components/Icon';\nimport { getA11yNameAttributes, useFocusTrap, useDismissOnEscape } from '../../utils/a11y';\nimport { useFocusSentinel } from '../../utils/a11y/useFocusSentinel';\n\nimport './style.scss';\n\ntype SidebarOverlayA11yRole = 'dialog' | 'complementary';\n\nconst RESIZE_KEYBOARD_STEP = 16;\n\nexport interface SidebarOverlayProps {\n  content: React.ReactNode;\n  className?: string;\n  alignment?: 'left' | 'right';\n  style?: React.CSSProperties;\n  noShadow?: boolean;\n  automationId?: string;\n  id?: string;\n  position?: 'absolute' | 'fixed' | 'relative' | 'static' | '';\n  isOpen?: boolean;\n  displayCloseSidebar?: boolean;\n  closeSidebarIcon?: string;\n  /**\n   * Accessible label for the close button. Defaults to 'Close sidebar'.\n   */\n  closeAriaLabel?: string;\n  onClose?: () => void;\n  onSidebarUnmount?: () => void;\n  onPathChange?: (route: string) => void;\n  currentPath?: string;\n  animateSidebar?: boolean;\n  /**\n   * Accessibility role that determines the full behavior bundle.\n   * - 'dialog': modal drawer (focus trap, scroll lock, aria-modal, Escape closes)\n   * - 'complementary': persistent side panel (no trap, no forced focus, no scroll lock)\n   * If not provided, derives from position: fixed|absolute → 'dialog', static|relative|'' → 'complementary'\n   */\n  a11yRole?: SidebarOverlayA11yRole;\n  /**\n   * Accessible name when no visible label exists.\n   * Prefer ariaLabelledBy when a visible title exists inside the sidebar.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this sidebar.\n   * Preferred over ariaLabel when a visible title exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this sidebar (additional context).\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Explicit element to restore focus to when the sidebar closes.\n   * Overrides automatic trigger capture from document.activeElement.\n   * Use when the opener element is known (e.g. a ref on the toggle button).\n   * In complementary mode: seeds the trigger ref directly.\n   * In dialog mode: passed through to useFocusTrap.\n   */\n  returnFocusRef?: React.RefObject<HTMLElement | null>;\n  /**\n   * Enables drag-to-resize via a handle on the panel's inner edge\n   * (left edge when alignment=\"right\", right edge when \"left\"). Default false.\n   * Requires a positioned container — the default position=\"fixed\" satisfies this.\n   */\n  resizable?: boolean;\n  /**\n   * Minimum width in px the panel can be resized to. Also the initial width\n   * when `defaultWidth` is omitted. Recommended whenever `resizable` is set.\n   */\n  minWidth?: number;\n  /**\n   * Maximum width in px the panel can be resized to. Consumers typically derive\n   * this from the viewport (e.g. half the screen) and update it on window\n   * resize; the panel re-clamps its width when this changes.\n   */\n  maxWidth?: number;\n  /**\n   * Uncontrolled initial width in px (e.g. restored from storage). Falls back to\n   * `minWidth`, and is clamped to [minWidth, maxWidth].\n   */\n  defaultWidth?: number;\n  /**\n   * Called continuously while dragging, with the live width in px. Use for live\n   * layout updates (e.g. pushing adjacent content). For persistence, prefer\n   * onResizeEnd.\n   */\n  onResize?: (width: number) => void;\n  /**\n   * Called when a resize gesture commits (mouse-up, keyboard, or double-click\n   * reset) with the new width in px. Use to persist the chosen width.\n   */\n  onResizeEnd?: (width: number) => void;\n  /**\n   * Accessible label for the resize handle. Defaults to 'Resize panel'.\n   */\n  resizeHandleAriaLabel?: string;\n  /**\n   * Automation id applied to the resize handle element.\n   */\n  resizeAutomationId?: string;\n}\n\nexport const SidebarOverlay: FC<SidebarOverlayProps> = (props) => {\n  const {\n    content,\n    className = '',\n    alignment,\n    noShadow,\n    position = 'fixed',\n    isOpen,\n    displayCloseSidebar,\n    onClose,\n    onSidebarUnmount,\n    onPathChange,\n    style,\n    automationId,\n    id,\n    currentPath = '',\n    closeSidebarIcon = 'close',\n    closeAriaLabel = 'Close sidebar',\n    animateSidebar = true,\n    a11yRole,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy,\n    returnFocusRef,\n    resizable = false,\n    minWidth,\n    maxWidth,\n    defaultWidth,\n    onResize,\n    onResizeEnd,\n    resizeHandleAriaLabel = 'Resize panel',\n    resizeAutomationId,\n  } = props;\n\n  // Default to complementary — consumers opt into dialog (focus trap + scroll lock)\n  // by passing a11yRole=\"dialog\" explicitly.\n  const effectiveA11yRole: SidebarOverlayA11yRole = a11yRole ?? 'complementary';\n\n  const isModal = effectiveA11yRole === 'dialog';\n\n  // Get accessible name attributes\n  const accessibleNameProps = useMemo(\n    () => getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy]\n  );\n\n  const sidebarRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    return () => {\n      onSidebarUnmount && onSidebarUnmount();\n    };\n  }, []);\n\n  // Scroll lock — modal only.\n  useEffect(() => {\n    if (!isModal) return;\n    document.body.style.overflow = isOpen ? 'hidden' : '';\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, isModal]);\n\n  useEffect(() => {\n    onPathChange && onPathChange(currentPath);\n  }, [currentPath]);\n\n  const { onKeyDown: onEscapeKeyDown } = useDismissOnEscape({\n    onDismiss: onClose,\n    enabled: isOpen\n  });\n\n  // Focus trap: modal mode only, guarded by onClose as a WCAG safety net —\n  // trapping focus without a dismiss path is a keyboard trap (WCAG 2.1.2).\n  useFocusTrap({\n    enabled: Boolean(isModal && isOpen && !!onClose),\n    containerRef: sidebarRef,\n    restoreFocus: true,\n    initialFocus: 'first',\n    returnFocusRef,\n  });\n\n  // Complementary (non-modal) focus management: move focus in on open,\n  // restore to trigger on close, wrap Tab/Shift+Tab at panel boundaries.\n  const { startSentinelProps, endSentinelProps } = useFocusSentinel({\n    isOpen,\n    isModal,\n    containerRef: sidebarRef,\n    returnFocusRef,\n  });\n\n  // --- Drag-to-resize (opt-in via `resizable`) -------------------------------\n  const clampWidth = useCallback(\n    (value: number) => {\n      const min = minWidth ?? 0;\n      const max = maxWidth ?? Number.POSITIVE_INFINITY;\n      return Math.min(Math.max(value, min), max);\n    },\n    [minWidth, maxWidth]\n  );\n\n  const [resizeWidth, setResizeWidth] = useState<number>(() => clampWidth(defaultWidth ?? minWidth ?? 0));\n  const [isResizing, setIsResizing] = useState(false);\n  const resizeStartCoordRef = useRef(0);\n  const resizeStartWidthRef = useRef(0);\n  const resizeWidthRef = useRef(resizeWidth);\n  const isResizingRef = useRef(false);\n\n  useEffect(() => {\n    resizeWidthRef.current = resizeWidth;\n  }, [resizeWidth]);\n\n  // Re-clamp when the bounds change (e.g. maxWidth shrinks on window resize).\n  useEffect(() => {\n    if (!resizable) return;\n    setResizeWidth((current) => clampWidth(current));\n  }, [resizable, clampWidth]);\n\n  // While resizing, suppress text selection and show the resize cursor\n  // everywhere; restore on release or unmount.\n  useEffect(() => {\n    if (!isResizing) return;\n    const previousUserSelect = document.body.style.userSelect;\n    const previousCursor = document.body.style.cursor;\n    document.body.style.userSelect = 'none';\n    document.body.style.cursor = 'col-resize';\n    return () => {\n      document.body.style.userSelect = previousUserSelect;\n      document.body.style.cursor = previousCursor;\n    };\n  }, [isResizing]);\n\n  const handleResizePointerDown = (event: React.PointerEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    // Capture the pointer so move/up events keep firing on the handle even when\n    // the cursor passes over an iframe (e.g. a PDF viewer) — no overlay needed,\n    // and the gesture always ends (even if released off-screen).\n    event.currentTarget.setPointerCapture(event.pointerId);\n    resizeStartCoordRef.current = event.clientX;\n    resizeStartWidthRef.current = resizeWidthRef.current;\n    isResizingRef.current = true;\n    setIsResizing(true);\n  };\n\n  const handleResizePointerMove = (event: React.PointerEvent) => {\n    if (!isResizingRef.current) return;\n    const delta =\n      alignment === 'left'\n        ? event.clientX - resizeStartCoordRef.current\n        : resizeStartCoordRef.current - event.clientX;\n    const nextWidth = clampWidth(resizeStartWidthRef.current + delta);\n    setResizeWidth(nextWidth);\n    onResize && onResize(nextWidth);\n  };\n\n  const handleResizePointerUp = (event: React.PointerEvent) => {\n    if (!isResizingRef.current) return;\n    isResizingRef.current = false;\n    if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n      event.currentTarget.releasePointerCapture(event.pointerId);\n    }\n    setIsResizing(false);\n    onResizeEnd && onResizeEnd(resizeWidthRef.current);\n  };\n\n  const handleResizeKeyDown = (event: React.KeyboardEvent) => {\n    const growKey = alignment === 'left' ? 'ArrowRight' : 'ArrowLeft';\n    const shrinkKey = alignment === 'left' ? 'ArrowLeft' : 'ArrowRight';\n    let nextWidth: number | null = null;\n\n    if (event.key === growKey) nextWidth = resizeWidthRef.current + RESIZE_KEYBOARD_STEP;\n    else if (event.key === shrinkKey) nextWidth = resizeWidthRef.current - RESIZE_KEYBOARD_STEP;\n    else if (event.key === 'Home') nextWidth = minWidth ?? resizeWidthRef.current;\n    else if (event.key === 'End') nextWidth = maxWidth ?? resizeWidthRef.current;\n\n    if (nextWidth === null) return;\n    event.preventDefault();\n    const clamped = clampWidth(nextWidth);\n    setResizeWidth(clamped);\n    onResizeEnd && onResizeEnd(clamped);\n  };\n\n  const handleResizeDoubleClick = () => {\n    const reset = clampWidth(minWidth ?? resizeWidthRef.current);\n    setResizeWidth(reset);\n    onResizeEnd && onResizeEnd(reset);\n  };\n\n  const getSidebarClassName = () => {\n    let defaultClass = `se-design-sidebar-overlay-container z-[1000]`;\n\n    defaultClass += className.length > 0 ? ` ${className}` : '';\n    defaultClass += alignment === 'left' ? ' left-aligned' : ' right-aligned';\n    defaultClass += noShadow ? ' no-shadow' : '';\n    defaultClass += position.length > 0 ? ` ${position}` : '';\n    defaultClass += isOpen ? ' open-sidebar' : ' closed-sidebar';\n    defaultClass += resizable ? ' resizable' : '';\n    defaultClass += isResizing ? ' is-resizing' : '';\n    if(!animateSidebar) {\n      defaultClass += isOpen ? '' : ' hidden';\n    }\n    return defaultClass;\n  };\n\n  const getSidebarStyle = () => {\n    if (resizable) {\n      return {\n        ...style,\n        width: isOpen ? `${resizeWidth}px` : '0px'\n      };\n    }\n    return {\n      ...style,\n      ...(isOpen && style?.width ? { width: style?.width } : { width: '0px' })\n    };\n  };\n\n  return (\n    <div\n      ref={sidebarRef}\n      id={id}\n      className={getSidebarClassName()}\n      style={getSidebarStyle()}\n      data-automation-id={automationId}\n      tabIndex={-1}\n      role={effectiveA11yRole}\n      aria-modal={isModal ? 'true' : undefined}\n      aria-hidden={!isOpen ? 'true' : undefined}\n      {...accessibleNameProps}\n      onKeyDown={onEscapeKeyDown}\n      inert={!isOpen ? ('' as unknown as boolean) : undefined}\n    >\n      {resizable && isOpen && (\n        <div\n          className={`se-design-sidebar-overlay-resize-handle${isResizing ? ' is-resizing' : ''}`}\n          role=\"separator\"\n          aria-orientation=\"vertical\"\n          aria-label={resizeHandleAriaLabel}\n          aria-controls={id}\n          aria-valuenow={resizeWidth}\n          aria-valuemin={minWidth}\n          aria-valuemax={maxWidth}\n          tabIndex={0}\n          onPointerDown={handleResizePointerDown}\n          onPointerMove={handleResizePointerMove}\n          onPointerUp={handleResizePointerUp}\n          onPointerCancel={handleResizePointerUp}\n          onKeyDown={handleResizeKeyDown}\n          onDoubleClick={handleResizeDoubleClick}\n          data-automation-id={resizeAutomationId}\n        />\n      )}\n      <div className=\"overlay-content\">\n        {!isModal && <div {...startSentinelProps} />}\n        {displayCloseSidebar && (\n          <Icon\n            name={closeSidebarIcon}\n            onClick={onClose}\n            className=\"overlay-close\"\n            ariaLabel={closeAriaLabel}\n            automationId=\"sidebar_overlay_close\"\n          />\n        )}\n        {content}\n        {!isModal && <div {...endSentinelProps} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["RESIZE_KEYBOARD_STEP","SidebarOverlay","props","content","className","alignment","noShadow","position","isOpen","displayCloseSidebar","onClose","onSidebarUnmount","onPathChange","style","automationId","id","currentPath","closeSidebarIcon","closeAriaLabel","animateSidebar","a11yRole","ariaLabel","ariaLabelledBy","ariaDescribedBy","returnFocusRef","resizable","minWidth","maxWidth","defaultWidth","onResize","onResizeEnd","resizeHandleAriaLabel","resizeAutomationId","effectiveA11yRole","isModal","accessibleNameProps","useMemo","getA11yNameAttributes","sidebarRef","useRef","useEffect","document","body","overflow","onKeyDown","onEscapeKeyDown","useDismissOnEscape","onDismiss","enabled","useFocusTrap","Boolean","containerRef","restoreFocus","initialFocus","startSentinelProps","endSentinelProps","useFocusSentinel","clampWidth","useCallback","value","min","max","Number","POSITIVE_INFINITY","Math","resizeWidth","setResizeWidth","useState","isResizing","setIsResizing","resizeStartCoordRef","resizeStartWidthRef","resizeWidthRef","isResizingRef","current","previousUserSelect","userSelect","previousCursor","cursor","handleResizePointerDown","event","preventDefault","stopPropagation","currentTarget","setPointerCapture","pointerId","clientX","handleResizePointerMove","delta","nextWidth","handleResizePointerUp","hasPointerCapture","releasePointerCapture","handleResizeKeyDown","growKey","shrinkKey","key","clamped","handleResizeDoubleClick","reset","getSidebarClassName","defaultClass","length","getSidebarStyle","width","React","createElement","_extends","ref","tabIndex","role","undefined","inert","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onDoubleClick","Icon","name","onClick"],"mappings":"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"}

package/dist/index32.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 d } from "./index6.js";
+import { Icon as g } 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: g = "",
+  widgetClassName: d = "",
   widgetType: a = "general",
   widgetTitle: r = "",
   widgetDescription: l = "",
   widgetImage: p,
-  hasImage: f = !1,
+  hasImage: x = !1,
   hasButtonCta: n = !1,
   hasLinkCta: i = !1,
   ctaText: o = "",
-  hasBadge: x = !1,
+  hasBadge: f = !1,
   badgeText: w = "",
   buttonBgColor: u = "secondary",
   onCtaClick: b,
@@ -38,7 +38,7 @@ const t = {
   webinarDateInfo: c,
   webinarSpeaker: s
 }) => {
-  const E = x && /* @__PURE__ */ e.createElement(I, {
+  const E = f && /* @__PURE__ */ e.createElement(I, {
     label: w,
     className: t.widgetBadge,
     bgColor: "var(--color-yellow-50)",
@@ -52,14 +52,14 @@ const t = {
     label: o,
     className: `${t.widgetButtonCta} mt-[4px]`,
     onClick: b
-  })), C = f && /* @__PURE__ */ e.createElement("div", {
+  })), C = x && /* @__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} ${g} widget-ctn`,
+    className: `${t.widgetCtn} ${d} 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(d, {
+  }, /* @__PURE__ */ e.createElement(g, {
     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(d, {
+  }, /* @__PURE__ */ e.createElement(g, {
     name: "clock",
     className: "relative top-[2px]"
   }), /* @__PURE__ */ e.createElement("span", {
@@ -96,7 +96,6 @@ const t = {
   }, l), m)) : m));
 };
 export {
-  B as Widget,
-  B as default
+  B as Widget
 };
 //# sourceMappingURL=index32.js.map

package/dist/index37.js

@@ -1,43 +1,39 @@
-import a, { useState as g, useRef as T } from "react";
+import a, { useState as p, useRef as N } from "react";
 /* empty css         */
-import { Icon as I } from "./index6.js";
-function _({
-  value: f,
+import { Icon as k } from "./index6.js";
+function D({
+  value: g,
   onChange: s,
-  placeholder: d,
-  className: h,
+  placeholder: f,
+  className: d,
   error: o,
-  errorMessage: w,
+  errorMessage: h,
   label: c,
-  automationId: v = "",
-  commitOnBlur: E = !1
+  automationId: w = ""
 }) {
-  const [n, r] = g([...f]), [i, l] = g(""), u = T(null), m = (t) => {
-    const e = n.filter((R, y) => y !== t);
-    r(e), s?.(e);
-  }, p = () => {
-    const t = i.trim();
-    if (!t) return;
-    const e = [...n, t];
-    r(e), l(""), s?.(e);
-  }, N = (t) => {
-    t.key === "Enter" && i.trim() ? (t.preventDefault(), p()) : t.key === "Backspace" && i === "" && n.length > 0 && m(n.length - 1);
-  }, k = () => {
-    E && p();
+  const [n, l] = p([...g]), [i, r] = p(""), u = N(null), m = (t) => {
+    const e = n.filter((y, E) => E !== t);
+    l(e), s?.(e);
+  }, v = (t) => {
+    if (t.key === "Enter" && i.trim()) {
+      t.preventDefault();
+      const e = [...n, i.trim()];
+      l(e), r(""), s?.(e);
+    } else t.key === "Backspace" && i === "" && n.length > 0 && m(n.length - 1);
   };
   return /* @__PURE__ */ a.createElement("div", {
     className: "input-with-tags-main-container",
-    "data-automation-id": v
+    "data-automation-id": w
   }, c && /* @__PURE__ */ a.createElement("div", {
     className: "label-container"
   }, c), /* @__PURE__ */ a.createElement("div", {
-    className: `input-with-tags-container ${o ? "input-with-tags-error" : ""} ${h}`,
+    className: `input-with-tags-container ${o ? "input-with-tags-error" : ""} ${d}`,
     onClick: () => u.current?.focus()
   }, n.map((t, e) => /* @__PURE__ */ a.createElement("span", {
     key: e,
     className: "tag-in-inputwithtags",
     "data-automation-id": `input-tag-${e}`
-  }, t, /* @__PURE__ */ a.createElement(I, {
+  }, t, /* @__PURE__ */ a.createElement(k, {
     name: "close",
     className: "close-icon-in-inputwithtags",
     ariaLabel: `Remove tag ${t}`,
@@ -48,16 +44,15 @@ function _({
     ref: u,
     type: "text",
     value: i,
-    onChange: (t) => l(t.target.value),
-    onKeyDown: N,
-    onBlur: k,
-    placeholder: d,
+    onChange: (t) => r(t.target.value),
+    onKeyDown: v,
+    placeholder: f,
     "data-automation-id": "input-with-tags-input-field"
   })), o && /* @__PURE__ */ a.createElement("div", {
     className: "error-message"
-  }, w));
+  }, h));
 }
 export {
-  _ as InputWithTags
+  D as InputWithTags
 };
 //# sourceMappingURL=index37.js.map