se-design 1.0.80 → 1.0.81-dev1

package/dist/index259.js

@@ -1,55 +1,55 @@
-import { __require as E } from "./index257.js";
-import { __require as _ } from "./index258.js";
-var f, v;
-function P() {
-  if (v) return f;
-  v = 1;
-  var o = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var y = E(), t = {}, d = _();
-    o = function(n) {
-      var a = "Warning: " + n;
-      typeof console < "u" && console.error(a);
-      try {
-        throw new Error(a);
-      } catch {
-      }
-    };
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var f, i;
+function p() {
+  if (i) return f;
+  i = 1;
+  var u = Object.getOwnPropertySymbols, b = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+  function O(n) {
+    if (n == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(n);
   }
-  function u(n, a, i, s, c) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var e in n)
-        if (d(n, e)) {
-          var r;
-          try {
-            if (typeof n[e] != "function") {
-              var h = Error(
-                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw h.name = "Invariant Violation", h;
-            }
-            r = n[e](a, e, s, i, null, y);
-          } catch (l) {
-            r = l;
-          }
-          if (r && !(r instanceof Error) && o(
-            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), r instanceof Error && !(r.message in t)) {
-            t[r.message] = !0;
-            var p = c ? c() : "";
-            o(
-              "Failed " + i + " type: " + r.message + (p ?? "")
-            );
-          }
-        }
+  function j() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var n = new String("abc");
+      if (n[5] = "de", Object.getOwnPropertyNames(n)[0] === "5")
+        return !1;
+      for (var s = {}, r = 0; r < 10; r++)
+        s["_" + String.fromCharCode(r)] = r;
+      var a = Object.getOwnPropertyNames(s).map(function(e) {
+        return s[e];
+      });
+      if (a.join("") !== "0123456789")
+        return !1;
+      var t = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(e) {
+        t[e] = e;
+      }), Object.keys(Object.assign({}, t)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
     }
   }
-  return u.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (t = {});
-  }, f = u, f;
+  return f = j() ? Object.assign : function(n, s) {
+    for (var r, a = O(n), t, e = 1; e < arguments.length; e++) {
+      r = Object(arguments[e]);
+      for (var c in r)
+        b.call(r, c) && (a[c] = r[c]);
+      if (u) {
+        t = u(r);
+        for (var o = 0; o < t.length; o++)
+          l.call(r, t[o]) && (a[t[o]] = r[t[o]]);
+      }
+    }
+    return a;
+  }, f;
 }
 export {
-  P as __require
+  p as __require
 };
 //# sourceMappingURL=index259.js.map

package/dist/index259.js.map

@@ -1 +1 @@
-{"version":3,"file":"index259.js","sources":["../node_modules/prop-types/checkPropTypes.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar printWarning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n  var loggedTypeFailures = {};\n  var has = require('./lib/has');\n\n  printWarning = function(text) {\n    var message = 'Warning: ' + text;\n    if (typeof console !== 'undefined') {\n      console.error(message);\n    }\n    try {\n      // --- Welcome to debugging React ---\n      // This error was thrown as a convenience so that you can use this stack\n      // to find the callsite that caused this warning to fire.\n      throw new Error(message);\n    } catch (x) { /**/ }\n  };\n}\n\n/**\n * Assert that the values match with the type specs.\n * Error messages are memorized and will only be shown once.\n *\n * @param {object} typeSpecs Map of name to a ReactPropType\n * @param {object} values Runtime values that need to be type-checked\n * @param {string} location e.g. \"prop\", \"context\", \"child context\"\n * @param {string} componentName Name of the component for error messages.\n * @param {?Function} getStack Returns the component stack.\n * @private\n */\nfunction checkPropTypes(typeSpecs, values, location, componentName, getStack) {\n  if (process.env.NODE_ENV !== 'production') {\n    for (var typeSpecName in typeSpecs) {\n      if (has(typeSpecs, typeSpecName)) {\n        var error;\n        // Prop type validation may throw. In case they do, we don't want to\n        // fail the render phase where it didn't fail before. So we log it.\n        // After these have been cleaned up, we'll let them throw.\n        try {\n          // This is intentionally an invariant that gets caught. It's the same\n          // behavior as without this statement except with a better message.\n          if (typeof typeSpecs[typeSpecName] !== 'function') {\n            var err = Error(\n              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +\n              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +\n              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'\n            );\n            err.name = 'Invariant Violation';\n            throw err;\n          }\n          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);\n        } catch (ex) {\n          error = ex;\n        }\n        if (error && !(error instanceof Error)) {\n          printWarning(\n            (componentName || 'React class') + ': type specification of ' +\n            location + ' `' + typeSpecName + '` is invalid; the type checker ' +\n            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +\n            'You may have forgotten to pass an argument to the type checker ' +\n            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +\n            'shape all require an argument).'\n          );\n        }\n        if (error instanceof Error && !(error.message in loggedTypeFailures)) {\n          // Only monitor this failure once because there tends to be a lot of the\n          // same error.\n          loggedTypeFailures[error.message] = true;\n\n          var stack = getStack ? getStack() : '';\n\n          printWarning(\n            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')\n          );\n        }\n      }\n    }\n  }\n}\n\n/**\n * Resets warning cache when testing.\n *\n * @private\n */\ncheckPropTypes.resetWarningCache = function() {\n  if (process.env.NODE_ENV !== 'production') {\n    loggedTypeFailures = {};\n  }\n}\n\nmodule.exports = checkPropTypes;\n"],"names":["printWarning","ReactPropTypesSecret","require$$0","loggedTypeFailures","has","require$$1","text","message","checkPropTypes","typeSpecs","values","location","componentName","getStack","typeSpecName","error","err","ex","stack","checkPropTypes_1"],"mappings":";;;;;;AASA,MAAIA,IAAe,WAAW;AAAA;AAE9B,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAIC,IAAuBC,KACvBC,IAAqB,CAAA,GACrBC,IAAMC;AAEV,IAAAL,IAAe,SAASM,GAAM;AAC5B,UAAIC,IAAU,cAAcD;AAC5B,MAAI,OAAO,UAAY,OACrB,QAAQ,MAAMC,CAAO;AAEvB,UAAI;AAIF,cAAM,IAAI,MAAMA,CAAO;AAAA,MAC7B,QAAgB;AAAA,MAAQ;AAAA,IACxB;AAAA,EACC;AAaD,WAASC,EAAeC,GAAWC,GAAQC,GAAUC,GAAeC,GAAU;AAC5E,QAAI,QAAQ,IAAI,aAAa;AAC3B,eAASC,KAAgBL;AACvB,YAAIL,EAAIK,GAAWK,CAAY,GAAG;AAChC,cAAIC;AAIJ,cAAI;AAGF,gBAAI,OAAON,EAAUK,CAAY,KAAM,YAAY;AACjD,kBAAIE,IAAM;AAAA,iBACPJ,KAAiB,iBAAiB,OAAOD,IAAW,YAAYG,IAAe,+FACC,OAAOL,EAAUK,CAAY,IAAI;AAAA,cAEhI;AACY,oBAAAE,EAAI,OAAO,uBACLA;AAAA,YACP;AACD,YAAAD,IAAQN,EAAUK,CAAY,EAAEJ,GAAQI,GAAcF,GAAeD,GAAU,MAAMV,CAAoB;AAAA,UAC1G,SAAQgB,GAAI;AACX,YAAAF,IAAQE;AAAA,UACT;AAWD,cAVIF,KAAS,EAAEA,aAAiB,UAC9Bf;AAAA,aACGY,KAAiB,iBAAiB,6BACnCD,IAAW,OAAOG,IAAe,6FAC6B,OAAOC,IAAQ;AAAA,UAIzF,GAEYA,aAAiB,SAAS,EAAEA,EAAM,WAAWZ,IAAqB;AAGpE,YAAAA,EAAmBY,EAAM,OAAO,IAAI;AAEpC,gBAAIG,IAAQL,IAAWA,EAAQ,IAAK;AAEpC,YAAAb;AAAA,cACE,YAAYW,IAAW,YAAYI,EAAM,WAAWG,KAAwB;AAAA,YACxF;AAAA,UACS;AAAA,QACF;AAAA;AAAA,EAGN;AAOD,SAAAV,EAAe,oBAAoB,WAAW;AAC5C,IAAI,QAAQ,IAAI,aAAa,iBAC3BL,IAAqB,CAAA;AAAA,EAExB,GAEDgB,IAAiBX;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index259.js","sources":["../node_modules/object-assign/index.js"],"sourcesContent":["/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc');  // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n"],"names":["getOwnPropertySymbols","hasOwnProperty","propIsEnumerable","toObject","val","shouldUseNative","test1","test2","i","order2","n","test3","letter","objectAssign","target","source","from","to","symbols","s","key"],"mappings":";;;;;;;;;AAQA,MAAIA,IAAwB,OAAO,uBAC/BC,IAAiB,OAAO,UAAU,gBAClCC,IAAmB,OAAO,UAAU;AAExC,WAASC,EAASC,GAAK;AACtB,QAAIA,KAAQ;AACX,YAAM,IAAI,UAAU,uDAAuD;AAG5E,WAAO,OAAOA,CAAG;AAAA,EAClB;AAEA,WAASC,IAAkB;AAC1B,QAAI;AACH,UAAI,CAAC,OAAO;AACX,eAAO;AAMR,UAAIC,IAAQ,IAAI,OAAO,KAAK;AAE5B,UADAA,EAAM,CAAC,IAAI,MACP,OAAO,oBAAoBA,CAAK,EAAE,CAAC,MAAM;AAC5C,eAAO;AAKR,eADIC,IAAQ,CAAA,GACHC,IAAI,GAAGA,IAAI,IAAIA;AACvB,QAAAD,EAAM,MAAM,OAAO,aAAaC,CAAC,CAAC,IAAIA;AAEvC,UAAIC,IAAS,OAAO,oBAAoBF,CAAK,EAAE,IAAI,SAAUG,GAAG;AAC/D,eAAOH,EAAMG,CAAC;AAAA,MACjB,CAAG;AACD,UAAID,EAAO,KAAK,EAAE,MAAM;AACvB,eAAO;AAIR,UAAIE,IAAQ,CAAA;AAIZ,aAHA,uBAAuB,MAAM,EAAE,EAAE,QAAQ,SAAUC,GAAQ;AAC1D,QAAAD,EAAMC,CAAM,IAAIA;AAAA,MACnB,CAAG,GACG,OAAO,KAAK,OAAO,OAAO,CAAA,GAAID,CAAK,CAAC,EAAE,KAAK,EAAE,MAC/C;AAAA,IAKJ,QAAe;AAEb,aAAO;AAAA,IACT;AAAA,EACA;AAEA,SAAAE,IAAiBR,EAAe,IAAK,OAAO,SAAS,SAAUS,GAAQC,GAAQ;AAK9E,aAJIC,GACAC,IAAKd,EAASW,CAAM,GACpBI,GAEKC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,MAAAH,IAAO,OAAO,UAAUG,CAAC,CAAC;AAE1B,eAASC,KAAOJ;AACf,QAAIf,EAAe,KAAKe,GAAMI,CAAG,MAChCH,EAAGG,CAAG,IAAIJ,EAAKI,CAAG;AAIpB,UAAIpB,GAAuB;AAC1B,QAAAkB,IAAUlB,EAAsBgB,CAAI;AACpC,iBAASR,IAAI,GAAGA,IAAIU,EAAQ,QAAQV;AACnC,UAAIN,EAAiB,KAAKc,GAAME,EAAQV,CAAC,CAAC,MACzCS,EAAGC,EAAQV,CAAC,CAAC,IAAIQ,EAAKE,EAAQV,CAAC,CAAC;AAAA,MAGrC;AAAA,IACA;AAEC,WAAOS;AAAA,EACR;;","x_google_ignoreList":[0]}

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.js","sources":["../src/components/KebabMenu/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Popover } from 'components/Popover';\nimport { MenuItemProps } from 'components/MenuItem';\nimport { MenuList } from 'components/MenuList';\nimport { Icon } from 'components/Icon';\n\nexport interface KebabMenuProps {\n  className?: string;\n  automationId?: string;\n  menuItems: MenuItemProps[];\n  variant?: 'primary' | 'secondary' | '';\n  ariaLabel?: string;\n}\n\nexport const KebabMenu: FC<KebabMenuProps> = ({ menuItems, variant = 'primary', className = '', automationId = '', ariaLabel }) => {\n  const getUpdatedMenuItems = (closePopoverCb: () => void) => {\n    return menuItems.map((item) => ({\n      ...item,\n      onClick: () => {\n        item.onClick && item.onClick(item);\n        closePopoverCb();\n      }\n    }))\n  }\n\n  const getKebabIconVariant = () => {\n    if(variant === 'secondary') {\n      return {fill: 'var(--color-blue-500)', stroke: 'var(--color-blue-500)'}\n    }\n    return {}\n  }\n\n  return <Popover\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      ariaLabel={ariaLabel}\n      renderPopoverSrcElement={({ displayPopover }) => (\n        <div className={`se-design-kebab-menu ${displayPopover ? 'bg-[var(--color-blue-100)]' : ''} hover:bg-[var(--color-blue-100)] rounded-[4px] transition-all duration-300 w-max p-1`}>\n            <Icon name=\"kebab-menu\" {...getKebabIconVariant()} />\n        </div>\n      )}\n      renderPopoverContents={({ closePopoverCb }) => (\n        <MenuList items={getUpdatedMenuItems(closePopoverCb)} />\n      )}\n    />\n  };\n"],"names":["KebabMenu","menuItems","variant","className","automationId","ariaLabel","getUpdatedMenuItems","closePopoverCb","map","item","onClick","getKebabIconVariant","fill","stroke","React","createElement","Popover","position","renderPopoverSrcElement","displayPopover","Icon","_extends","name","renderPopoverContents","MenuList","items"],"mappings":";;;;;;;;;;;;;AAeO,MAAMA,IAAgCA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,SAAAA,IAAU;AAAA,EAAWC,WAAAA,IAAY;AAAA,EAAIC,cAAAA,IAAe;AAAA,EAAIC,WAAAA;AAAU,MAAM;AAC3HC,QAAAA,IAAsBA,CAACC,MACpBN,EAAUO,IAAKC,CAAUA,OAAA;AAAA,IAC9B,GAAGA;AAAAA,IACHC,SAASA,MAAM;AACRA,MAAAA,EAAAA,WAAWD,EAAKC,QAAQD,CAAI,GAClBF;IACjB;AAAA,EACA,EAAA,GAGEI,IAAsBA,MACvBT,MAAY,cACN;AAAA,IAACU,MAAM;AAAA,IAAyBC,QAAQ;AAAA,EAAA,IAE1C;AAGFC,SAAAA,gBAAAA,EAAAC,cAACC,GAAO;AAAA,IACXb,WAAAA;AAAAA,IACAc,UAAS;AAAA,IACTb,cAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAa,yBAAyBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MAC1BJ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,MAAKZ,WAAW,wBAAwBgB,IAAiB,+BAA+B,EAAE;AAAA,IACtFL,GAAAA,gBAAAA,EAAAC,cAACK,GAAIC,EAAA;AAAA,MAACC,MAAK;AAAA,IAAA,GAAiBX,EAAqB,CAAA,CAAG,CACnD;AAAA,IAEPY,uBAAuBA,CAAC;AAAA,MAAEhB,gBAAAA;AAAAA,IAAAA,MACxBQ,gBAAAA,EAAAA,cAACS,GAAQ;AAAA,MAACC,OAAOnB,EAAoBC,CAAc;AAAA,IAAA,CAAI;AAAA,EAAA,CAE1D;AACH;"}
+{"version":3,"file":"index26.js","sources":["../src/components/KebabMenu/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Popover } from 'components/Popover';\nimport { MenuItemProps } from 'components/MenuItem';\nimport { MenuList } from 'components/MenuList';\nimport { Icon } from 'components/Icon';\n\nexport interface KebabMenuProps {\n  className?: string;\n  automationId?: string;\n  menuItems: MenuItemProps[];\n  variant?: 'primary' | 'secondary' | '';\n  ariaLabel?: string;\n}\n\nexport const KebabMenu: FC<KebabMenuProps> = ({ menuItems, variant = 'primary', className = '', automationId = '', ariaLabel }) => {\n  const getUpdatedMenuItems = (closePopoverCb: () => void) => {\n    return menuItems.map((item) => ({\n      ...item,\n      onClick: () => {\n        item.onClick && item.onClick(item);\n        closePopoverCb();\n      }\n    }))\n  }\n\n  const getKebabIconVariant = () => {\n    if(variant === 'secondary') {\n      return {fill: 'var(--color-blue-500)', stroke: 'var(--color-blue-500)'}\n    }\n    return {}\n  }\n\n  return <Popover\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      ariaLabel={ariaLabel}\n      renderPopoverSrcElement={({ displayPopover }) => (\n        <div className={`se-design-kebab-menu ${displayPopover ? 'bg-[var(--color-blue-100)]' : ''} hover:bg-[var(--color-blue-100)] rounded-[4px] transition-all duration-300 w-max p-1`}>\n            <Icon name=\"kebab-menu\" {...getKebabIconVariant()} />\n        </div>\n      )}\n      renderPopoverContents={({ closePopoverCb }) => (\n        <MenuList items={getUpdatedMenuItems(closePopoverCb)} />\n      )}\n    />\n  };\n"],"names":["KebabMenu","menuItems","variant","className","automationId","ariaLabel","getUpdatedMenuItems","closePopoverCb","map","item","onClick","getKebabIconVariant","fill","stroke","React","createElement","Popover","position","renderPopoverSrcElement","displayPopover","Icon","_extends","name","renderPopoverContents","MenuList","items"],"mappings":";;;;;;;;;;;;;AAeO,MAAMA,IAAgCA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,SAAAA,IAAU;AAAA,EAAWC,WAAAA,IAAY;AAAA,EAAIC,cAAAA,IAAe;AAAA,EAAIC,WAAAA;AAAU,MAAM;AACjI,QAAMC,IAAsBA,CAACC,MACpBN,EAAUO,IAAKC,CAAAA,OAAU;AAAA,IAC9B,GAAGA;AAAAA,IACHC,SAASA,MAAM;AACbD,MAAAA,EAAKC,WAAWD,EAAKC,QAAQD,CAAI,GACjCF,EAAAA;AAAAA,IACF;AAAA,EAAA,EACA,GAGEI,IAAsBA,MACvBT,MAAY,cACN;AAAA,IAACU,MAAM;AAAA,IAAyBC,QAAQ;AAAA,EAAA,IAE1C,CAAA;AAGT,SAAOC,gBAAAA,EAAAC,cAACC,GAAO;AAAA,IACXb,WAAAA;AAAAA,IACAc,UAAS;AAAA,IACTb,cAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAa,yBAAyBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MAC1BL,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKZ,WAAW,wBAAwBgB,IAAiB,+BAA+B,EAAE;AAAA,IAAA,GACtFL,gBAAAA,EAAAC,cAACK,GAAIC,EAAA;AAAA,MAACC,MAAK;AAAA,IAAA,GAAiBX,EAAAA,CAAqB,CAAG,CACnD;AAAA,IAEPY,uBAAuBA,CAAC;AAAA,MAAEhB,gBAAAA;AAAAA,IAAAA,MACxBO,gBAAAA,EAAAC,cAACS,GAAQ;AAAA,MAACC,OAAOnB,EAAoBC,CAAc;AAAA,IAAA,CAAI;AAAA,EAAA,CAE1D;AACH;"}

package/dist/index260.js

@@ -1,5 +1,11 @@
-var r = {};
+var e, r;
+function _() {
+  if (r) return e;
+  r = 1;
+  var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return e = t, e;
+}
 export {
-  r as __exports
+  _ as __require
 };
 //# sourceMappingURL=index260.js.map

package/dist/index260.js.map

@@ -1 +1 @@
-{"version":3,"file":"index260.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index260.js","sources":["../node_modules/prop-types/lib/ReactPropTypesSecret.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n"],"names":["ReactPropTypesSecret","ReactPropTypesSecret_1"],"mappings":";;;;AASA,MAAIA,IAAuB;AAE3B,SAAAC,IAAiBD;;","x_google_ignoreList":[0]}

package/dist/index261.js

@@ -1,5 +1,8 @@
-var e = {};
+var r, e;
+function a() {
+  return e || (e = 1, r = Function.call.bind(Object.prototype.hasOwnProperty)), r;
+}
 export {
-  e as __exports
+  a as __require
 };
 //# sourceMappingURL=index261.js.map

package/dist/index261.js.map

@@ -1 +1 @@
-{"version":3,"file":"index261.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index261.js","sources":["../node_modules/prop-types/lib/has.js"],"sourcesContent":["module.exports = Function.call.bind(Object.prototype.hasOwnProperty);\n"],"names":["has"],"mappings":";;sBAAAA,IAAiB,SAAS,KAAK,KAAK,OAAO,UAAU,cAAc;;","x_google_ignoreList":[0]}

package/dist/index262.js

@@ -0,0 +1,55 @@
+import { __require as E } from "./index260.js";
+import { __require as _ } from "./index261.js";
+var f, v;
+function P() {
+  if (v) return f;
+  v = 1;
+  var o = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var y = E(), t = {}, d = _();
+    o = function(n) {
+      var a = "Warning: " + n;
+      typeof console < "u" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch {
+      }
+    };
+  }
+  function u(n, a, i, s, c) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var e in n)
+        if (d(n, e)) {
+          var r;
+          try {
+            if (typeof n[e] != "function") {
+              var h = Error(
+                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw h.name = "Invariant Violation", h;
+            }
+            r = n[e](a, e, s, i, null, y);
+          } catch (l) {
+            r = l;
+          }
+          if (r && !(r instanceof Error) && o(
+            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), r instanceof Error && !(r.message in t)) {
+            t[r.message] = !0;
+            var p = c ? c() : "";
+            o(
+              "Failed " + i + " type: " + r.message + (p ?? "")
+            );
+          }
+        }
+    }
+  }
+  return u.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, f = u, f;
+}
+export {
+  P as __require
+};
+//# sourceMappingURL=index262.js.map

package/dist/index262.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index262.js","sources":["../node_modules/prop-types/checkPropTypes.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar printWarning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n  var loggedTypeFailures = {};\n  var has = require('./lib/has');\n\n  printWarning = function(text) {\n    var message = 'Warning: ' + text;\n    if (typeof console !== 'undefined') {\n      console.error(message);\n    }\n    try {\n      // --- Welcome to debugging React ---\n      // This error was thrown as a convenience so that you can use this stack\n      // to find the callsite that caused this warning to fire.\n      throw new Error(message);\n    } catch (x) { /**/ }\n  };\n}\n\n/**\n * Assert that the values match with the type specs.\n * Error messages are memorized and will only be shown once.\n *\n * @param {object} typeSpecs Map of name to a ReactPropType\n * @param {object} values Runtime values that need to be type-checked\n * @param {string} location e.g. \"prop\", \"context\", \"child context\"\n * @param {string} componentName Name of the component for error messages.\n * @param {?Function} getStack Returns the component stack.\n * @private\n */\nfunction checkPropTypes(typeSpecs, values, location, componentName, getStack) {\n  if (process.env.NODE_ENV !== 'production') {\n    for (var typeSpecName in typeSpecs) {\n      if (has(typeSpecs, typeSpecName)) {\n        var error;\n        // Prop type validation may throw. In case they do, we don't want to\n        // fail the render phase where it didn't fail before. So we log it.\n        // After these have been cleaned up, we'll let them throw.\n        try {\n          // This is intentionally an invariant that gets caught. It's the same\n          // behavior as without this statement except with a better message.\n          if (typeof typeSpecs[typeSpecName] !== 'function') {\n            var err = Error(\n              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +\n              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +\n              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'\n            );\n            err.name = 'Invariant Violation';\n            throw err;\n          }\n          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);\n        } catch (ex) {\n          error = ex;\n        }\n        if (error && !(error instanceof Error)) {\n          printWarning(\n            (componentName || 'React class') + ': type specification of ' +\n            location + ' `' + typeSpecName + '` is invalid; the type checker ' +\n            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +\n            'You may have forgotten to pass an argument to the type checker ' +\n            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +\n            'shape all require an argument).'\n          );\n        }\n        if (error instanceof Error && !(error.message in loggedTypeFailures)) {\n          // Only monitor this failure once because there tends to be a lot of the\n          // same error.\n          loggedTypeFailures[error.message] = true;\n\n          var stack = getStack ? getStack() : '';\n\n          printWarning(\n            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')\n          );\n        }\n      }\n    }\n  }\n}\n\n/**\n * Resets warning cache when testing.\n *\n * @private\n */\ncheckPropTypes.resetWarningCache = function() {\n  if (process.env.NODE_ENV !== 'production') {\n    loggedTypeFailures = {};\n  }\n}\n\nmodule.exports = checkPropTypes;\n"],"names":["printWarning","ReactPropTypesSecret","require$$0","loggedTypeFailures","has","require$$1","text","message","checkPropTypes","typeSpecs","values","location","componentName","getStack","typeSpecName","error","err","ex","stack","checkPropTypes_1"],"mappings":";;;;;;AASA,MAAIA,IAAe,WAAW;AAAA,EAAA;AAE9B,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAIC,IAAuBC,EAAA,GACvBC,IAAqB,CAAA,GACrBC,IAAMC,EAAA;AAEV,IAAAL,IAAe,SAASM,GAAM;AAC5B,UAAIC,IAAU,cAAcD;AAC5B,MAAI,OAAO,UAAY,OACrB,QAAQ,MAAMC,CAAO;AAEvB,UAAI;AAIF,cAAM,IAAI,MAAMA,CAAO;AAAA,MAC7B,QAAgB;AAAA,MAAA;AAAA,IAChB;AAAA,EACA;AAaA,WAASC,EAAeC,GAAWC,GAAQC,GAAUC,GAAeC,GAAU;AAC5E,QAAI,QAAQ,IAAI,aAAa;AAC3B,eAASC,KAAgBL;AACvB,YAAIL,EAAIK,GAAWK,CAAY,GAAG;AAChC,cAAIC;AAIJ,cAAI;AAGF,gBAAI,OAAON,EAAUK,CAAY,KAAM,YAAY;AACjD,kBAAIE,IAAM;AAAA,iBACPJ,KAAiB,iBAAiB,OAAOD,IAAW,YAAYG,IAAe,+FACC,OAAOL,EAAUK,CAAY,IAAI;AAAA,cAEhI;AACY,oBAAAE,EAAI,OAAO,uBACLA;AAAA,YAClB;AACU,YAAAD,IAAQN,EAAUK,CAAY,EAAEJ,GAAQI,GAAcF,GAAeD,GAAU,MAAMV,CAAoB;AAAA,UACnH,SAAiBgB,GAAI;AACX,YAAAF,IAAQE;AAAA,UAClB;AAWQ,cAVIF,KAAS,EAAEA,aAAiB,UAC9Bf;AAAA,aACGY,KAAiB,iBAAiB,6BACnCD,IAAW,OAAOG,IAAe,6FAC6B,OAAOC,IAAQ;AAAA,UAIzF,GAEYA,aAAiB,SAAS,EAAEA,EAAM,WAAWZ,IAAqB;AAGpE,YAAAA,EAAmBY,EAAM,OAAO,IAAI;AAEpC,gBAAIG,IAAQL,IAAWA,EAAQ,IAAK;AAEpC,YAAAb;AAAA,cACE,YAAYW,IAAW,YAAYI,EAAM,WAAWG,KAAwB;AAAA,YACxF;AAAA,UACA;AAAA,QACA;AAAA;AAAA,EAGA;AAOA,SAAAV,EAAe,oBAAoB,WAAW;AAC5C,IAAI,QAAQ,IAAI,aAAa,iBAC3BL,IAAqB,CAAA;AAAA,EAEzB,GAEAgB,IAAiBX;;","x_google_ignoreList":[0]}

package/dist/index263.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=index263.js.map

package/dist/index263.js.map

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

package/dist/index264.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=index264.js.map

package/dist/index264.js.map

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

package/dist/index27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index27.js","sources":["../src/components/TableContentLoader/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ShimmerLoader } from 'components/ShimmerLoader';\nimport './style.scss';\n\nexport interface TableContentLoaderProps {\n  noOfRows?: number;\n  noOfColumns?: number;\n  colSpan?: number[];\n}\n\nexport const TableContentLoader: FC<TableContentLoaderProps> = (props) => {\n  const { noOfRows = 2, noOfColumns = 4, colSpan = [2, 0, 0] } = props;\n\n  return [...Array(noOfRows)].map((_, index) => (\n    <tr key={`tr-${index}`} className=\"se-design-table-content-loader\">\n      {[...Array(noOfColumns)].map((_, idx) => (\n        <td colSpan={colSpan[idx]} key={`td-${idx}`}>\n          <ShimmerLoader\n            structure={[{ type: 'text', width: '80%', height: 20 }]}\n          />\n        </td>\n      ))}\n    </tr>\n  ));\n};\n"],"names":["React__default","ShimmerLoader","TableContentLoader","props","noOfRows","noOfColumns","colSpan","Array","map","_","index","createElement","key","className","idx","React","structure","type","width","height"],"mappings":"AAUO,OAAAA,OAAA;AAAA,SAAA,iBAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAmDC,CAAUA,MAAA;AAClE,QAAA;AAAA,IAAEC,UAAAA,IAAW;AAAA,IAAGC,aAAAA,IAAc;AAAA,IAAGC,SAAAA,IAAU,CAAC,GAAG,GAAG,CAAC;AAAA,EAAMH,IAAAA;AAE/D,SAAO,CAAC,GAAGI,MAAMH,CAAQ,CAAC,EAAEI,IAAI,CAACC,GAAGC,MAClCC,gBAAAA,EAAAA,cAAA,MAAA;AAAA,IAAIC,KAAK,MAAMF,CAAK;AAAA,IAAIG,WAAU;AAAA,EAC/B,GAAA,CAAC,GAAGN,MAAMF,CAAW,CAAC,EAAEG,IAAI,CAACC,GAAGK,MAC/BC,gBAAAA,EAAAJ,cAAA,MAAA;AAAA,IAAIL,SAASA,EAAQQ,CAAG;AAAA,IAAGF,KAAK,MAAME,CAAG;AAAA,EAAA,GACvCH,gBAAAA,EAAAA,cAACV,GAAa;AAAA,IACZe,WAAW,CAAC;AAAA,MAAEC,MAAM;AAAA,MAAQC,OAAO;AAAA,MAAOC,QAAQ;AAAA,IAAA,CAAI;AAAA,EAAA,CACvD,CACC,CACL,CACC,CACL;AACH;"}
+{"version":3,"file":"index27.js","sources":["../src/components/TableContentLoader/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ShimmerLoader } from 'components/ShimmerLoader';\nimport './style.scss';\n\nexport interface TableContentLoaderProps {\n  noOfRows?: number;\n  noOfColumns?: number;\n  colSpan?: number[];\n}\n\nexport const TableContentLoader: FC<TableContentLoaderProps> = (props) => {\n  const { noOfRows = 2, noOfColumns = 4, colSpan = [2, 0, 0] } = props;\n\n  return [...Array(noOfRows)].map((_, index) => (\n    <tr key={`tr-${index}`} className=\"se-design-table-content-loader\">\n      {[...Array(noOfColumns)].map((_, idx) => (\n        <td colSpan={colSpan[idx]} key={`td-${idx}`}>\n          <ShimmerLoader\n            structure={[{ type: 'text', width: '80%', height: 20 }]}\n          />\n        </td>\n      ))}\n    </tr>\n  ));\n};\n"],"names":["React__default","ShimmerLoader","TableContentLoader","props","noOfRows","noOfColumns","colSpan","Array","map","_","index","React","createElement","key","className","idx","structure","type","width","height"],"mappings":"AAUO,OAAAA,OAAA;AAAA,SAAA,iBAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAmDC,CAAAA,MAAU;AACxE,QAAM;AAAA,IAAEC,UAAAA,IAAW;AAAA,IAAGC,aAAAA,IAAc;AAAA,IAAGC,SAAAA,IAAU,CAAC,GAAG,GAAG,CAAC;AAAA,EAAA,IAAMH;AAE/D,SAAO,CAAC,GAAGI,MAAMH,CAAQ,CAAC,EAAEI,IAAI,CAACC,GAAGC,MAClCC,gBAAAA,EAAAC,cAAA,MAAA;AAAA,IAAIC,KAAK,MAAMH,CAAK;AAAA,IAAII,WAAU;AAAA,EAAA,GAC/B,CAAC,GAAGP,MAAMF,CAAW,CAAC,EAAEG,IAAI,CAACC,GAAGM,MAC/BJ,gBAAAA,EAAAC,cAAA,MAAA;AAAA,IAAIN,SAASA,EAAQS,CAAG;AAAA,IAAGF,KAAK,MAAME,CAAG;AAAA,EAAA,GACvCJ,gBAAAA,EAAAC,cAACX,GAAa;AAAA,IACZe,WAAW,CAAC;AAAA,MAAEC,MAAM;AAAA,MAAQC,OAAO;AAAA,MAAOC,QAAQ;AAAA,IAAA,CAAI;AAAA,EAAA,CACvD,CACC,CACL,CACC,CACL;AACH;"}

package/dist/index28.js

@@ -2,8 +2,8 @@ import i, { useMemo as D, useRef as j, useEffect as m } from "react";
 import { Icon as M } from "./index6.js";
 import { getA11yNameAttributes as $ } from "./index78.js";
 import { useFocusTrap as k } from "./index72.js";
-import { useDismissOnEscape as z } from "./index208.js";
-import { useFocusSentinel as T } from "./index209.js";
+import { useDismissOnEscape as z } from "./index79.js";
+import { useFocusSentinel as T } from "./index84.js";
 /* empty css         */
 function u() {
   return u = Object.assign ? Object.assign.bind() : function(s) {
@@ -93,7 +93,7 @@ const V = (s) => {
     "aria-modal": t ? "true" : void 0,
     "aria-hidden": e ? void 0 : "true"
   }, I, {
-    inert: !e || void 0
+    inert: e ? void 0 : ""
   }), /* @__PURE__ */ i.createElement("div", {
     className: "overlay-content"
   }, C && /* @__PURE__ */ i.createElement(M, {

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  useDismissOnEscape({\n    containerRef: sidebarRef,\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      inert={!isOpen || undefined}\n    >\n      <div className=\"overlay-content\">\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        {!isModal && <div {...startSentinelProps} />}\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","useDismissOnEscape","containerRef","onDismiss","enabled","useFocusTrap","Boolean","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, 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  useDismissOnEscape({\n    containerRef: sidebarRef,\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      inert={!isOpen ? ('' as unknown as boolean) : undefined}\n    >\n      <div className=\"overlay-content\">\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        {!isModal && <div {...startSentinelProps} />}\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","useDismissOnEscape","containerRef","onDismiss","enabled","useFocusTrap","Boolean","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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"}

package/dist/index29.js

@@ -1,35 +1,35 @@
-import r, { useState as F, useMemo as j, useRef as L, useEffect as B } from "react";
-import { Icon as O } from "./index6.js";
+import r, { useState as $, useMemo as j, useRef as F, useEffect as B } from "react";
+import { Icon as L } from "./index6.js";
 import { Popover as z } from "./index19.js";
 import { MenuList as H } from "./index18.js";
-import { useStableId as U } from "./index199.js";
+import { useStableId as U } from "./index83.js";
 import "./index72.js";
 import { useTabsA11y as V, getPanelId as q } from "./index73.js";
 /* empty css         */
-function i() {
-  return i = Object.assign ? Object.assign.bind() : function(l) {
+function d() {
+  return d = Object.assign ? Object.assign.bind() : function(i) {
     for (var o = 1; o < arguments.length; o++) {
-      var c = arguments[o];
-      for (var d in c) ({}).hasOwnProperty.call(c, d) && (l[d] = c[d]);
+      var m = arguments[o];
+      for (var u in m) ({}).hasOwnProperty.call(m, u) && (i[u] = m[u]);
     }
-    return l;
-  }, i.apply(null, arguments);
+    return i;
+  }, d.apply(null, arguments);
 }
 const re = ({
-  defaultActiveTab: l,
+  defaultActiveTab: i,
   tabs: o,
-  onTabChange: c,
-  primaryTabCount: d,
+  onTabChange: m,
+  primaryTabCount: u,
   headingLevel: g,
-  id: $,
+  id: O,
   ariaLabel: A = "Tabs",
-  ariaLabelledBy: K,
+  ariaLabelledBy: M,
   panelId: p
 }) => {
-  const M = l || (o[0] ? o[0].id : ""), [m, w] = F(M), [h, y] = F(!1), T = d ?? o?.length, f = o.slice(0, T), u = o.slice(T), b = u.find((e) => e.id === m), E = o.some((e) => e.renderTabContent), k = U($, "tabs"), R = j(() => {
-    const e = f.filter((s) => !s.disabled), t = u.filter((s) => !s.disabled), n = e.map((s) => s.id);
+  const K = i || (o[0] ? o[0].id : ""), [b, h] = $(K), [w, y] = $(!1), T = u ?? o?.length, f = o.slice(0, T), c = o.slice(T), s = c.find((e) => e.id === b), E = o.some((e) => e.renderTabContent), k = U(O, "tabs"), R = j(() => {
+    const e = f.filter((l) => !l.disabled), t = c.filter((l) => !l.disabled), n = e.map((l) => l.id);
     return t.length > 0 ? [...n, "overflow"] : n;
-  }, [f, u]), {
+  }, [f, c]), {
     getTabProps: I,
     getPanelProps: S,
     getTabListProps: _,
@@ -37,17 +37,17 @@ const re = ({
     setFocusedTabId: C
   } = V({
     itemIds: R,
-    activeItem: m,
+    activeItem: b,
     orientation: "horizontal",
     idBase: k,
     includePanelLinks: E || !!p,
     externalPanelId: p
-  }), P = L(null), v = L(!1);
+  }), P = F(null), v = F(!1);
   B(() => {
-    w(l || "");
-  }, [l]);
+    h(i || "");
+  }, [i]);
   const N = (e) => {
-    w(e?.id), c?.(e?.id);
+    h(e?.id), m?.(e?.id);
   }, D = (e, t) => e.id === t;
   if (g && o.length === 1) {
     const e = o[0];
@@ -59,18 +59,18 @@ const re = ({
       className: "tab-content block"
     }, e?.renderTabContent && e?.renderTabContent(e))));
   }
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", i({
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", d({
     className: "se-design-tabs flex items-stretch relative border rounded-md border-[var(--color-gray-400)] w-fit",
     "data-automation-id": "tabs-container"
   }, _({
     ariaLabel: A,
-    ariaLabelledBy: K
+    ariaLabelledBy: M
   })), f.map((e) => {
-    const t = m === e.id, n = !!e.disabled, s = I(e.id);
-    return /* @__PURE__ */ r.createElement("button", i({
+    const t = b === e.id, n = !!e.disabled, l = I(e.id);
+    return /* @__PURE__ */ r.createElement("button", d({
       type: "button",
       key: e.id
-    }, s, {
+    }, l, {
       disabled: n,
       "aria-label": e.ariaLabel,
       onFocus: () => !n && C(e.id),
@@ -79,7 +79,7 @@ const re = ({
       className: `se-design-tab-item flex items-center text-base px-3 py-0.5 min-w-0 border-l first:border-l-0 first:rounded-l-[0.3rem] last:rounded-r-[0.3rem] border-[var(--color-gray-400)] ${n ? "" : "focus-outline"} ${n ? "text-[var(--color-gray-400)] cursor-not-allowed" : t ? "se-design-tab-item-active text-[var(--color-white)] bg-[var(--color-blue-500)] font-medium hover:cursor-pointer" : "text-[var(--color-gray-700)] font-normal hover:bg-[var(--color-gray-50)] hover:text-[var(--color-gray-900)] cursor-pointer transition-all duration-200 ease-in-out"}`,
       "data-automation-id": `tab-item-${e.automationId || e.id || ""}`
     }), e.label);
-  }), u.length > 0 && /* @__PURE__ */ r.createElement(z, {
+  }), c.length > 0 && /* @__PURE__ */ r.createElement(z, {
     className: "se-design-overflow-tabs",
     position: "bottom-left",
     noBorder: !0,
@@ -91,12 +91,14 @@ const re = ({
       displayPopover: e,
       togglePopover: t
     }) => {
-      const n = I("overflow"), s = b ? q(b.id, k) : void 0;
-      return /* @__PURE__ */ r.createElement("div", i({}, n, {
+      const n = I("overflow"), l = s ? q(s.id, k) : void 0;
+      return /* @__PURE__ */ r.createElement("div", d({}, n, {
         ref: (a) => {
           P.current = a, n.ref(a);
         },
-        "aria-controls": s,
+        "aria-selected": !!s,
+        "aria-label": s?.label ? void 0 : `More tabs (${c.length})`,
+        "aria-controls": l,
         "aria-haspopup": "true",
         "aria-expanded": e,
         onClick: () => {
@@ -107,24 +109,24 @@ const re = ({
         onKeyDown: (a) => {
           a.key === "Enter" || a.key === " " || a.key === "ArrowDown" ? (a.preventDefault(), v.current = !0, t(!0)) : a.key === "ArrowUp" ? (a.preventDefault(), v.current = !0, t("last")) : x(a);
         },
-        className: `overflow-tabs-src-element focus-outline border-l px-3 py-0.5 rounded-r-md font-medium hover:cursor-pointer transition-all duration-200 ease-in-out ${e ? "bg-[var(--color-blue-100)]" : ""} ${b?.label ? "bg-[var(--color-blue-500)]" : "hover:bg-[var(--color-gray-50)]"}`,
+        className: `overflow-tabs-src-element focus-outline border-l px-3 py-0.5 rounded-r-md font-medium hover:cursor-pointer transition-all duration-200 ease-in-out ${e ? "bg-[var(--color-blue-100)]" : ""} ${s?.label ? "bg-[var(--color-blue-500)]" : "hover:bg-[var(--color-gray-50)]"}`,
         onMouseEnter: () => y(!0),
         onMouseLeave: () => y(!1)
-      }), b?.label ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", {
+      }), s?.label ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", {
         className: "text-[var(--color-white)]"
-      }, b?.label), /* @__PURE__ */ r.createElement(O, {
+      }, s?.label), /* @__PURE__ */ r.createElement(L, {
         name: "chevron",
         rotation: e ? "180" : "0",
-        stroke: h ? "var(--color-gray-100)" : "var(--color-white)"
-      })) : /* @__PURE__ */ r.createElement(O, {
+        stroke: w ? "var(--color-gray-100)" : "var(--color-white)"
+      })) : /* @__PURE__ */ r.createElement(L, {
         name: "kebab-menu",
-        fill: h ? "var(--color-gray-900)" : "var(--color-gray-700)"
+        fill: w ? "var(--color-gray-900)" : "var(--color-gray-700)"
       }));
     },
     renderPopoverContents: ({
       closePopoverCb: e
     }) => /* @__PURE__ */ r.createElement(H, {
-      items: u.map((t) => ({
+      items: c.map((t) => ({
         id: t?.id,
         label: t?.label,
         automationId: t?.automationId || t?.id,
@@ -135,11 +137,11 @@ const re = ({
     })
   })), E && /* @__PURE__ */ r.createElement("div", {
     className: "se-design-tabs-content"
-  }, o.map((e) => /* @__PURE__ */ r.createElement("div", i({
+  }, o.map((e) => /* @__PURE__ */ r.createElement("div", d({
     key: e.id
   }, S(e.id), {
-    className: `tab-content ${D(e, m) ? "block" : "hidden"}`
-  }), D(e, m) && e.renderTabContent?.(e)))));
+    className: `tab-content ${D(e, b) ? "block" : "hidden"}`
+  }), D(e, b) && e.renderTabContent?.(e)))));
 };
 export {
   re as Tabs