@activecollab/components 1.0.414 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteHeader.js","names":["React","useEffect","useMemo","useRef","IconButton","CloseIcon","HashtagIcon","SearchLargeIcon","Tooltip","StyledActionWrapper","StyledCommandPaletteHeader","StyledInput","StyledParameter","StyledSearchIcon","StyledSpinnerLoader","useSelectedContext","useModeContext","useSearchContext","CommandPaletteHeader","loading","commandsLength","itemsLength","inputRef","mode","setMode","idModeEnabled","setSelected","selected","search","onChangeSearch","focusInput","current","focus","clearInput","value","length","handleInputPlaceholder","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","_ref","loading","commandsLength","itemsLength","inputRef","useRef","mode","setMode","idModeEnabled","useModeContext","setSelected","selected","useSelectedContext","search","onChangeSearch","useSearchContext","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","exports","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/esm/components/CommandPalette/CommandPaletteItem.d.ts

@@ -8,8 +8,8 @@ export interface CommandPaletteItemProps extends ComponentPropsWithoutRef<"a"> {
     selected?: number;
     loading?: boolean;
 }
-export declare type PolymorphicCommandPaletteItemProps<C extends ElementType> = PolymorphicComponentPropsWithRef<C, CommandPaletteItemProps>;
-export declare type CommandPaletteComponent = <C extends ElementType = typeof CommandPaletteItem>(props: PolymorphicCommandPaletteItemProps<C>) => ReactElement | null;
+export type PolymorphicCommandPaletteItemProps<C extends ElementType> = PolymorphicComponentPropsWithRef<C, CommandPaletteItemProps>;
+export type CommandPaletteComponent = <C extends ElementType = typeof CommandPaletteItem>(props: PolymorphicCommandPaletteItemProps<C>) => ReactElement | ReactNode | null;
 export declare const CommandPaletteItem: CommandPaletteComponent & {
     displayName?: string;
 };

package/dist/esm/components/CommandPalette/CommandPaletteItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteItem.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPalette/CommandPaletteItem.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,wBAAwB,EAExB,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAgB3B,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,kCAAkC,CAAC,CAAC,SAAS,WAAW,IAClE,gCAAgC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC;AAE/D,oBAAY,uBAAuB,GAAG,CACpC,CAAC,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAEjD,KAAK,EAAE,kCAAkC,CAAC,CAAC,CAAC,KACzC,YAAY,GAAG,IAAI,CAAC;AAEzB,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,GAAG;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CA4DtB,CAAC"}
+{"version":3,"file":"CommandPaletteItem.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPalette/CommandPaletteItem.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,wBAAwB,EAExB,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAgB3B,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,kCAAkC,CAAC,CAAC,SAAS,WAAW,IAClE,gCAAgC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC;AAE/D,MAAM,MAAM,uBAAuB,GAAG,CACpC,CAAC,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAEjD,KAAK,EAAE,kCAAkC,CAAC,CAAC,CAAC,KACzC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAErC,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,GAAG;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CA4DtB,CAAC"}

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

@@ -1,67 +1,77 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _styled2 from "styled-components";
-import _styled from "styled-components";
-var _excluded = ["title", "renderIcon", "className", "index", "loading", "as"];
-import classNames from "classnames";
-import React, { forwardRef } from "react";
-import { findHighlightedSearch } from "../../utils/findHighlightedSearch";
-import { LinearLoader } from "../Loaders";
-import { Typography } from "../Typography/Typography";
-import { StyledCommandPaletteItem, StyledCommandPaletteItemLoader, StyledIcon } from "./CommandPalette.styles";
-import { useSelectedContext } from "./context";
-import { useSearchContext } from "./context/SearchContext";
-var generateRandomWidth = function generateRandomWidth() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandPaletteItem = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _findHighlightedSearch = require("../../utils/findHighlightedSearch");
+var _Loaders = require("../Loaders");
+var _Typography = require("../Typography/Typography");
+var _CommandPalette = require("./CommandPalette.styles");
+var _context = require("./context");
+var _SearchContext = require("./context/SearchContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+const generateRandomWidth = () => {
   // generate range 30-80
-  var randomNum = Math.round(Math.random() * 30 + 30);
+  const randomNum = Math.round(Math.random() * 30 + 30);
   return randomNum + "%";
 };
-export var CommandPaletteItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var title = _ref.title,
-    renderIcon = _ref.renderIcon,
-    className = _ref.className,
-    index = _ref.index,
-    loading = _ref.loading,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var Component = as || "a";
-  var icon = renderIcon && renderIcon();
-  var _useSelectedContext = useSelectedContext(),
-    selected = _useSelectedContext.selected,
-    setSelected = _useSelectedContext.setSelected;
-  var _useSearchContext = useSearchContext(),
-    search = _useSearchContext.search;
-  var onMouseEnter = function onMouseEnter() {
+const CommandPaletteItem = exports.CommandPaletteItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    title,
+    renderIcon,
+    className,
+    index,
+    loading,
+    as,
+    ...rest
+  } = _ref;
+  const Component = as || "a";
+  const icon = renderIcon && renderIcon();
+  const {
+    selected,
+    setSelected
+  } = (0, _context.useSelectedContext)();
+  const {
+    search
+  } = (0, _SearchContext.useSearchContext)();
+  const onMouseEnter = () => {
     setSelected(index);
   };
   if (loading) {
-    return /*#__PURE__*/React.createElement(StyledCommandPaletteItemLoader, {
+    return /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledCommandPaletteItemLoader, {
       "aria-busy": true,
       "aria-disabled": true
-    }, /*#__PURE__*/React.createElement(_StyledLinearLoader, null), /*#__PURE__*/React.createElement(_StyledLinearLoader2, {
+    }, /*#__PURE__*/_react.default.createElement(_StyledLinearLoader, null), /*#__PURE__*/_react.default.createElement(_StyledLinearLoader2, {
       $_css: generateRandomWidth()
     }));
   }
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(StyledCommandPaletteItem, _extends({}, rest, {
+  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledCommandPaletteItem, (0, _extends2.default)({}, rest, {
     as: Component,
     ref: ref,
-    className: classNames("cp-item", className),
+    className: (0, _classnames.default)("cp-item", className),
     tabIndex: 1,
     "aria-selected": selected === index,
     onMouseEnter: onMouseEnter,
     $selected: index === selected
-  }), /*#__PURE__*/React.createElement(StyledIcon, null, icon), search && title ? /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledIcon, null, icon), search && title ? /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     overflow: "truncate",
     whitespace: "no-wrap",
     variant: "Body 1",
     color: "primary",
     dangerouslySetInnerHTML: {
-      __html: findHighlightedSearch(search, title)
+      __html: (0, _findHighlightedSearch.findHighlightedSearch)(search, title)
     }
   }) : null));
 });
 CommandPaletteItem.displayName = "CommandPaletteItem";
-var _StyledLinearLoader = _styled(LinearLoader).withConfig({
+var _StyledLinearLoader = (0, _styledComponents.default)(_Loaders.LinearLoader).withConfig({
   displayName: "CommandPaletteItem___StyledLinearLoader",
   componentId: "sc-6tfj5q-0"
 })({
@@ -69,13 +79,11 @@ var _StyledLinearLoader = _styled(LinearLoader).withConfig({
   height: 24,
   borderRadius: "100%"
 });
-var _StyledLinearLoader2 = _styled(LinearLoader).withConfig({
+var _StyledLinearLoader2 = (0, _styledComponents.default)(_Loaders.LinearLoader).withConfig({
   displayName: "CommandPaletteItem___StyledLinearLoader2",
   componentId: "sc-6tfj5q-1"
-})(function (p) {
-  return {
-    width: p.$_css,
-    height: 16
-  };
-});
+})(p => ({
+  width: p.$_css,
+  height: 16
+}));
 //# sourceMappingURL=CommandPaletteItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteItem.js","names":["classNames","React","forwardRef","findHighlightedSearch","LinearLoader","Typography","StyledCommandPaletteItem","StyledCommandPaletteItemLoader","StyledIcon","useSelectedContext","useSearchContext","generateRandomWidth","randomNum","Math","round","random","CommandPaletteItem","ref","title","renderIcon","className","index","loading","as","rest","Component","icon","selected","setSelected","search","onMouseEnter","__html","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,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAEVC,UAAU,QAIL,OAAO;AACd,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,YAAY,QAAQ,YAAY;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AAKrD,SACEC,wBAAwB,EACxBC,8BAA8B,EAC9BC,UAAU,QACL,yBAAyB;AAChC,SAASC,kBAAkB,QAAQ,WAAW;AAC9C,SAASC,gBAAgB,QAAQ,yBAAyB;AAE1D,IAAMC,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;AAoBD,OAAO,IAAMI,kBAEZ,gBAAGd,UAAU,CACZ,gBAUEe,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,0BAAkCV,kBAAkB,EAAE;IAA9CkB,QAAQ,uBAARA,QAAQ;IAAEC,WAAW,uBAAXA,WAAW;EAC7B,wBAAmBlB,gBAAgB,EAAE;IAA7BmB,MAAM,qBAANA,MAAM;EAEd,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAS;IACzBF,WAAW,CAACP,KAAK,CAAW;EAC9B,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,oBACE,oBAAC,8BAA8B;MAAC,aAAW,IAAK;MAAC,iBAAe;IAAK,gBACnE,8CAAsE,eACtE;MAAA,OAA4BX,mBAAmB;IAAE,EAAkB,CACpC;EAErC;EAEA,oBACE,6CACE,oBAAC,wBAAwB,eACnBa,IAAI;IACR,EAAE,EAAEC,SAAU;IACd,GAAG,EAAER,GAAI;IACT,SAAS,EAAEjB,UAAU,CAAC,SAAS,EAAEoB,SAAS,CAAE;IAC5C,QAAQ,EAAE,CAAE;IACZ,iBAAeO,QAAQ,KAAKN,KAAM;IAClC,YAAY,EAAES,YAAa;IAC3B,SAAS,EAAET,KAAK,KAAKM;EAAS,iBAE9B,oBAAC,UAAU,QAAED,IAAI,CAAc,EAC9BG,MAAM,IAAIX,KAAK,gBACd,oBAAC,UAAU;IACT,QAAQ,EAAC,UAAU;IACnB,UAAU,EAAC,SAAS;IACpB,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAC,SAAS;IACf,uBAAuB,EAAE;MACvBa,MAAM,EAAE5B,qBAAqB,CAAC0B,MAAM,EAAEX,KAAK;IAC7C;EAAE,EACF,GACA,IAAI,CACiB,CACxB;AAET,CAAC,CACF;AAEDF,kBAAkB,CAACgB,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","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","generateRandomWidth","randomNum","Math","round","random","CommandPaletteItem","exports","forwardRef","_ref","ref","title","renderIcon","className","index","loading","as","rest","Component","icon","selected","setSelected","useSelectedContext","search","useSearchContext","onMouseEnter","createElement","StyledCommandPaletteItemLoader","_StyledLinearLoader","_StyledLinearLoader2","$_css","StyledCommandPaletteItem","_extends2","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":";;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAOA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAKA,IAAAM,eAAA,GAAAN,OAAA;AAKA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AAA2D,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,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;AAE3D,MAAMY,mBAAmB,GAAGA,CAAA,KAAM;EAChC;EACA,MAAMC,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;EAErD,OAAOH,SAAS,GAAG,GAAG;AACxB,CAAC;AAoBM,MAAMI,kBAEZ,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,iBAAU,EACZ,CAAAC,IAAA,EAUEC,GAAuB,KACpB;EAAA,IAVH;IACEC,KAAK;IACLC,UAAU;IACVC,SAAS;IACTC,KAAK;IACLC,OAAO;IACPC,EAAE;IACF,GAAGC;EACkC,CAAC,GAAAR,IAAA;EAGxC,MAAMS,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,MAAMG,IAAI,GAAGP,UAAU,IAAIA,UAAU,CAAC,CAAC;EACvC,MAAM;IAAEQ,QAAQ;IAAEC;EAAY,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EACtD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EAErC,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBJ,WAAW,CAACP,KAAe,CAAC;EAC9B,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,oBACE3C,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACjD,eAAA,CAAAkD,8BAA8B;MAAC,aAAW,IAAK;MAAC,iBAAe;IAAK,gBACnEvD,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAAE,mBAAA,MAAqE,CAAC,eACtExD,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAAG,oBAAA;MAAAC,KAAA,EAA4B7B,mBAAmB,CAAC;IAAC,CAAiB,CACpC,CAAC;EAErC;EAEA,oBACE7B,MAAA,CAAAc,OAAA,CAAAwC,aAAA,0BACEtD,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACjD,eAAA,CAAAsD,wBAAwB,MAAAC,SAAA,CAAA9C,OAAA,MACnB+B,IAAI;IACRD,EAAE,EAAEE,SAAU;IACdR,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAE,IAAAoB,mBAAU,EAAC,SAAS,EAAEpB,SAAS,CAAE;IAC5CqB,QAAQ,EAAE,CAAE;IACZ,iBAAed,QAAQ,KAAKN,KAAM;IAClCW,YAAY,EAAEA,YAAa;IAC3BU,SAAS,EAAErB,KAAK,KAAKM;EAAS,iBAE9BhD,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACjD,eAAA,CAAA2D,UAAU,QAAEjB,IAAiB,CAAC,EAC9BI,MAAM,IAAIZ,KAAK,gBACdvC,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAClD,WAAA,CAAA6D,UAAU;IACTC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,SAAS;IACfC,uBAAuB,EAAE;MACvBC,MAAM,EAAE,IAAAC,4CAAqB,EAACrB,MAAM,EAAEZ,KAAK;IAC7C;EAAE,CACH,CAAC,GACA,IACoB,CACxB,CAAC;AAET,CACF,CAAC;AAEDL,kBAAkB,CAACuC,WAAW,GAAG,oBAAoB;AAAC,IAAAjB,mBAAA,OAAAkB,iBAAA,CAAA5D,OAAA,EAAAX,QAAA,CAAAwE,YAAA,EAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,GApCzB;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,YAAY,EAAE;AAAO,CAAC;AAAA,IAAAvB,oBAAA,OAAAiB,iBAAA,CAAA5D,OAAA,EAAAX,QAAA,CAAAwE,YAAA,EAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,GAAAI,CAAA,KAC/C;EAAEH,KAAK,EAAAG,CAAA,CAAAvB,KAAA;EAAyBqB,MAAM,EAAE;AAAG,CAAC"}

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

@@ -1,17 +1,26 @@
-import React from "react";
-import { StyledCommandPaletteList, StyledHeading } from "./CommandPalette.styles";
-export var CommandPaletteList = function CommandPaletteList(_ref) {
-  var children = _ref.children,
-    heading = _ref.heading,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? false : _ref$visible;
-  return visible ? /*#__PURE__*/React.createElement(StyledCommandPaletteList, {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandPaletteList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CommandPalette = require("./CommandPalette.styles");
+const CommandPaletteList = _ref => {
+  let {
+    children,
+    heading,
+    visible = false
+  } = _ref;
+  return visible ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledCommandPaletteList, {
     className: "cp-list",
     tabIndex: -1,
     role: "listbox"
-  }, heading ? /*#__PURE__*/React.createElement(StyledHeading, {
+  }, heading ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledHeading, {
     tabIndex: -1
   }, heading) : null, children) : null;
 };
+exports.CommandPaletteList = CommandPaletteList;
 CommandPaletteList.displayName = "CommandPaletteList";
 //# sourceMappingURL=CommandPaletteList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteList.js","names":["React","StyledCommandPaletteList","StyledHeading","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,OAAOA,KAAK,MAA6B,OAAO;AAChD,SACEC,wBAAwB,EACxBC,aAAa,QACR,yBAAyB;AAOhC,OAAO,IAAMC,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,oBAAC,wBAAwB;IAAC,SAAS,EAAC,SAAS;IAAC,QAAQ,EAAE,CAAC,CAAE;IAAC,IAAI,EAAC;EAAS,GACvED,OAAO,gBAAG,oBAAC,aAAa;IAAC,QAAQ,EAAE,CAAC;EAAE,GAAEA,OAAO,CAAiB,GAAG,IAAI,EAEvED,QAAQ,CACgB,GACzB,IAAI;AACV,CAAC;AAEDD,kBAAkB,CAACI,WAAW,GAAG,oBAAoB"}
+{"version":3,"file":"CommandPaletteList.js","names":["_react","_interopRequireDefault","require","_CommandPalette","CommandPaletteList","_ref","children","heading","visible","default","createElement","StyledCommandPaletteList","className","tabIndex","role","StyledHeading","exports","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;AAUO,MAAME,kBAAkB,GAAGC,IAAA,IAIgB;EAAA,IAJf;IACjCC,QAAQ;IACRC,OAAO;IACPC,OAAO,GAAG;EACgC,CAAC,GAAAH,IAAA;EAC3C,OAAOG,OAAO,gBACZR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,eAAA,CAAAQ,wBAAwB;IAACC,SAAS,EAAC,SAAS;IAACC,QAAQ,EAAE,CAAC,CAAE;IAACC,IAAI,EAAC;EAAS,GACvEP,OAAO,gBAAGP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,eAAA,CAAAY,aAAa;IAACF,QAAQ,EAAE,CAAC;EAAE,GAAEN,OAAuB,CAAC,GAAG,IAAI,EAEvED,QACuB,CAAC,GACzB,IAAI;AACV,CAAC;AAACU,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAACa,WAAW,GAAG,oBAAoB"}

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

@@ -1,13 +1,16 @@
-import { createContext, useContext } from "react";
-export var ModeContext = /*#__PURE__*/createContext({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useModeContext = exports.ModeContextProvider = exports.ModeContext = void 0;
+var _react = require("react");
+const ModeContext = exports.ModeContext = /*#__PURE__*/(0, _react.createContext)({
   mode: "default",
-  setMode: function setMode() {
-    return null;
-  },
+  setMode: () => null,
   idModeEnabled: false
 });
-export var ModeContextProvider = ModeContext.Provider;
-export var useModeContext = function useModeContext() {
-  return useContext(ModeContext);
-};
+const ModeContextProvider = exports.ModeContextProvider = ModeContext.Provider;
+const useModeContext = () => (0, _react.useContext)(ModeContext);
+exports.useModeContext = useModeContext;
 //# sourceMappingURL=ModeContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModeContext.js","names":["createContext","useContext","ModeContext","mode","setMode","idModeEnabled","ModeContextProvider","Provider","useModeContext"],"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,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AASjD,OAAO,IAAMC,WAAW,gBAAGF,aAAa,CAAmB;EACzDG,IAAI,EAAE,SAAS;EACfC,OAAO,EAAE;IAAA,OAAM,IAAI;EAAA;EACnBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEF,OAAO,IAAMC,mBAAmB,GAAGJ,WAAW,CAACK,QAAQ;AAEvD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc;EAAA,OAA2BP,UAAU,CAACC,WAAW,CAAC;AAAA"}
+{"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,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,oBAAa,EAAmB;EACzDC,IAAI,EAAE,SAAS;EACfC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEK,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAGN,WAAW,CAACO,QAAQ;AAEhD,MAAMC,cAAc,GAAGA,CAAA,KAAwB,IAAAC,iBAAU,EAACT,WAAW,CAAC;AAACC,OAAA,CAAAO,cAAA,GAAAA,cAAA"}

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

@@ -1,12 +1,15 @@
-import { createContext, useContext } from "react";
-export var SearchContext = /*#__PURE__*/createContext({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSearchContext = exports.SearchContextProvider = exports.SearchContext = void 0;
+var _react = require("react");
+const SearchContext = exports.SearchContext = /*#__PURE__*/(0, _react.createContext)({
   search: "",
-  onChangeSearch: function onChangeSearch() {
-    return null;
-  }
+  onChangeSearch: () => null
 });
-export var SearchContextProvider = SearchContext.Provider;
-export var useSearchContext = function useSearchContext() {
-  return useContext(SearchContext);
-};
+const SearchContextProvider = exports.SearchContextProvider = SearchContext.Provider;
+const useSearchContext = () => (0, _react.useContext)(SearchContext);
+exports.useSearchContext = useSearchContext;
 //# sourceMappingURL=SearchContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContext.js","names":["createContext","useContext","SearchContext","search","onChangeSearch","SearchContextProvider","Provider","useSearchContext"],"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,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,OAAO,IAAMC,aAAa,gBAAGF,aAAa,CAAqB;EAC7DG,MAAM,EAAE,EAAE;EACVC,cAAc,EAAE;IAAA,OAAM,IAAI;EAAA;AAC5B,CAAC,CAAC;AAEF,OAAO,IAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAAQ;AAE3D,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,OAC3BN,UAAU,CAACC,aAAa,CAAC;AAAA"}
+{"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,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAAqB;EAC7DC,MAAM,EAAE,EAAE;EACVC,cAAc,EAAEA,CAAA,KAAM;AACxB,CAAC,CAAC;AAEK,MAAMC,qBAAqB,GAAAJ,OAAA,CAAAI,qBAAA,GAAGL,aAAa,CAACM,QAAQ;AAEpD,MAAMC,gBAAgB,GAAGA,CAAA,KAC9B,IAAAC,iBAAU,EAACR,aAAa,CAAC;AAACC,OAAA,CAAAM,gBAAA,GAAAA,gBAAA"}

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

@@ -1,12 +1,15 @@
-import { createContext, useContext } from "react";
-export var SelectedContext = /*#__PURE__*/createContext({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectedContext = exports.SelectedContextProvider = exports.SelectedContext = void 0;
+var _react = require("react");
+const SelectedContext = exports.SelectedContext = /*#__PURE__*/(0, _react.createContext)({
   selected: 0,
-  setSelected: function setSelected() {
-    return null;
-  }
+  setSelected: () => null
 });
-export var SelectedContextProvider = SelectedContext.Provider;
-export var useSelectedContext = function useSelectedContext() {
-  return useContext(SelectedContext);
-};
+const SelectedContextProvider = exports.SelectedContextProvider = SelectedContext.Provider;
+const useSelectedContext = () => (0, _react.useContext)(SelectedContext);
+exports.useSelectedContext = useSelectedContext;
 //# sourceMappingURL=SelectedContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedContext.js","names":["createContext","useContext","SelectedContext","selected","setSelected","SelectedContextProvider","Provider","useSelectedContext"],"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,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,OAAO,IAAMC,eAAe,gBAAGF,aAAa,CAAuB;EACjEG,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAE;IAAA,OAAM,IAAI;EAAA;AACzB,CAAC,CAAC;AAEF,OAAO,IAAMC,uBAAuB,GAAGH,eAAe,CAACI,QAAQ;AAE/D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB;EAAA,OAC7BN,UAAU,CAACC,eAAe,CAAC;AAAA"}
+{"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,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,oBAAa,EAAuB;EACjEC,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAEA,CAAA,KAAM;AACrB,CAAC,CAAC;AAEK,MAAMC,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAGL,eAAe,CAACM,QAAQ;AAExD,MAAMC,kBAAkB,GAAGA,CAAA,KAChC,IAAAC,iBAAU,EAACR,eAAe,CAAC;AAACC,OAAA,CAAAM,kBAAA,GAAAA,kBAAA"}

package/dist/esm/components/CommandPalette/context/index.js

@@ -1,4 +1,39 @@
-export * from "./ModeContext";
-export * from "./SelectedContext";
-export * from "./SearchContext";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ModeContext = require("./ModeContext");
+Object.keys(_ModeContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModeContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ModeContext[key];
+    }
+  });
+});
+var _SelectedContext = require("./SelectedContext");
+Object.keys(_SelectedContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectedContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SelectedContext[key];
+    }
+  });
+});
+var _SearchContext = require("./SearchContext");
+Object.keys(_SearchContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SearchContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SearchContext[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,eAAe;AAC7B,cAAc,mBAAmB;AACjC,cAAc,iBAAiB"}
+{"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,CAAA;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,CAAA;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,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/CommandPalette/index.js

@@ -1,2 +1,17 @@
-export * from "./CommandPalette";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CommandPalette = require("./CommandPalette");
+Object.keys(_CommandPalette).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CommandPalette[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CommandPalette[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,kBAAkB"}
+{"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,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js

@@ -1,38 +1,42 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
-import React from "react";
-import classnames from "classnames";
-import { StyledCompleteCheckbox } from "./Styles";
-export var CompleteCheckbox = function CompleteCheckbox(_ref) {
-  var _ref$completed = _ref.completed,
-    completed = _ref$completed === void 0 ? false : _ref$completed,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$animate = _ref.animate,
-    animate = _ref$animate === void 0 ? false : _ref$animate,
-    onClick = _ref.onClick,
-    className = _ref.className,
-    _ref$primary = _ref.primary,
-    primary = _ref$primary === void 0 ? false : _ref$primary,
-    checkMarkClassName = _ref.checkMarkClassName,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledCompleteCheckbox, _extends({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompleteCheckbox = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+const CompleteCheckbox = _ref => {
+  let {
+    completed = false,
+    disabled = false,
+    animate = false,
+    onClick,
+    className,
+    primary = false,
+    checkMarkClassName,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCompleteCheckbox, (0, _extends2.default)({
     onClick: onClick,
-    className: classnames("c-complete-checkbox", className),
+    className: (0, _classnames.default)("c-complete-checkbox", className),
     $primary: primary,
     $completed: completed,
     $disabled: disabled,
     $animation: !disabled && completed && animate,
     $checkMarkClassName: !!checkMarkClassName
-  }, rest), /*#__PURE__*/React.createElement("svg", {
+  }, rest), /*#__PURE__*/_react.default.createElement("svg", {
     viewBox: "0 0 48 48",
     className: checkMarkClassName
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8"
-  }), /*#__PURE__*/React.createElement("polyline", {
+  }), /*#__PURE__*/_react.default.createElement("polyline", {
     points: "19.5,24 22.5,27 28.5,21"
   })));
 };
+exports.CompleteCheckbox = CompleteCheckbox;
 CompleteCheckbox.displayName = "CompleteCheckbox";
 //# sourceMappingURL=CompleteCheckbox.js.map

package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n  ...rest\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n      {...rest}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AACnE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,sBAAsB,QAAQ,UAAU;AAoBjD,OAAO,IAAMC,gBAA4C,GAAG,SAA/CA,gBAA4C,OASnD;EAAA,0BARJC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,kBAAkB,QAAlBA,kBAAkB;IACfC,IAAI;EAEP,oBACE,oBAAC,sBAAsB;IACrB,OAAO,EAAEJ,OAAQ;IACjB,SAAS,EAAEN,UAAU,CAAC,qBAAqB,EAAEO,SAAS,CAAE;IACxD,QAAQ,EAAEC,OAAQ;IAClB,UAAU,EAAEL,SAAU;IACtB,SAAS,EAAEC,QAAS;IACpB,UAAU,EAAE,CAACA,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9C,mBAAmB,EAAE,CAAC,CAACI;EAAmB,GACtCC,IAAI,gBAER;IAAK,OAAO,EAAC,WAAW;IAAC,SAAS,EAAED;EAAmB,gBACrD;IAAM,CAAC,EAAC;EAA+F,EAAG,eAC1G;IAAU,MAAM,EAAC;EAAyB,EAAG,CACzC,CACiB;AAE7B,CAAC;AAEDP,gBAAgB,CAACS,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"CompleteCheckbox.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","CompleteCheckbox","_ref","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","default","createElement","StyledCompleteCheckbox","_extends2","classnames","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","exports","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n  ...rest\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n      {...rest}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAoBO,MAAMG,gBAA4C,GAAGC,IAAA,IAStD;EAAA,IATuD;IAC3DC,SAAS,GAAG,KAAK;IACjBC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,SAAS;IACTC,OAAO,GAAG,KAAK;IACfC,kBAAkB;IAClB,GAAGC;EACL,CAAC,GAAAR,IAAA;EACC,oBACEN,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAa,sBAAsB,MAAAC,SAAA,CAAAH,OAAA;IACrBL,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAE,IAAAQ,mBAAU,EAAC,qBAAqB,EAAER,SAAS,CAAE;IACxDS,QAAQ,EAAER,OAAQ;IAClBS,UAAU,EAAEd,SAAU;IACtBe,SAAS,EAAEd,QAAS;IACpBe,UAAU,EAAE,CAACf,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9Ce,mBAAmB,EAAE,CAAC,CAACX;EAAmB,GACtCC,IAAI,gBAERd,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAKS,OAAO,EAAC,WAAW;IAACd,SAAS,EAAEE;EAAmB,gBACrDb,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAMU,CAAC,EAAC;EAA+F,CAAE,CAAC,eAC1G1B,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAUW,MAAM,EAAC;EAAyB,CAAE,CACzC,CACiB,CAAC;AAE7B,CAAC;AAACC,OAAA,CAAAvB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACwB,WAAW,GAAG,kBAAkB"}