@activecollab/components 1.0.415 → 2.0.1

package/dist/cjs/components/CommandPalette/CommandPalette.styles.js

@@ -9,59 +9,49 @@ var _FontStyle = require("../FontStyle");
 var _BreakPoints = require("../BreakPoints");
 var _Loaders = require("../Loaders");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledCommandPalette = _styledComponents.default.div.withConfig({
+var StyledCommandPalette = exports.StyledCommandPalette = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPalette",
   componentId: "sc-na3mad-0"
 })(["", " background-color:var(--page-paper-main);border-radius:10px;box-sizing:border-box;max-width:600px;mark{background-color:var(--color-primary-300);color:var(--color-theme-900);}"], _FontStyle.FontStyle);
-exports.StyledCommandPalette = StyledCommandPalette;
-var StyledCommandPaletteWrapper = _styledComponents.default.div.withConfig({
+var StyledCommandPaletteWrapper = exports.StyledCommandPaletteWrapper = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteWrapper",
   componentId: "sc-na3mad-1"
 })(["overflow-x:hidden;overflow-y:auto;max-height:450px;&:not(:empty){border-top:1px solid var(--color-theme-400);padding-bottom:8px;padding-top:8px;}"]);
-exports.StyledCommandPaletteWrapper = StyledCommandPaletteWrapper;
-var StyledCommandPaletteHeader = _styledComponents.default.div.withConfig({
+var StyledCommandPaletteHeader = exports.StyledCommandPaletteHeader = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteHeader",
   componentId: "sc-na3mad-2"
 })(["align-items:center;display:flex;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;"]);
-exports.StyledCommandPaletteHeader = StyledCommandPaletteHeader;
-var StyledSearchIcon = _styledComponents.default.div.withConfig({
+var StyledSearchIcon = exports.StyledSearchIcon = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledSearchIcon",
   componentId: "sc-na3mad-3"
 })(["margin-right:8px;svg{vertical-align:middle;}"]);
-exports.StyledSearchIcon = StyledSearchIcon;
-var StyledInput = _styledComponents.default.input.withConfig({
+var StyledInput = exports.StyledInput = _styledComponents.default.input.withConfig({
   displayName: "CommandPalettestyles__StyledInput",
   componentId: "sc-na3mad-4"
 })(["all:unset;caret-color:var(--color-primary);color:var(--color-theme-900);width:100%;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type=\"search\"]::-webkit-search-decoration,&[type=\"search\"]::-webkit-search-cancel-button,&[type=\"search\"]::-webkit-search-results-button,&[type=\"search\"]::-webkit-search-results-decoration{-webkit-appearance:none;}&[type=\"number\"]{-moz-appearance:textfield;}::placeholder{color:var(--color-theme-transparent-500);}::selection{background:var(--color-primary-300);}"], _BreakPoints.screen.sm);
-exports.StyledInput = StyledInput;
-var StyledParameter = _styledComponents.default.span.withConfig({
+var StyledParameter = exports.StyledParameter = _styledComponents.default.span.withConfig({
   displayName: "CommandPalettestyles__StyledParameter",
   componentId: "sc-na3mad-5"
 })(["color:var(--color-theme-transparent-500);margin-right:8px;flex-shrink:0;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}"], _BreakPoints.screen.sm);
-exports.StyledParameter = StyledParameter;
-var StyledActionWrapper = _styledComponents.default.div.withConfig({
+var StyledActionWrapper = exports.StyledActionWrapper = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledActionWrapper",
   componentId: "sc-na3mad-6"
 })(["align-items:center;display:flex;gap:8px;"]);
-exports.StyledActionWrapper = StyledActionWrapper;
-var StyledIcon = _styledComponents.default.div.withConfig({
+var StyledIcon = exports.StyledIcon = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledIcon",
   componentId: "sc-na3mad-7"
 })(["margin-right:8px;svg{vertical-align:middle;}"]);
-exports.StyledIcon = StyledIcon;
-var StyledCommandPaletteList = _styledComponents.default.ul.withConfig({
+var StyledCommandPaletteList = exports.StyledCommandPaletteList = _styledComponents.default.ul.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteList",
   componentId: "sc-na3mad-8"
 })(["list-style-type:none;margin:0;padding:0;overflow:hidden;&:not(:first-child){border-top:1px solid var(--color-theme-400);}"]);
-exports.StyledCommandPaletteList = StyledCommandPaletteList;
-var StyledHeading = _styledComponents.default.p.withConfig({
+var StyledHeading = exports.StyledHeading = _styledComponents.default.p.withConfig({
   displayName: "CommandPalettestyles__StyledHeading",
   componentId: "sc-na3mad-9"
 })(["font-size:12px;margin-top:12px;margin-bottom:4px;font-weight:bold;padding-left:18px;letter-spacing:0.5px;color:var(--color-theme-600);"]);
 
 // prettier-ignore
-exports.StyledHeading = StyledHeading;
-var StyledCommandPaletteItem = _styledComponents.default.a.withConfig({
+var StyledCommandPaletteItem = exports.StyledCommandPaletteItem = _styledComponents.default.a.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteItem",
   componentId: "sc-na3mad-10"
 })(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;background-color:", ";&:focus{background-color:var(--color-theme-200);}&::before{display:", ";background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}&:focus{outline:none;}"], function (_ref) {
@@ -71,20 +61,16 @@ var StyledCommandPaletteItem = _styledComponents.default.a.withConfig({
   var $selected = _ref2.$selected;
   return $selected ? "block" : "none";
 });
-exports.StyledCommandPaletteItem = StyledCommandPaletteItem;
-var StyledCommandPaletteCommandItem = (0, _styledComponents.default)(StyledCommandPaletteItem).withConfig({
+var StyledCommandPaletteCommandItem = exports.StyledCommandPaletteCommandItem = (0, _styledComponents.default)(StyledCommandPaletteItem).withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteCommandItem",
   componentId: "sc-na3mad-11"
 })(["user-select:none;"]);
-exports.StyledCommandPaletteCommandItem = StyledCommandPaletteCommandItem;
-var StyledSpinnerLoader = (0, _styledComponents.default)(_Loaders.SpinnerLoader).withConfig({
+var StyledSpinnerLoader = exports.StyledSpinnerLoader = (0, _styledComponents.default)(_Loaders.SpinnerLoader).withConfig({
   displayName: "CommandPalettestyles__StyledSpinnerLoader",
   componentId: "sc-na3mad-12"
 })(["margin-right:4px;"]);
-exports.StyledSpinnerLoader = StyledSpinnerLoader;
-var StyledCommandPaletteItemLoader = _styledComponents.default.div.withConfig({
+var StyledCommandPaletteItemLoader = exports.StyledCommandPaletteItemLoader = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteItemLoader",
   componentId: "sc-na3mad-13"
 })(["align-items:center;display:flex;gap:8px;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;pointer-events:none;user-select:none;"]);
-exports.StyledCommandPaletteItemLoader = StyledCommandPaletteItemLoader;
 //# sourceMappingURL=CommandPalette.styles.js.map

package/dist/cjs/components/CommandPalette/CommandPalette.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.styles.js","names":["StyledCommandPalette","styled","div","FontStyle","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","screen","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","$selected","StyledCommandPaletteCommandItem","StyledSpinnerLoader","SpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { SpinnerLoader } from \"../Loaders\";\n\nexport const StyledCommandPalette = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n\n  mark {\n    background-color: var(--color-primary-300);\n    color: var(--color-theme-900);\n  }\n`;\n\nexport const StyledCommandPaletteWrapper = styled.div`\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 450px;\n\n  &:not(:empty) {\n    border-top: 1px solid var(--color-theme-400);\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n`;\n\nexport const StyledCommandPaletteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  width: 100%;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &[type=\"search\"]::-webkit-search-decoration,\n  &[type=\"search\"]::-webkit-search-cancel-button,\n  &[type=\"search\"]::-webkit-search-results-button,\n  &[type=\"search\"]::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  &[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ::selection {\n    background: var(--color-primary-300);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  margin-right: 8px;\n  flex-shrink: 0;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPaletteList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    border-top: 1px solid var(--color-theme-400);\n  }\n`;\n\nexport const StyledHeading = styled.p`\n  font-size: 12px;\n  margin-top: 12px;\n  margin-bottom: 4px;\n  font-weight: bold;\n  padding-left: 18px;\n  letter-spacing: 0.5px;\n  color: var(--color-theme-600);\n`;\n\n// prettier-ignore\nexport const StyledCommandPaletteItem = styled.a<{$selected: boolean}>`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n  background-color: ${({$selected}) => $selected ? \"var(--color-theme-200)\" : \"transparent\"};\n\n  &:focus {\n    background-color: var(--color-theme-200);\n  }\n\n  &::before {\n    display: ${({$selected}) => $selected ? \"block\" : \"none\"};\n    background-color: var(--color-primary);\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    width: 2px;\n    }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem)`\n  user-select: none;\n`;\n\nexport const StyledSpinnerLoader = styled(SpinnerLoader)`\n  margin-right: 4px;\n`;\n\nexport const StyledCommandPaletteItemLoader = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  pointer-events: none;\n  user-select: none;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA2C;AAEpC,IAAMA,oBAAoB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,4LAC1CC,oBAAS,CAUZ;AAAC;AAEK,IAAMC,2BAA2B,GAAGH,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,yJAUpD;AAAC;AAEK,IAAMG,0BAA0B,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,kHAOnD;AAAC;AAEK,IAAMI,gBAAgB,GAAGL,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMzC;AAAC;AAEK,IAAMK,WAAW,GAAGN,yBAAM,CAACO,KAAK;EAAA;EAAA;AAAA,wnBAMnCC,mBAAM,CAACC,EAAE,CA+BZ;AAAC;AAEK,IAAMC,eAAe,GAAGV,yBAAM,CAACW,IAAI;EAAA;EAAA;AAAA,4JAKtCH,mBAAM,CAACC,EAAE,CAMZ;AAAC;AAEK,IAAMG,mBAAmB,GAAGZ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,gDAI5C;AAAC;AAEK,IAAMY,UAAU,GAAGb,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMnC;AAAC;AAEK,IAAMa,wBAAwB,GAAGd,yBAAM,CAACe,EAAE;EAAA;EAAA;AAAA,iIAShD;AAAC;AAEK,IAAMC,aAAa,GAAGhB,yBAAM,CAACiB,CAAC;EAAA;EAAA;AAAA,8IAQpC;;AAED;AAAA;AACO,IAAMC,wBAAwB,GAAGlB,yBAAM,CAACmB,CAAC;EAAA;EAAA;AAAA,2WAS1B;EAAA,IAAEC,SAAS,QAATA,SAAS;EAAA,OAAMA,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5E;EAAA,IAAEA,SAAS,SAATA,SAAS;EAAA,OAAMA,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAAC;AAEK,IAAMC,+BAA+B,GAAG,IAAArB,yBAAM,EAACkB,wBAAwB,CAAC;EAAA;EAAA;AAAA,yBAE9E;AAAC;AAEK,IAAMI,mBAAmB,GAAG,IAAAtB,yBAAM,EAACuB,sBAAa,CAAC;EAAA;EAAA;AAAA,yBAEvD;AAAC;AAEK,IAAMC,8BAA8B,GAAGxB,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,+JAUvD;AAAC"}
+{"version":3,"file":"CommandPalette.styles.js","names":["_styledComponents","_interopRequireDefault","require","_FontStyle","_BreakPoints","_Loaders","obj","__esModule","default","StyledCommandPalette","exports","styled","div","withConfig","displayName","componentId","FontStyle","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","screen","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","_ref","$selected","_ref2","StyledCommandPaletteCommandItem","StyledSpinnerLoader","SpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { SpinnerLoader } from \"../Loaders\";\n\nexport const StyledCommandPalette = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n\n  mark {\n    background-color: var(--color-primary-300);\n    color: var(--color-theme-900);\n  }\n`;\n\nexport const StyledCommandPaletteWrapper = styled.div`\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 450px;\n\n  &:not(:empty) {\n    border-top: 1px solid var(--color-theme-400);\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n`;\n\nexport const StyledCommandPaletteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  width: 100%;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &[type=\"search\"]::-webkit-search-decoration,\n  &[type=\"search\"]::-webkit-search-cancel-button,\n  &[type=\"search\"]::-webkit-search-results-button,\n  &[type=\"search\"]::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  &[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ::selection {\n    background: var(--color-primary-300);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  margin-right: 8px;\n  flex-shrink: 0;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPaletteList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    border-top: 1px solid var(--color-theme-400);\n  }\n`;\n\nexport const StyledHeading = styled.p`\n  font-size: 12px;\n  margin-top: 12px;\n  margin-bottom: 4px;\n  font-weight: bold;\n  padding-left: 18px;\n  letter-spacing: 0.5px;\n  color: var(--color-theme-600);\n`;\n\n// prettier-ignore\nexport const StyledCommandPaletteItem = styled.a<{$selected: boolean}>`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n  background-color: ${({$selected}) => $selected ? \"var(--color-theme-200)\" : \"transparent\"};\n\n  &:focus {\n    background-color: var(--color-theme-200);\n  }\n\n  &::before {\n    display: ${({$selected}) => $selected ? \"block\" : \"none\"};\n    background-color: var(--color-primary);\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    width: 2px;\n    }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem)`\n  user-select: none;\n`;\n\nexport const StyledSpinnerLoader = styled(SpinnerLoader)`\n  margin-right: 4px;\n`;\n\nexport const StyledCommandPaletteItemLoader = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  pointer-events: none;\n  user-select: none;\n`;\n"],"mappings":"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"}

package/dist/cjs/components/CommandPalette/CommandPaletteCommandItem.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,13 +12,13 @@ var _Typography = require("../Typography/Typography");
 var _CommandPalette = require("./CommandPalette.styles");
 var _context = require("./context");
 var _excluded = ["title", "renderIcon", "className", "index", "as"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var CommandPaletteCommandItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var CommandPaletteCommandItem = exports.CommandPaletteCommandItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var title = _ref.title,
     renderIcon = _ref.renderIcon,
     className = _ref.className,
@@ -49,7 +48,6 @@ var CommandPaletteCommandItem = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     color: "primary"
   }, title), /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null)));
 });
-exports.CommandPaletteCommandItem = CommandPaletteCommandItem;
 CommandPaletteCommandItem.displayName = "CommandPaletteCommandItem";
 var _StyledTypography = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "CommandPaletteCommandItem___StyledTypography",

package/dist/cjs/components/CommandPalette/CommandPaletteCommandItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteCommandItem.js","names":["CommandPaletteCommandItem","forwardRef","ref","title","renderIcon","className","index","as","rest","Component","icon","useSelectedContext","selected","setSelected","onMouseEnter","classNames","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\nimport {\n  StyledCommandPaletteCommandItem,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\n\nexport interface CommandPaletteCommandItemProps\n  extends CommandPaletteItemProps {\n  title: string;\n  renderIcon: () => ReactNode;\n}\n\nexport type PolymorphicCommandPaletteCommandItemProps<C extends ElementType> =\n  PolymorphicComponentPropsWithRef<C, CommandPaletteCommandItemProps>;\n\nexport type CommandPaletteComponent = <\n  C extends ElementType = typeof CommandPaletteCommandItem\n>(\n  props: PolymorphicCommandPaletteCommandItemProps<C>\n) => ReactElement | null;\n\nexport const CommandPaletteCommandItem: CommandPaletteComponent & {\n  displayName?: string;\n} = forwardRef(\n  <C extends ElementType = typeof CommandPaletteCommandItem>(\n    {\n      title,\n      renderIcon,\n      className,\n      index,\n      as,\n      ...rest\n    }: PolymorphicCommandPaletteCommandItemProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n    const icon = renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n\n    const onMouseEnter = () => {\n      setSelected(index as number);\n    };\n\n    return (\n      <li>\n        <StyledCommandPaletteCommandItem\n          {...rest}\n          as={Component}\n          ref={ref}\n          className={classNames(\"cp-item cp-command\", className)}\n          tabIndex={1}\n          aria-selected={selected === index}\n          onMouseEnter={onMouseEnter}\n          $selected={index === selected}\n        >\n          <StyledIcon>{icon}</StyledIcon>\n          <Typography\n            overflow=\"truncate\"\n            whitespace=\"no-wrap\"\n            variant=\"Body 1\"\n            color=\"primary\"\n            css={`\n              flex: 1;\n            `}\n          >\n            {title}\n          </Typography>\n          <ArrowRightIcon />\n        </StyledCommandPaletteCommandItem>\n      </li>\n    );\n  }\n);\n\nCommandPaletteCommandItem.displayName = \"CommandPaletteCommandItem\";\n"],"mappings":";;;;;;;;AAAA;AACA;AAKA;AACA;AACA;AAKA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBxC,IAAMA,yBAEZ,gBAAG,IAAAC,iBAAU,EACZ,gBASEC,GAAuB,EACpB;EAAA,IARDC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAIT,IAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,IAAMG,IAAI,GAAGN,UAAU,EAAE;EACzB,0BAAkC,IAAAO,2BAAkB,GAAE;IAA9CC,QAAQ,uBAARA,QAAQ;IAAEC,WAAW,uBAAXA,WAAW;EAE7B,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAS;IACzBD,WAAW,CAACP,KAAK,CAAW;EAC9B,CAAC;EAED,oBACE,sDACE,6BAAC,+CAA+B,eAC1BE,IAAI;IACR,EAAE,EAAEC,SAAU;IACd,GAAG,EAAEP,GAAI;IACT,SAAS,EAAE,IAAAa,mBAAU,EAAC,oBAAoB,EAAEV,SAAS,CAAE;IACvD,QAAQ,EAAE,CAAE;IACZ,iBAAeO,QAAQ,KAAKN,KAAM;IAClC,YAAY,EAAEQ,YAAa;IAC3B,SAAS,EAAER,KAAK,KAAKM;EAAS,iBAE9B,6BAAC,0BAAU,QAAEF,IAAI,CAAc,eAC/B;IACE,QAAQ,EAAC,UAAU;IACnB,UAAU,EAAC,SAAS;IACpB,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAC;EAAS,GAKdP,KAAK,CACK,eACb,6BAAC,qBAAc,OAAG,CACc,CAC/B;AAET,CAAC,CACF;AAAC;AAEFH,yBAAyB,CAACgB,WAAW,GAAG,2BAA2B;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"file":"CommandPaletteCommandItem.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Icons","_Typography","_CommandPalette","_context","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CommandPaletteCommandItem","exports","forwardRef","_ref","ref","title","renderIcon","className","index","as","rest","Component","icon","_useSelectedContext","useSelectedContext","selected","setSelected","onMouseEnter","createElement","StyledCommandPaletteCommandItem","classNames","tabIndex","$selected","StyledIcon","_StyledTypography","overflow","whitespace","variant","color","ArrowRightIcon","displayName","_styledComponents","Typography","withConfig","componentId"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\nimport {\n  StyledCommandPaletteCommandItem,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\n\nexport interface CommandPaletteCommandItemProps\n  extends CommandPaletteItemProps {\n  title: string;\n  renderIcon: () => ReactNode;\n}\n\nexport type PolymorphicCommandPaletteCommandItemProps<C extends ElementType> =\n  PolymorphicComponentPropsWithRef<C, CommandPaletteCommandItemProps>;\n\nexport type CommandPaletteComponent = <\n  C extends ElementType = typeof CommandPaletteCommandItem\n>(\n  props: PolymorphicCommandPaletteCommandItemProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const CommandPaletteCommandItem: CommandPaletteComponent & {\n  displayName?: string;\n} = forwardRef(\n  <C extends ElementType = typeof CommandPaletteCommandItem>(\n    {\n      title,\n      renderIcon,\n      className,\n      index,\n      as,\n      ...rest\n    }: PolymorphicCommandPaletteCommandItemProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n    const icon = renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n\n    const onMouseEnter = () => {\n      setSelected(index as number);\n    };\n\n    return (\n      <li>\n        <StyledCommandPaletteCommandItem\n          {...rest}\n          as={Component}\n          ref={ref}\n          className={classNames(\"cp-item cp-command\", className)}\n          tabIndex={1}\n          aria-selected={selected === index}\n          onMouseEnter={onMouseEnter}\n          $selected={index === selected}\n        >\n          <StyledIcon>{icon}</StyledIcon>\n          <Typography\n            overflow=\"truncate\"\n            whitespace=\"no-wrap\"\n            variant=\"Body 1\"\n            color=\"primary\"\n            css={`\n              flex: 1;\n            `}\n          >\n            {title}\n          </Typography>\n          <ArrowRightIcon />\n        </StyledCommandPaletteCommandItem>\n      </li>\n    );\n  }\n);\n\nCommandPaletteCommandItem.displayName = \"CommandPaletteCommandItem\";\n"],"mappings":";;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAKA,IAAAM,QAAA,GAAAN,OAAA;AAA+C,IAAAO,SAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAlB,uBAAA8B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAV,CAAA,MAAAP,MAAA,CAAAsB,qBAAA,QAAAC,gBAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAT,CAAA,MAAAA,CAAA,GAAAgB,gBAAA,CAAAR,MAAA,EAAAR,CAAA,MAAAU,GAAA,GAAAM,gBAAA,CAAAhB,CAAA,OAAAa,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAjB,MAAA,CAAAI,SAAA,CAAAqB,oBAAA,CAAAnB,IAAA,CAAAU,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAA1B,MAAA,CAAA2B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAV,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAmB,UAAA,CAAAX,MAAA,EAAAR,CAAA,MAAAU,GAAA,GAAAS,UAAA,CAAAnB,CAAA,OAAAa,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAiBxC,IAAMe,yBAEZ,GAAAC,OAAA,CAAAD,yBAAA,gBAAG,IAAAE,iBAAU,EACZ,UAAAC,IAAA,EASEC,GAAuB,EACpB;EAAA,IARDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,EAAE,GAAAN,IAAA,CAAFM,EAAE;IACCC,IAAI,GAAAnB,wBAAA,CAAAY,IAAA,EAAA5C,SAAA;EAIT,IAAMoD,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,IAAMG,IAAI,GAAGN,UAAU,CAAC,CAAC;EACzB,IAAAO,mBAAA,GAAkC,IAAAC,2BAAkB,EAAC,CAAC;IAA9CC,QAAQ,GAAAF,mBAAA,CAARE,QAAQ;IAAEC,WAAW,GAAAH,mBAAA,CAAXG,WAAW;EAE7B,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACzBD,WAAW,CAACR,KAAe,CAAC;EAC9B,CAAC;EAED,oBACEvD,MAAA,CAAAa,OAAA,CAAAoD,aAAA,0BACEjE,MAAA,CAAAa,OAAA,CAAAoD,aAAA,CAAC7D,eAAA,CAAA8D,+BAA+B,EAAArC,QAAA,KAC1B4B,IAAI;IACRD,EAAE,EAAEE,SAAU;IACdP,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAE,IAAAa,mBAAU,EAAC,oBAAoB,EAAEb,SAAS,CAAE;IACvDc,QAAQ,EAAE,CAAE;IACZ,iBAAeN,QAAQ,KAAKP,KAAM;IAClCS,YAAY,EAAEA,YAAa;IAC3BK,SAAS,EAAEd,KAAK,KAAKO;EAAS,iBAE9B9D,MAAA,CAAAa,OAAA,CAAAoD,aAAA,CAAC7D,eAAA,CAAAkE,UAAU,QAAEX,IAAiB,CAAC,eAC/B3D,MAAA,CAAAa,OAAA,CAAAoD,aAAA,CAAAM,iBAAA;IACEC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC;EAAS,GAKdvB,KACS,CAAC,eACbpD,MAAA,CAAAa,OAAA,CAAAoD,aAAA,CAAC/D,MAAA,CAAA0E,cAAc,MAAE,CACc,CAC/B,CAAC;AAET,CACF,CAAC;AAED7B,yBAAyB,CAAC8B,WAAW,GAAG,2BAA2B;AAAC,IAAAN,iBAAA,OAAAO,iBAAA,CAAAjE,OAAA,EAAAV,WAAA,CAAA4E,UAAA,EAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA"}

package/dist/cjs/components/CommandPalette/CommandPaletteHeader.js

@@ -12,10 +12,9 @@ var _CommandPalette = require("./CommandPalette.styles");
 var _context = require("./context");
 var _ModeContext = require("./context/ModeContext");
 var _SearchContext = require("./context/SearchContext");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var CommandPaletteHeader = exports.CommandPaletteHeader = function CommandPaletteHeader(_ref) {
   var _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     commandsLength = _ref.commandsLength,
@@ -55,7 +54,7 @@ var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
     focusInput();
   }, [mode]);
   var handleInputPlaceholder = (0, _react.useMemo)(function () {
-    if (_typeof(mode) === "object") {
+    if (typeof mode === "object") {
       return "Search";
     }
     if (mode === "id") {
@@ -77,7 +76,7 @@ var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledCommandPaletteHeader, {
     className: "cp-header"
-  }, /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledSearchIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.SearchLargeIcon, null)), mode === "id" ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledParameter, null, "ID#:") : null, _typeof(mode) === "object" ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledParameter, null, mode.name.length > 10 ? mode.name.slice(0, 10) + "..." : mode.name, "/") : null, /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledInput, {
+  }, /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledSearchIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.SearchLargeIcon, null)), mode === "id" ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledParameter, null, "ID#:") : null, typeof mode === "object" ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledParameter, null, mode.name.length > 10 ? mode.name.slice(0, 10) + "..." : mode.name, "/") : null, /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledInput, {
     ref: inputRef,
     autoFocus: true,
     placeholder: handleInputPlaceholder,
@@ -105,7 +104,7 @@ var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
     "aria-valuemax": 100,
     "aria-valuemin": 0,
     role: "progressbar"
-  }) : null, mode !== "id" && _typeof(mode) !== "object" && idModeEnabled && search.length === 0 ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+  }) : null, mode !== "id" && typeof mode !== "object" && idModeEnabled && search.length === 0 ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
     title: "Search by ID",
     placement: "top"
   }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
@@ -120,7 +119,7 @@ var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
       clearInput();
     },
     variant: "text gray"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.HashtagIcon, null))) : null, search.length > 0 || mode === "id" || _typeof(mode) === "object" ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.HashtagIcon, null))) : null, search.length > 0 || mode === "id" || typeof mode === "object" ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
     title: "Clear",
     placement: "top"
   }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
@@ -139,6 +138,5 @@ var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, null))) : null));
 };
-exports.CommandPaletteHeader = CommandPaletteHeader;
 CommandPaletteHeader.displayName = "CommandPaletteItem";
 //# sourceMappingURL=CommandPaletteHeader.js.map

package/dist/cjs/components/CommandPalette/CommandPaletteHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteHeader.js","names":["CommandPaletteHeader","loading","commandsLength","itemsLength","inputRef","useRef","useModeContext","mode","setMode","idModeEnabled","useSelectedContext","setSelected","selected","useSearchContext","search","onChangeSearch","focusInput","current","focus","clearInput","value","useEffect","length","handleInputPlaceholder","useMemo","handleKeyDown","e","key","target","selectedItem","document","querySelectorAll","click","name","slice","inputText","startsWith","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteHeader.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport {\n  StyledActionWrapper,\n  StyledCommandPaletteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n  StyledSpinnerLoader,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\n\nimport { useModeContext } from \"./context/ModeContext\";\nimport { useSearchContext } from \"./context/SearchContext\";\n\nexport interface CommandPaletteHeaderProps {\n  loading?: boolean;\n  commandsLength: number;\n  itemsLength: number;\n}\n\nexport const CommandPaletteHeader = ({\n  loading = false,\n  commandsLength,\n  itemsLength,\n}: CommandPaletteHeaderProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { mode, setMode, idModeEnabled } = useModeContext();\n  const { setSelected, selected } = useSelectedContext();\n  const { search, onChangeSearch } = useSearchContext();\n\n  const focusInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const clearInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.value = \"\";\n      onChangeSearch(\"\");\n    }\n  };\n\n  useEffect(() => {\n    if (search.length > 0) {\n      if (itemsLength > commandsLength) {\n        setSelected(commandsLength);\n      } else {\n        setSelected(0);\n      }\n    }\n  }, [search, commandsLength, itemsLength, setSelected]);\n\n  useEffect(() => {\n    focusInput();\n  }, [mode]);\n\n  const handleInputPlaceholder = useMemo(() => {\n    if (typeof mode === \"object\") {\n      return \"Search\";\n    }\n\n    if (mode === \"id\") {\n      return \"1\";\n    }\n\n    return \"Search or jump to\";\n  }, [mode]);\n\n  const handleKeyDown = (e) => {\n    if (\n      e.key === \"Backspace\" &&\n      mode !== \"default\" &&\n      (e.target as HTMLInputElement).value === \"\"\n    ) {\n      setMode(\"default\");\n      clearInput();\n    }\n\n    if (e.key === \"Enter\") {\n      const selectedItem = document.querySelectorAll(\".cp-item\")[\n        selected\n      ] as HTMLElement;\n\n      if (itemsLength > 0) {\n        selectedItem.click();\n      }\n    }\n  };\n\n  return (\n    <StyledCommandPaletteHeader className=\"cp-header\">\n      <StyledSearchIcon>\n        <SearchLargeIcon />\n      </StyledSearchIcon>\n\n      {mode === \"id\" ? <StyledParameter>ID#:</StyledParameter> : null}\n      {typeof mode === \"object\" ? (\n        <StyledParameter>\n          {mode.name.length > 10 ? mode.name.slice(0, 10) + \"...\" : mode.name}/\n        </StyledParameter>\n      ) : null}\n\n      <StyledInput\n        ref={inputRef}\n        autoFocus\n        placeholder={handleInputPlaceholder}\n        type=\"search\"\n        aria-autocomplete=\"list\"\n        autoCapitalize=\"none\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        role=\"combobox\"\n        spellCheck={false}\n        value={search}\n        onKeyDown={handleKeyDown}\n        onChange={(e) => {\n          const inputText = e.target.value;\n\n          if (\n            inputText.startsWith(\"#\") &&\n            idModeEnabled &&\n            search.length === 0\n          ) {\n            setMode(\"id\");\n            onChangeSearch(inputText.slice(1));\n            return;\n          }\n\n          onChangeSearch(inputText);\n        }}\n      />\n\n      <StyledActionWrapper>\n        {loading ? (\n          <StyledSpinnerLoader\n            aria-busy={true}\n            aria-label=\"Loading...\"\n            aria-valuemax={100}\n            aria-valuemin={0}\n            role=\"progressbar\"\n          />\n        ) : null}\n\n        {mode !== \"id\" &&\n        typeof mode !== \"object\" &&\n        idModeEnabled &&\n        search.length === 0 ? (\n          <Tooltip title=\"Search by ID\" placement=\"top\">\n            <IconButton\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"id\");\n                  clearInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"id\");\n                clearInput();\n              }}\n              variant=\"text gray\"\n            >\n              <HashtagIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n\n        {search.length > 0 || mode === \"id\" || typeof mode === \"object\" ? (\n          <Tooltip title=\"Clear\" placement=\"top\">\n            <IconButton\n              variant=\"text gray\"\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"default\");\n                  clearInput();\n                  focusInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"default\");\n                clearInput();\n                focusInput();\n              }}\n            >\n              <CloseIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n      </StyledActionWrapper>\n    </StyledCommandPaletteHeader>\n  );\n};\n\nCommandPaletteHeader.displayName = \"CommandPaletteItem\";\n"],"mappings":"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"}
+{"version":3,"file":"CommandPaletteHeader.js","names":["_react","_interopRequireWildcard","require","_IconButton","_Icons","_Tooltip","_CommandPalette","_context","_ModeContext","_SearchContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CommandPaletteHeader","exports","_ref","_ref$loading","loading","commandsLength","itemsLength","inputRef","useRef","_useModeContext","useModeContext","mode","setMode","idModeEnabled","_useSelectedContext","useSelectedContext","setSelected","selected","_useSearchContext","useSearchContext","search","onChangeSearch","focusInput","current","focus","clearInput","value","useEffect","length","handleInputPlaceholder","useMemo","handleKeyDown","key","target","selectedItem","document","querySelectorAll","click","createElement","StyledCommandPaletteHeader","className","StyledSearchIcon","SearchLargeIcon","StyledParameter","name","slice","StyledInput","ref","autoFocus","placeholder","type","autoCapitalize","autoComplete","autoCorrect","role","spellCheck","onKeyDown","onChange","inputText","startsWith","StyledActionWrapper","StyledSpinnerLoader","Tooltip","title","placement","IconButton","onKeyPress","onClick","variant","HashtagIcon","CloseIcon","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteHeader.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport {\n  StyledActionWrapper,\n  StyledCommandPaletteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n  StyledSpinnerLoader,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\n\nimport { useModeContext } from \"./context/ModeContext\";\nimport { useSearchContext } from \"./context/SearchContext\";\n\nexport interface CommandPaletteHeaderProps {\n  loading?: boolean;\n  commandsLength: number;\n  itemsLength: number;\n}\n\nexport const CommandPaletteHeader = ({\n  loading = false,\n  commandsLength,\n  itemsLength,\n}: CommandPaletteHeaderProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { mode, setMode, idModeEnabled } = useModeContext();\n  const { setSelected, selected } = useSelectedContext();\n  const { search, onChangeSearch } = useSearchContext();\n\n  const focusInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const clearInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.value = \"\";\n      onChangeSearch(\"\");\n    }\n  };\n\n  useEffect(() => {\n    if (search.length > 0) {\n      if (itemsLength > commandsLength) {\n        setSelected(commandsLength);\n      } else {\n        setSelected(0);\n      }\n    }\n  }, [search, commandsLength, itemsLength, setSelected]);\n\n  useEffect(() => {\n    focusInput();\n  }, [mode]);\n\n  const handleInputPlaceholder = useMemo(() => {\n    if (typeof mode === \"object\") {\n      return \"Search\";\n    }\n\n    if (mode === \"id\") {\n      return \"1\";\n    }\n\n    return \"Search or jump to\";\n  }, [mode]);\n\n  const handleKeyDown = (e) => {\n    if (\n      e.key === \"Backspace\" &&\n      mode !== \"default\" &&\n      (e.target as HTMLInputElement).value === \"\"\n    ) {\n      setMode(\"default\");\n      clearInput();\n    }\n\n    if (e.key === \"Enter\") {\n      const selectedItem = document.querySelectorAll(\".cp-item\")[\n        selected\n      ] as HTMLElement;\n\n      if (itemsLength > 0) {\n        selectedItem.click();\n      }\n    }\n  };\n\n  return (\n    <StyledCommandPaletteHeader className=\"cp-header\">\n      <StyledSearchIcon>\n        <SearchLargeIcon />\n      </StyledSearchIcon>\n\n      {mode === \"id\" ? <StyledParameter>ID#:</StyledParameter> : null}\n      {typeof mode === \"object\" ? (\n        <StyledParameter>\n          {mode.name.length > 10 ? mode.name.slice(0, 10) + \"...\" : mode.name}/\n        </StyledParameter>\n      ) : null}\n\n      <StyledInput\n        ref={inputRef}\n        autoFocus\n        placeholder={handleInputPlaceholder}\n        type=\"search\"\n        aria-autocomplete=\"list\"\n        autoCapitalize=\"none\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        role=\"combobox\"\n        spellCheck={false}\n        value={search}\n        onKeyDown={handleKeyDown}\n        onChange={(e) => {\n          const inputText = e.target.value;\n\n          if (\n            inputText.startsWith(\"#\") &&\n            idModeEnabled &&\n            search.length === 0\n          ) {\n            setMode(\"id\");\n            onChangeSearch(inputText.slice(1));\n            return;\n          }\n\n          onChangeSearch(inputText);\n        }}\n      />\n\n      <StyledActionWrapper>\n        {loading ? (\n          <StyledSpinnerLoader\n            aria-busy={true}\n            aria-label=\"Loading...\"\n            aria-valuemax={100}\n            aria-valuemin={0}\n            role=\"progressbar\"\n          />\n        ) : null}\n\n        {mode !== \"id\" &&\n        typeof mode !== \"object\" &&\n        idModeEnabled &&\n        search.length === 0 ? (\n          <Tooltip title=\"Search by ID\" placement=\"top\">\n            <IconButton\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"id\");\n                  clearInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"id\");\n                clearInput();\n              }}\n              variant=\"text gray\"\n            >\n              <HashtagIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n\n        {search.length > 0 || mode === \"id\" || typeof mode === \"object\" ? (\n          <Tooltip title=\"Clear\" placement=\"top\">\n            <IconButton\n              variant=\"text gray\"\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"default\");\n                  clearInput();\n                  focusInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"default\");\n                clearInput();\n                focusInput();\n              }}\n            >\n              <CloseIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n      </StyledActionWrapper>\n    </StyledCommandPaletteHeader>\n  );\n};\n\nCommandPaletteHeader.displayName = \"CommandPaletteItem\";\n"],"mappings":"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"}

package/dist/cjs/components/CommandPalette/CommandPaletteItem.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,10 +14,10 @@ var _CommandPalette = require("./CommandPalette.styles");
 var _context = require("./context");
 var _SearchContext = require("./context/SearchContext");
 var _excluded = ["title", "renderIcon", "className", "index", "loading", "as"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var generateRandomWidth = function generateRandomWidth() {
@@ -26,7 +25,7 @@ var generateRandomWidth = function generateRandomWidth() {
   var randomNum = Math.round(Math.random() * 30 + 30);
   return randomNum + "%";
 };
-var CommandPaletteItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var CommandPaletteItem = exports.CommandPaletteItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var title = _ref.title,
     renderIcon = _ref.renderIcon,
     className = _ref.className,
@@ -70,7 +69,6 @@ var CommandPaletteItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     }
   }) : null));
 });
-exports.CommandPaletteItem = CommandPaletteItem;
 CommandPaletteItem.displayName = "CommandPaletteItem";
 var _StyledLinearLoader = (0, _styledComponents.default)(_Loaders.LinearLoader).withConfig({
   displayName: "CommandPaletteItem___StyledLinearLoader",

package/dist/cjs/components/CommandPalette/CommandPaletteItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteItem.js","names":["generateRandomWidth","randomNum","Math","round","random","CommandPaletteItem","forwardRef","ref","title","renderIcon","className","index","loading","as","rest","Component","icon","useSelectedContext","selected","setSelected","useSearchContext","search","onMouseEnter","classNames","__html","findHighlightedSearch","displayName","width","height","borderRadius"],"sources":["../../../../src/components/CommandPalette/CommandPaletteItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  ElementType,\n} from \"react\";\nimport { findHighlightedSearch } from \"../../utils/findHighlightedSearch\";\nimport { LinearLoader } from \"../Loaders\";\nimport { Typography } from \"../Typography/Typography\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport {\n  StyledCommandPaletteItem,\n  StyledCommandPaletteItemLoader,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { useSearchContext } from \"./context/SearchContext\";\n\nconst generateRandomWidth = () => {\n  // generate range 30-80\n  const randomNum = Math.round(Math.random() * 30 + 30);\n\n  return randomNum + \"%\";\n};\n\nexport interface CommandPaletteItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  title?: string;\n  renderIcon?: () => ReactNode;\n  className?: string;\n  index?: number;\n  selected?: number;\n  loading?: boolean;\n}\n\nexport type PolymorphicCommandPaletteItemProps<C extends ElementType> =\n  PolymorphicComponentPropsWithRef<C, CommandPaletteItemProps>;\n\nexport type CommandPaletteComponent = <\n  C extends ElementType = typeof CommandPaletteItem\n>(\n  props: PolymorphicCommandPaletteItemProps<C>\n) => ReactElement | null;\n\nexport const CommandPaletteItem: CommandPaletteComponent & {\n  displayName?: string;\n} = forwardRef(\n  <C extends ElementType = typeof CommandPaletteItem>(\n    {\n      title,\n      renderIcon,\n      className,\n      index,\n      loading,\n      as,\n      ...rest\n    }: PolymorphicCommandPaletteItemProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n    const icon = renderIcon && renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n    const { search } = useSearchContext();\n\n    const onMouseEnter = () => {\n      setSelected(index as number);\n    };\n\n    if (loading) {\n      return (\n        <StyledCommandPaletteItemLoader aria-busy={true} aria-disabled={true}>\n          <LinearLoader css={{ width: 24, height: 24, borderRadius: \"100%\" }} />\n          <LinearLoader css={{ width: generateRandomWidth(), height: 16 }} />\n        </StyledCommandPaletteItemLoader>\n      );\n    }\n\n    return (\n      <li>\n        <StyledCommandPaletteItem\n          {...rest}\n          as={Component}\n          ref={ref}\n          className={classNames(\"cp-item\", className)}\n          tabIndex={1}\n          aria-selected={selected === index}\n          onMouseEnter={onMouseEnter}\n          $selected={index === selected}\n        >\n          <StyledIcon>{icon}</StyledIcon>\n          {search && title ? (\n            <Typography\n              overflow=\"truncate\"\n              whitespace=\"no-wrap\"\n              variant=\"Body 1\"\n              color=\"primary\"\n              dangerouslySetInnerHTML={{\n                __html: findHighlightedSearch(search, title),\n              }}\n            />\n          ) : null}\n        </StyledCommandPaletteItem>\n      </li>\n    );\n  }\n);\n\nCommandPaletteItem.displayName = \"CommandPaletteItem\";\n"],"mappings":";;;;;;;;AAAA;AACA;AAOA;AACA;AACA;AAKA;AAKA;AACA;AAA2D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3D,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAS;EAChC;EACA,IAAMC,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;EAErD,OAAOH,SAAS,GAAG,GAAG;AACxB,CAAC;AAoBM,IAAMI,kBAEZ,gBAAG,IAAAC,iBAAU,EACZ,gBAUEC,GAAuB,EACpB;EAAA,IATDC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAIT,IAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,IAAMG,IAAI,GAAGP,UAAU,IAAIA,UAAU,EAAE;EACvC,0BAAkC,IAAAQ,2BAAkB,GAAE;IAA9CC,QAAQ,uBAARA,QAAQ;IAAEC,WAAW,uBAAXA,WAAW;EAC7B,wBAAmB,IAAAC,+BAAgB,GAAE;IAA7BC,MAAM,qBAANA,MAAM;EAEd,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAS;IACzBH,WAAW,CAACR,KAAK,CAAW;EAC9B,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,oBACE,6BAAC,8CAA8B;MAAC,aAAW,IAAK;MAAC,iBAAe;IAAK,gBACnE,uDAAsE,eACtE;MAAA,OAA4BZ,mBAAmB;IAAE,EAAkB,CACpC;EAErC;EAEA,oBACE,sDACE,6BAAC,wCAAwB,eACnBc,IAAI;IACR,EAAE,EAAEC,SAAU;IACd,GAAG,EAAER,GAAI;IACT,SAAS,EAAE,IAAAgB,mBAAU,EAAC,SAAS,EAAEb,SAAS,CAAE;IAC5C,QAAQ,EAAE,CAAE;IACZ,iBAAeQ,QAAQ,KAAKP,KAAM;IAClC,YAAY,EAAEW,YAAa;IAC3B,SAAS,EAAEX,KAAK,KAAKO;EAAS,iBAE9B,6BAAC,0BAAU,QAAEF,IAAI,CAAc,EAC9BK,MAAM,IAAIb,KAAK,gBACd,6BAAC,sBAAU;IACT,QAAQ,EAAC,UAAU;IACnB,UAAU,EAAC,SAAS;IACpB,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAC,SAAS;IACf,uBAAuB,EAAE;MACvBgB,MAAM,EAAE,IAAAC,4CAAqB,EAACJ,MAAM,EAAEb,KAAK;IAC7C;EAAE,EACF,GACA,IAAI,CACiB,CACxB;AAET,CAAC,CACF;AAAC;AAEFH,kBAAkB,CAACqB,WAAW,GAAG,oBAAoB;AAAC;EAAA;EAAA;AAAA,GApCzB;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,YAAY,EAAE;AAAO,CAAC;AAAA;EAAA;EAAA;AAAA;EAAA,OAC/C;IAAEF,KAAK;IAAyBC,MAAM,EAAE;EAAG,CAAC;AAAA"}
+{"version":3,"file":"CommandPaletteItem.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_findHighlightedSearch","_Loaders","_Typography","_CommandPalette","_context","_SearchContext","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","generateRandomWidth","randomNum","Math","round","random","CommandPaletteItem","exports","forwardRef","_ref","ref","title","renderIcon","className","index","loading","as","rest","Component","icon","_useSelectedContext","useSelectedContext","selected","setSelected","_useSearchContext","useSearchContext","search","onMouseEnter","createElement","StyledCommandPaletteItemLoader","_StyledLinearLoader","_StyledLinearLoader2","$_css","StyledCommandPaletteItem","classNames","tabIndex","$selected","StyledIcon","Typography","overflow","whitespace","variant","color","dangerouslySetInnerHTML","__html","findHighlightedSearch","displayName","_styledComponents","LinearLoader","withConfig","componentId","width","height","borderRadius","p"],"sources":["../../../../src/components/CommandPalette/CommandPaletteItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  ElementType,\n} from \"react\";\nimport { findHighlightedSearch } from \"../../utils/findHighlightedSearch\";\nimport { LinearLoader } from \"../Loaders\";\nimport { Typography } from \"../Typography/Typography\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport {\n  StyledCommandPaletteItem,\n  StyledCommandPaletteItemLoader,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { useSearchContext } from \"./context/SearchContext\";\n\nconst generateRandomWidth = () => {\n  // generate range 30-80\n  const randomNum = Math.round(Math.random() * 30 + 30);\n\n  return randomNum + \"%\";\n};\n\nexport interface CommandPaletteItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  title?: string;\n  renderIcon?: () => ReactNode;\n  className?: string;\n  index?: number;\n  selected?: number;\n  loading?: boolean;\n}\n\nexport type PolymorphicCommandPaletteItemProps<C extends ElementType> =\n  PolymorphicComponentPropsWithRef<C, CommandPaletteItemProps>;\n\nexport type CommandPaletteComponent = <\n  C extends ElementType = typeof CommandPaletteItem\n>(\n  props: PolymorphicCommandPaletteItemProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const CommandPaletteItem: CommandPaletteComponent & {\n  displayName?: string;\n} = forwardRef(\n  <C extends ElementType = typeof CommandPaletteItem>(\n    {\n      title,\n      renderIcon,\n      className,\n      index,\n      loading,\n      as,\n      ...rest\n    }: PolymorphicCommandPaletteItemProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n    const icon = renderIcon && renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n    const { search } = useSearchContext();\n\n    const onMouseEnter = () => {\n      setSelected(index as number);\n    };\n\n    if (loading) {\n      return (\n        <StyledCommandPaletteItemLoader aria-busy={true} aria-disabled={true}>\n          <LinearLoader css={{ width: 24, height: 24, borderRadius: \"100%\" }} />\n          <LinearLoader css={{ width: generateRandomWidth(), height: 16 }} />\n        </StyledCommandPaletteItemLoader>\n      );\n    }\n\n    return (\n      <li>\n        <StyledCommandPaletteItem\n          {...rest}\n          as={Component}\n          ref={ref}\n          className={classNames(\"cp-item\", className)}\n          tabIndex={1}\n          aria-selected={selected === index}\n          onMouseEnter={onMouseEnter}\n          $selected={index === selected}\n        >\n          <StyledIcon>{icon}</StyledIcon>\n          {search && title ? (\n            <Typography\n              overflow=\"truncate\"\n              whitespace=\"no-wrap\"\n              variant=\"Body 1\"\n              color=\"primary\"\n              dangerouslySetInnerHTML={{\n                __html: findHighlightedSearch(search, title),\n              }}\n            />\n          ) : null}\n        </StyledCommandPaletteItem>\n      </li>\n    );\n  }\n);\n\nCommandPaletteItem.displayName = \"CommandPaletteItem\";\n"],"mappings":"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"}

package/dist/cjs/components/CommandPalette/CommandPaletteList.js

@@ -7,7 +7,7 @@ exports.CommandPaletteList = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CommandPalette = require("./CommandPalette.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CommandPaletteList = function CommandPaletteList(_ref) {
+var CommandPaletteList = exports.CommandPaletteList = function CommandPaletteList(_ref) {
   var children = _ref.children,
     heading = _ref.heading,
     _ref$visible = _ref.visible,
@@ -20,6 +20,5 @@ var CommandPaletteList = function CommandPaletteList(_ref) {
     tabIndex: -1
   }, heading) : null, children) : null;
 };
-exports.CommandPaletteList = CommandPaletteList;
 CommandPaletteList.displayName = "CommandPaletteList";
 //# sourceMappingURL=CommandPaletteList.js.map

package/dist/cjs/components/CommandPalette/CommandPaletteList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteList.js","names":["CommandPaletteList","children","heading","visible","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport {\n  StyledCommandPaletteList,\n  StyledHeading,\n} from \"./CommandPalette.styles\";\n\nexport interface CommandPaletteListProps {\n  heading?: string;\n  visible?: boolean;\n}\n\nexport const CommandPaletteList = ({\n  children,\n  heading,\n  visible = false,\n}: PropsWithChildren<CommandPaletteListProps>) => {\n  return visible ? (\n    <StyledCommandPaletteList className=\"cp-list\" tabIndex={-1} role=\"listbox\">\n      {heading ? <StyledHeading tabIndex={-1}>{heading}</StyledHeading> : null}\n\n      {children}\n    </StyledCommandPaletteList>\n  ) : null;\n};\n\nCommandPaletteList.displayName = \"CommandPaletteList\";\n"],"mappings":";;;;;;AAAA;AACA;AAGiC;AAO1B,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAImB;EAAA,IAHhDC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG,KAAK;EAEf,OAAOA,OAAO,gBACZ,6BAAC,wCAAwB;IAAC,SAAS,EAAC,SAAS;IAAC,QAAQ,EAAE,CAAC,CAAE;IAAC,IAAI,EAAC;EAAS,GACvED,OAAO,gBAAG,6BAAC,6BAAa;IAAC,QAAQ,EAAE,CAAC;EAAE,GAAEA,OAAO,CAAiB,GAAG,IAAI,EAEvED,QAAQ,CACgB,GACzB,IAAI;AACV,CAAC;AAAC;AAEFD,kBAAkB,CAACI,WAAW,GAAG,oBAAoB"}
+{"version":3,"file":"CommandPaletteList.js","names":["_react","_interopRequireDefault","require","_CommandPalette","obj","__esModule","default","CommandPaletteList","exports","_ref","children","heading","_ref$visible","visible","createElement","StyledCommandPaletteList","className","tabIndex","role","StyledHeading","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport {\n  StyledCommandPaletteList,\n  StyledHeading,\n} from \"./CommandPalette.styles\";\n\nexport interface CommandPaletteListProps {\n  heading?: string;\n  visible?: boolean;\n}\n\nexport const CommandPaletteList = ({\n  children,\n  heading,\n  visible = false,\n}: PropsWithChildren<CommandPaletteListProps>) => {\n  return visible ? (\n    <StyledCommandPaletteList className=\"cp-list\" tabIndex={-1} role=\"listbox\">\n      {heading ? <StyledHeading tabIndex={-1}>{heading}</StyledHeading> : null}\n\n      {children}\n    </StyledCommandPaletteList>\n  ) : null;\n};\n\nCommandPaletteList.displayName = \"CommandPaletteList\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGiC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAO1B,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,IAAA,EAImB;EAAA,IAHhDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,YAAA,GAAAH,IAAA,CACPI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAEf,OAAOC,OAAO,gBACZb,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,eAAA,CAAAY,wBAAwB;IAACC,SAAS,EAAC,SAAS;IAACC,QAAQ,EAAE,CAAC,CAAE;IAACC,IAAI,EAAC;EAAS,GACvEP,OAAO,gBAAGX,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,eAAA,CAAAgB,aAAa;IAACF,QAAQ,EAAE,CAAC;EAAE,GAAEN,OAAuB,CAAC,GAAG,IAAI,EAEvED,QACuB,CAAC,GACzB,IAAI;AACV,CAAC;AAEDH,kBAAkB,CAACa,WAAW,GAAG,oBAAoB"}

package/dist/cjs/components/CommandPalette/context/ModeContext.js

@@ -5,18 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useModeContext = exports.ModeContextProvider = exports.ModeContext = void 0;
 var _react = require("react");
-var ModeContext = /*#__PURE__*/(0, _react.createContext)({
+var ModeContext = exports.ModeContext = /*#__PURE__*/(0, _react.createContext)({
   mode: "default",
   setMode: function setMode() {
     return null;
   },
   idModeEnabled: false
 });
-exports.ModeContext = ModeContext;
-var ModeContextProvider = ModeContext.Provider;
-exports.ModeContextProvider = ModeContextProvider;
-var useModeContext = function useModeContext() {
+var ModeContextProvider = exports.ModeContextProvider = ModeContext.Provider;
+var useModeContext = exports.useModeContext = function useModeContext() {
   return (0, _react.useContext)(ModeContext);
 };
-exports.useModeContext = useModeContext;
 //# sourceMappingURL=ModeContext.js.map

package/dist/cjs/components/CommandPalette/context/ModeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModeContext.js","names":["ModeContext","createContext","mode","setMode","idModeEnabled","ModeContextProvider","Provider","useModeContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/ModeContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { SearchContext } from \"../CommandPalette\";\n\ninterface ModeContextProps {\n  mode: string | SearchContext;\n  setMode: (value: string) => void;\n  idModeEnabled: boolean;\n}\n\nexport const ModeContext = createContext<ModeContextProps>({\n  mode: \"default\",\n  setMode: () => null,\n  idModeEnabled: false,\n});\n\nexport const ModeContextProvider = ModeContext.Provider;\n\nexport const useModeContext = (): ModeContextProps => useContext(ModeContext);\n"],"mappings":";;;;;;AAAA;AASO,IAAMA,WAAW,gBAAG,IAAAC,oBAAa,EAAmB;EACzDC,IAAI,EAAE,SAAS;EACfC,OAAO,EAAE;IAAA,OAAM,IAAI;EAAA;EACnBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAAC;AAEI,IAAMC,mBAAmB,GAAGL,WAAW,CAACM,QAAQ;AAAC;AAEjD,IAAMC,cAAc,GAAG,SAAjBA,cAAc;EAAA,OAA2B,IAAAC,iBAAU,EAACR,WAAW,CAAC;AAAA;AAAC"}
+{"version":3,"file":"ModeContext.js","names":["_react","require","ModeContext","exports","createContext","mode","setMode","idModeEnabled","ModeContextProvider","Provider","useModeContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/ModeContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { SearchContext } from \"../CommandPalette\";\n\ninterface ModeContextProps {\n  mode: string | SearchContext;\n  setMode: (value: string) => void;\n  idModeEnabled: boolean;\n}\n\nexport const ModeContext = createContext<ModeContextProps>({\n  mode: \"default\",\n  setMode: () => null,\n  idModeEnabled: false,\n});\n\nexport const ModeContextProvider = ModeContext.Provider;\n\nexport const useModeContext = (): ModeContextProps => useContext(ModeContext);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,oBAAa,EAAmB;EACzDC,IAAI,EAAE,SAAS;EACfC,OAAO,EAAE,SAAAA,QAAA;IAAA,OAAM,IAAI;EAAA;EACnBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEK,IAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAGN,WAAW,CAACO,QAAQ;AAEhD,IAAMC,cAAc,GAAAP,OAAA,CAAAO,cAAA,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAA2B,IAAAC,iBAAU,EAACT,WAAW,CAAC;AAAA"}

package/dist/cjs/components/CommandPalette/context/SearchContext.js

@@ -5,17 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSearchContext = exports.SearchContextProvider = exports.SearchContext = void 0;
 var _react = require("react");
-var SearchContext = /*#__PURE__*/(0, _react.createContext)({
+var SearchContext = exports.SearchContext = /*#__PURE__*/(0, _react.createContext)({
   search: "",
   onChangeSearch: function onChangeSearch() {
     return null;
   }
 });
-exports.SearchContext = SearchContext;
-var SearchContextProvider = SearchContext.Provider;
-exports.SearchContextProvider = SearchContextProvider;
-var useSearchContext = function useSearchContext() {
+var SearchContextProvider = exports.SearchContextProvider = SearchContext.Provider;
+var useSearchContext = exports.useSearchContext = function useSearchContext() {
   return (0, _react.useContext)(SearchContext);
 };
-exports.useSearchContext = useSearchContext;
 //# sourceMappingURL=SearchContext.js.map

package/dist/cjs/components/CommandPalette/context/SearchContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContext.js","names":["SearchContext","createContext","search","onChangeSearch","SearchContextProvider","Provider","useSearchContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/SearchContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SearchContextProps {\n  search: string;\n  onChangeSearch: (value: string) => void;\n}\n\nexport const SearchContext = createContext<SearchContextProps>({\n  search: \"\",\n  onChangeSearch: () => null,\n});\n\nexport const SearchContextProvider = SearchContext.Provider;\n\nexport const useSearchContext = (): SearchContextProps =>\n  useContext(SearchContext);\n"],"mappings":";;;;;;AAAA;AAOO,IAAMA,aAAa,gBAAG,IAAAC,oBAAa,EAAqB;EAC7DC,MAAM,EAAE,EAAE;EACVC,cAAc,EAAE;IAAA,OAAM,IAAI;EAAA;AAC5B,CAAC,CAAC;AAAC;AAEI,IAAMC,qBAAqB,GAAGJ,aAAa,CAACK,QAAQ;AAAC;AAErD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,OAC3B,IAAAC,iBAAU,EAACP,aAAa,CAAC;AAAA;AAAC"}
+{"version":3,"file":"SearchContext.js","names":["_react","require","SearchContext","exports","createContext","search","onChangeSearch","SearchContextProvider","Provider","useSearchContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/SearchContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SearchContextProps {\n  search: string;\n  onChangeSearch: (value: string) => void;\n}\n\nexport const SearchContext = createContext<SearchContextProps>({\n  search: \"\",\n  onChangeSearch: () => null,\n});\n\nexport const SearchContextProvider = SearchContext.Provider;\n\nexport const useSearchContext = (): SearchContextProps =>\n  useContext(SearchContext);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAAqB;EAC7DC,MAAM,EAAE,EAAE;EACVC,cAAc,EAAE,SAAAA,eAAA;IAAA,OAAM,IAAI;EAAA;AAC5B,CAAC,CAAC;AAEK,IAAMC,qBAAqB,GAAAJ,OAAA,CAAAI,qBAAA,GAAGL,aAAa,CAACM,QAAQ;AAEpD,IAAMC,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,OAC3B,IAAAC,iBAAU,EAACR,aAAa,CAAC;AAAA"}

package/dist/cjs/components/CommandPalette/context/SelectedContext.js

@@ -5,17 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSelectedContext = exports.SelectedContextProvider = exports.SelectedContext = void 0;
 var _react = require("react");
-var SelectedContext = /*#__PURE__*/(0, _react.createContext)({
+var SelectedContext = exports.SelectedContext = /*#__PURE__*/(0, _react.createContext)({
   selected: 0,
   setSelected: function setSelected() {
     return null;
   }
 });
-exports.SelectedContext = SelectedContext;
-var SelectedContextProvider = SelectedContext.Provider;
-exports.SelectedContextProvider = SelectedContextProvider;
-var useSelectedContext = function useSelectedContext() {
+var SelectedContextProvider = exports.SelectedContextProvider = SelectedContext.Provider;
+var useSelectedContext = exports.useSelectedContext = function useSelectedContext() {
   return (0, _react.useContext)(SelectedContext);
 };
-exports.useSelectedContext = useSelectedContext;
 //# sourceMappingURL=SelectedContext.js.map

package/dist/cjs/components/CommandPalette/context/SelectedContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedContext.js","names":["SelectedContext","createContext","selected","setSelected","SelectedContextProvider","Provider","useSelectedContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/SelectedContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SelectedContextProps {\n  selected: number;\n  setSelected: (value: number) => void;\n}\n\nexport const SelectedContext = createContext<SelectedContextProps>({\n  selected: 0,\n  setSelected: () => null,\n});\n\nexport const SelectedContextProvider = SelectedContext.Provider;\n\nexport const useSelectedContext = (): SelectedContextProps =>\n  useContext(SelectedContext);\n"],"mappings":";;;;;;AAAA;AAOO,IAAMA,eAAe,gBAAG,IAAAC,oBAAa,EAAuB;EACjEC,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAE;IAAA,OAAM,IAAI;EAAA;AACzB,CAAC,CAAC;AAAC;AAEI,IAAMC,uBAAuB,GAAGJ,eAAe,CAACK,QAAQ;AAAC;AAEzD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB;EAAA,OAC7B,IAAAC,iBAAU,EAACP,eAAe,CAAC;AAAA;AAAC"}
+{"version":3,"file":"SelectedContext.js","names":["_react","require","SelectedContext","exports","createContext","selected","setSelected","SelectedContextProvider","Provider","useSelectedContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/SelectedContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SelectedContextProps {\n  selected: number;\n  setSelected: (value: number) => void;\n}\n\nexport const SelectedContext = createContext<SelectedContextProps>({\n  selected: 0,\n  setSelected: () => null,\n});\n\nexport const SelectedContextProvider = SelectedContext.Provider;\n\nexport const useSelectedContext = (): SelectedContextProps =>\n  useContext(SelectedContext);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,oBAAa,EAAuB;EACjEC,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAE,SAAAA,YAAA;IAAA,OAAM,IAAI;EAAA;AACzB,CAAC,CAAC;AAEK,IAAMC,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAGL,eAAe,CAACM,QAAQ;AAExD,IAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA;EAAA,OAC7B,IAAAC,iBAAU,EAACR,eAAe,CAAC;AAAA"}

package/dist/cjs/components/CommandPalette/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/CommandPalette/context/index.ts"],"sourcesContent":["export * from \"./ModeContext\";\nexport * from \"./SelectedContext\";\nexport * from \"./SearchContext\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_ModeContext","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_SelectedContext","_SearchContext"],"sources":["../../../../../src/components/CommandPalette/context/index.ts"],"sourcesContent":["export * from \"./ModeContext\";\nexport * from \"./SelectedContext\";\nexport * from \"./SearchContext\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/CommandPalette/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CommandPalette/index.ts"],"sourcesContent":["export * from \"./CommandPalette\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_CommandPalette","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/CommandPalette/index.ts"],"sourcesContent":["export * from \"./CommandPalette\";\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}