@activecollab/components 2.0.265 → 2.0.266

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.styles.js","names":["styled","screen","FontStyle","SpinnerLoader","StyledCommandPalette","div","withConfig","displayName","componentId","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","_ref","$selected","_ref2","StyledCommandPaletteCommandItem","StyledSpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\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,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,aAAa,QAAQ,YAAY;AAE1C,OAAO,MAAMC,oBAAoB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4LAC1CN,SAAS,CAUZ;AAED,OAAO,MAAMO,2BAA2B,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJAUpD;AAED,OAAO,MAAME,0BAA0B,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAOnD;AAED,OAAO,MAAMG,gBAAgB,GAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMzC;AAED,OAAO,MAAMI,WAAW,GAAGZ,MAAM,CAACa,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wnBAMnCP,MAAM,CAACa,EAAE,CA+BZ;AAED,OAAO,MAAMC,eAAe,GAAGf,MAAM,CAACgB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4JAKtCP,MAAM,CAACa,EAAE,CAMZ;AAED,OAAO,MAAMG,mBAAmB,GAAGjB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAI5C;AAED,OAAO,MAAMU,UAAU,GAAGlB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMnC;AAED,OAAO,MAAMW,wBAAwB,GAAGnB,MAAM,CAACoB,EAAE,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iIAShD;AAED,OAAO,MAAMa,aAAa,GAAGrB,MAAM,CAACsB,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAQpC;;AAED;AACA,OAAO,MAAMe,wBAAwB,GAAGvB,MAAM,CAACwB,CAAC,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2WAS1BiB,IAAA;EAAA,IAAC;IAACC;EAAS,CAAC,GAAAD,IAAA;EAAA,OAAKC,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5EC,KAAA;EAAA,IAAC;IAACD;EAAS,CAAC,GAAAC,KAAA;EAAA,OAAKD,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAED,OAAO,MAAME,+BAA+B,GAAG5B,MAAM,CAACuB,wBAAwB,CAAC,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAE9E;AAED,OAAO,MAAMqB,mBAAmB,GAAG7B,MAAM,CAACG,aAAa,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEvD;AAED,OAAO,MAAMsB,8BAA8B,GAAG9B,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAUvD"}
+{"version":3,"file":"CommandPalette.styles.js","names":["styled","screen","FontStyle","SpinnerLoader","StyledCommandPalette","div","withConfig","displayName","componentId","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","_ref","$selected","_ref2","StyledCommandPaletteCommandItem","StyledSpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\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,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,aAAa,QAAQ,YAAY;AAE1C,OAAO,MAAMC,oBAAoB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4LAC1CN,SAAS,CAUZ;AAED,OAAO,MAAMO,2BAA2B,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJAUpD;AAED,OAAO,MAAME,0BAA0B,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAOnD;AAED,OAAO,MAAMG,gBAAgB,GAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMzC;AAED,OAAO,MAAMI,WAAW,GAAGZ,MAAM,CAACa,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wnBAMnCP,MAAM,CAACa,EAAE,CA+BZ;AAED,OAAO,MAAMC,eAAe,GAAGf,MAAM,CAACgB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4JAKtCP,MAAM,CAACa,EAAE,CAMZ;AAED,OAAO,MAAMG,mBAAmB,GAAGjB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAI5C;AAED,OAAO,MAAMU,UAAU,GAAGlB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMnC;AAED,OAAO,MAAMW,wBAAwB,GAAGnB,MAAM,CAACoB,EAAE,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iIAShD;AAED,OAAO,MAAMa,aAAa,GAAGrB,MAAM,CAACsB,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAQpC;;AAED;AACA,OAAO,MAAMe,wBAAwB,GAAGvB,MAAM,CAACwB,CAAC,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2WAS1BiB,IAAA;EAAA,IAAC;IAACC;EAAS,CAAC,GAAAD,IAAA;EAAA,OAAKC,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5EC,KAAA;EAAA,IAAC;IAACD;EAAS,CAAC,GAAAC,KAAA;EAAA,OAAKD,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAED,OAAO,MAAME,+BAA+B,GAAG5B,MAAM,CAACuB,wBAAwB,CAAC,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAE9E;AAED,OAAO,MAAMqB,mBAAmB,GAAG7B,MAAM,CAACG,aAAa,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEvD;AAED,OAAO,MAAMsB,8BAA8B,GAAG9B,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAUvD","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteCommandItem.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQhF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAI3B,MAAM,WAAW,8BACf,SAAQ,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,SAAS,CAAC;CAC7B;AAED,MAAM,MAAM,yCAAyC,CAAC,CAAC,SAAS,WAAW,IACzE,gCAAgC,CAAC,CAAC,EAAE,8BAA8B,CAAC,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG,CACpC,CAAC,SAAS,WAAW,GAAG,OAAO,yBAAyB,EAExD,KAAK,EAAE,yCAAyC,CAAC,CAAC,CAAC,KAChD,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAErC,eAAO,MAAM,yBAAyB,EAAE,uBAAuB,GAAG;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;CAkDtB,CAAC"}
+{"version":3,"file":"CommandPaletteCommandItem.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQhF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAI3B,MAAM,WAAW,8BACf,SAAQ,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,SAAS,CAAC;CAC7B;AAED,MAAM,MAAM,yCAAyC,CAAC,CAAC,SAAS,WAAW,IACzE,gCAAgC,CAAC,CAAC,EAAE,8BAA8B,CAAC,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG,CACpC,CAAC,SAAS,WAAW,GAAG,OAAO,yBAAyB,EAExD,KAAK,EAAE,yCAAyC,CAAC,CAAC,CAAC,KAChD,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAErC,eAAO,MAAM,yBAAyB,EAAE,uBAAuB,GAAG;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;CAoDtB,CAAC"}

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

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _styled from "styled-components";
+const _excluded = ["title", "renderIcon", "className", "index", "as"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledCommandPaletteCommandItem, StyledIcon } from "./CommandPalette.styles";
@@ -8,13 +10,13 @@ import { ArrowRightIcon } from "../Icons";
 import { Typography } from "../Typography/Typography";
 export const CommandPaletteCommandItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    title,
-    renderIcon,
-    className,
-    index,
-    as,
-    ...rest
-  } = _ref;
+      title,
+      renderIcon,
+      className,
+      index,
+      as
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "a";
   const icon = renderIcon();
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteCommandItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteCommandItem","StyledIcon","useSelectedContext","ArrowRightIcon","Typography","CommandPaletteCommandItem","_ref","ref","title","renderIcon","className","index","as","rest","Component","icon","selected","setSelected","onMouseEnter","createElement","_extends","tabIndex","$selected","_StyledTypography","overflow","whitespace","variant","color","displayName","_styled","withConfig","componentId"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledCommandPaletteCommandItem,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\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,OAAOA,KAAK,IAAiBC,UAAU,QAAiC,OAAO;AAE/E,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,+BAA+B,EAC/BC,UAAU,QACL,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,WAAW;AAK9C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AAiBrD,OAAO,MAAMC,yBAEZ,gBAAGP,UAAU,CACZ,CAAAQ,IAAA,EASEC,GAAuB,KACpB;EAAA,IATH;IACEC,KAAK;IACLC,UAAU;IACVC,SAAS;IACTC,KAAK;IACLC,EAAE;IACF,GAAGC;EACyC,CAAC,GAAAP,IAAA;EAG/C,MAAMQ,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,MAAMG,IAAI,GAAGN,UAAU,CAAC,CAAC;EACzB,MAAM;IAAEO,QAAQ;IAAEC;EAAY,CAAC,GAAGf,kBAAkB,CAAC,CAAC;EAEtD,MAAMgB,YAAY,GAAGA,CAAA,KAAM;IACzBD,WAAW,CAACN,KAAe,CAAC;EAC9B,CAAC;EAED,oBACEd,KAAA,CAAAsB,aAAA,0BACEtB,KAAA,CAAAsB,aAAA,CAACnB,+BAA+B,EAAAoB,QAAA,KAC1BP,IAAI;IACRD,EAAE,EAAEE,SAAU;IACdP,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEX,UAAU,CAAC,oBAAoB,EAAEW,SAAS,CAAE;IACvDW,QAAQ,EAAE,CAAE;IACZ,iBAAeL,QAAQ,KAAKL,KAAM;IAClCO,YAAY,EAAEA,YAAa;IAC3BI,SAAS,EAAEX,KAAK,KAAKK;EAAS,iBAE9BnB,KAAA,CAAAsB,aAAA,CAAClB,UAAU,QAAEc,IAAiB,CAAC,eAC/BlB,KAAA,CAAAsB,aAAA,CAAAI,iBAAA;IACEC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC;EAAS,GAKdnB,KACS,CAAC,eACbX,KAAA,CAAAsB,aAAA,CAAChB,cAAc,MAAE,CACc,CAC/B,CAAC;AAET,CACF,CAAC;AAEDE,yBAAyB,CAACuB,WAAW,GAAG,2BAA2B;AAAC,IAAAL,iBAAA,GAAAM,OAAA,CAAAzB,UAAA,EAAA0B,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA"}
+{"version":3,"file":"CommandPaletteCommandItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteCommandItem","StyledIcon","useSelectedContext","ArrowRightIcon","Typography","CommandPaletteCommandItem","_ref","ref","title","renderIcon","className","index","as","rest","_objectWithoutPropertiesLoose","_excluded","Component","icon","selected","setSelected","onMouseEnter","createElement","_extends","tabIndex","$selected","_StyledTypography","overflow","whitespace","variant","color","displayName","_styled","withConfig","componentId"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledCommandPaletteCommandItem,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\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,OAAOA,KAAK,IAAiBC,UAAU,QAAiC,OAAO;AAE/E,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,+BAA+B,EAC/BC,UAAU,QACL,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,WAAW;AAK9C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AAiBrD,OAAO,MAAMC,yBAEZ,gBAAGP,UAAU,CAGZ,CAAAQ,IAAA,EASEC,GAAuB,KACpB;EAAA,IATH;MACEC,KAAK;MACLC,UAAU;MACVC,SAAS;MACTC,KAAK;MACLC;IAE4C,CAAC,GAAAN,IAAA;IAD1CO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,MAAMC,SAAS,GAAGJ,EAAE,IAAI,GAAG;EAC3B,MAAMK,IAAI,GAAGR,UAAU,CAAC,CAAC;EACzB,MAAM;IAAES,QAAQ;IAAEC;EAAY,CAAC,GAAGjB,kBAAkB,CAAC,CAAC;EAEtD,MAAMkB,YAAY,GAAGA,CAAA,KAAM;IACzBD,WAAW,CAACR,KAAe,CAAC;EAC9B,CAAC;EAED,oBACEd,KAAA,CAAAwB,aAAA,0BACExB,KAAA,CAAAwB,aAAA,CAACrB,+BAA+B,EAAAsB,QAAA,KAC1BT,IAAI;IACRD,EAAE,EAAEI,SAAU;IACdT,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEX,UAAU,CAAC,oBAAoB,EAAEW,SAAS,CAAE;IACvDa,QAAQ,EAAE,CAAE;IACZ,iBAAeL,QAAQ,KAAKP,KAAM;IAClCS,YAAY,EAAEA,YAAa;IAC3BI,SAAS,EAAEb,KAAK,KAAKO;EAAS,iBAE9BrB,KAAA,CAAAwB,aAAA,CAACpB,UAAU,QAAEgB,IAAiB,CAAC,eAC/BpB,KAAA,CAAAwB,aAAA,CAAAI,iBAAA;IACEC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC;EAAS,GAKdrB,KACS,CAAC,eACbX,KAAA,CAAAwB,aAAA,CAAClB,cAAc,MAAE,CACc,CAC/B,CAAC;AAET,CACF,CAAC;AAEDE,yBAAyB,CAACyB,WAAW,GAAG,2BAA2B;AAAC,IAAAL,iBAAA,GAAAM,OAAA,CAAA3B,UAAA,EAAA4B,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA","ignoreList":[]}

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

@@ -1,11 +1,11 @@
 import React, { useEffect, useMemo, useRef } from "react";
 import { StyledActionWrapper, StyledCommandPaletteHeader, StyledInput, StyledParameter, StyledSearchIcon, StyledSpinnerLoader } from "./CommandPalette.styles";
 import { useSelectedContext } from "./context";
-import { useModeContext } from "./context/ModeContext";
-import { useSearchContext } from "./context/SearchContext";
 import { IconButton } from "../IconButton";
 import { CloseIcon, HashtagIcon, SearchLargeIcon } from "../Icons";
 import { Tooltip } from "../Tooltip";
+import { useModeContext } from "./context/ModeContext";
+import { useSearchContext } from "./context/SearchContext";
 export const CommandPaletteHeader = _ref => {
   let {
     loading = false,

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteHeader.js","names":["React","useEffect","useMemo","useRef","StyledActionWrapper","StyledCommandPaletteHeader","StyledInput","StyledParameter","StyledSearchIcon","StyledSpinnerLoader","useSelectedContext","useModeContext","useSearchContext","IconButton","CloseIcon","HashtagIcon","SearchLargeIcon","Tooltip","CommandPaletteHeader","_ref","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","createElement","className","name","slice","ref","autoFocus","placeholder","type","autoCapitalize","autoComplete","autoCorrect","role","spellCheck","onKeyDown","onChange","inputText","startsWith","title","placement","onKeyPress","onClick","variant","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteHeader.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport {\n  StyledActionWrapper,\n  StyledCommandPaletteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n  StyledSpinnerLoader,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { useModeContext } from \"./context/ModeContext\";\nimport { useSearchContext } from \"./context/SearchContext\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\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","useEffect","useMemo","useRef","StyledActionWrapper","StyledCommandPaletteHeader","StyledInput","StyledParameter","StyledSearchIcon","StyledSpinnerLoader","useSelectedContext","IconButton","CloseIcon","HashtagIcon","SearchLargeIcon","Tooltip","useModeContext","useSearchContext","CommandPaletteHeader","_ref","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","createElement","className","name","slice","ref","autoFocus","placeholder","type","autoCapitalize","autoComplete","autoCorrect","role","spellCheck","onKeyDown","onChange","inputText","startsWith","title","placement","onKeyPress","onClick","variant","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteHeader.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport {\n  StyledActionWrapper,\n  StyledCommandPaletteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n  StyledSpinnerLoader,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\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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","ignoreList":[]}

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _styled2 from "styled-components";
-import _styled from "styled-components";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _styled, { default as _styled2 } from "styled-components";
+const _excluded = ["title", "renderIcon", "className", "index", "loading", "as"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledCommandPaletteItem, StyledCommandPaletteItemLoader, StyledIcon } from "./CommandPalette.styles";
@@ -16,14 +17,14 @@ const generateRandomWidth = () => {
 };
 export const CommandPaletteItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    title,
-    renderIcon,
-    className,
-    index,
-    loading,
-    as,
-    ...rest
-  } = _ref;
+      title,
+      renderIcon,
+      className,
+      index,
+      loading,
+      as
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "a";
   const icon = renderIcon && renderIcon();
   const {
@@ -63,17 +64,14 @@ export const CommandPaletteItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   }) : null));
 });
 CommandPaletteItem.displayName = "CommandPaletteItem";
-var _StyledSkeletonLoader = _styled(SkeletonLoader).withConfig({
-  displayName: "CommandPaletteItem___StyledSkeletonLoader",
-  componentId: "sc-6tfj5q-0"
-})({
+var _StyledSkeletonLoader = _styled(SkeletonLoader)({
   width: 24,
   height: 24,
   borderRadius: "100%"
 });
-var _StyledSkeletonLoader2 = _styled(SkeletonLoader).withConfig({
+var _StyledSkeletonLoader2 = _styled2(SkeletonLoader).withConfig({
   displayName: "CommandPaletteItem___StyledSkeletonLoader2",
-  componentId: "sc-6tfj5q-1"
+  componentId: "sc-6tfj5q-0"
 })(p => ({
   width: p.$_css,
   height: 16

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteItem","StyledCommandPaletteItemLoader","StyledIcon","useSelectedContext","useSearchContext","findHighlightedSearch","SkeletonLoader","Typography","generateRandomWidth","randomNum","Math","round","random","CommandPaletteItem","_ref","ref","title","renderIcon","className","index","loading","as","rest","Component","icon","selected","setSelected","search","onMouseEnter","createElement","_StyledSkeletonLoader","_StyledSkeletonLoader2","$_css","_extends","tabIndex","$selected","overflow","whitespace","variant","color","dangerouslySetInnerHTML","__html","displayName","_styled","withConfig","componentId","width","height","borderRadius","p"],"sources":["../../../../src/components/CommandPalette/CommandPaletteItem.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  ElementType,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledCommandPaletteItem,\n  StyledCommandPaletteItemLoader,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { useSearchContext } from \"./context/SearchContext\";\nimport { findHighlightedSearch } from \"../../utils/findHighlightedSearch\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { SkeletonLoader } from \"../Loaders\";\nimport { Typography } from \"../Typography/Typography\";\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          <SkeletonLoader\n            css={{ width: 24, height: 24, borderRadius: \"100%\" }}\n          />\n          <SkeletonLoader 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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"}
+{"version":3,"file":"CommandPaletteItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteItem","StyledCommandPaletteItemLoader","StyledIcon","useSelectedContext","useSearchContext","findHighlightedSearch","SkeletonLoader","Typography","generateRandomWidth","randomNum","Math","round","random","CommandPaletteItem","_ref","ref","title","renderIcon","className","index","loading","as","rest","_objectWithoutPropertiesLoose","_excluded","Component","icon","selected","setSelected","search","onMouseEnter","createElement","_StyledSkeletonLoader","_StyledSkeletonLoader2","$_css","_extends","tabIndex","$selected","overflow","whitespace","variant","color","dangerouslySetInnerHTML","__html","displayName","_styled","width","height","borderRadius","_styled2","withConfig","componentId","p"],"sources":["../../../../src/components/CommandPalette/CommandPaletteItem.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  ElementType,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledCommandPaletteItem,\n  StyledCommandPaletteItemLoader,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { useSearchContext } from \"./context/SearchContext\";\nimport { findHighlightedSearch } from \"../../utils/findHighlightedSearch\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { SkeletonLoader } from \"../Loaders\";\nimport { Typography } from \"../Typography/Typography\";\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          <SkeletonLoader\n            css={{ width: 24, height: 24, borderRadius: \"100%\" }}\n          />\n          <SkeletonLoader 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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteList.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB;sCAI5B,kBAAkB,uBAAuB,CAAC;;CAQ5C,CAAC"}
+{"version":3,"file":"CommandPaletteList.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB;sCAI5B,iBAAiB,CAAC,uBAAuB,CAAC;;CAQ5C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteList.js","names":["React","StyledCommandPaletteList","StyledHeading","CommandPaletteList","_ref","children","heading","visible","createElement","className","tabIndex","role","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\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;AAEhD,SACEC,wBAAwB,EACxBC,aAAa,QACR,yBAAyB;AAOhC,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAIgB;EAAA,IAJf;IACjCC,QAAQ;IACRC,OAAO;IACPC,OAAO,GAAG;EACgC,CAAC,GAAAH,IAAA;EAC3C,OAAOG,OAAO,gBACZP,KAAA,CAAAQ,aAAA,CAACP,wBAAwB;IAACQ,SAAS,EAAC,SAAS;IAACC,QAAQ,EAAE,CAAC,CAAE;IAACC,IAAI,EAAC;EAAS,GACvEL,OAAO,gBAAGN,KAAA,CAAAQ,aAAA,CAACN,aAAa;IAACQ,QAAQ,EAAE,CAAC;EAAE,GAAEJ,OAAuB,CAAC,GAAG,IAAI,EAEvED,QACuB,CAAC,GACzB,IAAI;AACV,CAAC;AAEDF,kBAAkB,CAACS,WAAW,GAAG,oBAAoB"}
+{"version":3,"file":"CommandPaletteList.js","names":["React","StyledCommandPaletteList","StyledHeading","CommandPaletteList","_ref","children","heading","visible","createElement","className","tabIndex","role","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\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;AAEhD,SACEC,wBAAwB,EACxBC,aAAa,QACR,yBAAyB;AAOhC,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAIgB;EAAA,IAJf;IACjCC,QAAQ;IACRC,OAAO;IACPC,OAAO,GAAG;EACgC,CAAC,GAAAH,IAAA;EAC3C,OAAOG,OAAO,gBACZP,KAAA,CAAAQ,aAAA,CAACP,wBAAwB;IAACQ,SAAS,EAAC,SAAS;IAACC,QAAQ,EAAE,CAAC,CAAE;IAACC,IAAI,EAAC;EAAS,GACvEL,OAAO,gBAAGN,KAAA,CAAAQ,aAAA,CAACN,aAAa;IAACQ,QAAQ,EAAE,CAAC;EAAE,GAAEJ,OAAuB,CAAC,GAAG,IAAI,EAEvED,QACuB,CAAC,GACzB,IAAI;AACV,CAAC;AAEDF,kBAAkB,CAACS,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/esm/components/CommandPalette/context/ModeContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchContext } from "../CommandPalette";
 interface ModeContextProps {
     mode: string | SearchContext;

package/dist/esm/components/CommandPalette/context/ModeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModeContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandPalette/context/ModeContext.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC;IAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,2CAItB,CAAC;AAEH,eAAO,MAAM,mBAAmB,4CAAuB,CAAC;AAExD,eAAO,MAAM,cAAc,QAAO,gBAA2C,CAAC"}
+{"version":3,"file":"ModeContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandPalette/context/ModeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC;IAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,2CAItB,CAAC;AAEH,eAAO,MAAM,mBAAmB,4CAAuB,CAAC;AAExD,eAAO,MAAM,cAAc,QAAO,gBAA2C,CAAC"}

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\";\n\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;AAUjD,OAAO,MAAMC,WAAW,gBAAGF,aAAa,CAAmB;EACzDG,IAAI,EAAE,SAAS;EACfC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGJ,WAAW,CAACK,QAAQ;AAEvD,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAwBP,UAAU,CAACC,WAAW,CAAC"}
+{"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\";\n\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;AAUjD,OAAO,MAAMC,WAAW,gBAAGF,aAAa,CAAmB;EACzDG,IAAI,EAAE,SAAS;EACfC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGJ,WAAW,CAACK,QAAQ;AAEvD,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAwBP,UAAU,CAACC,WAAW,CAAC","ignoreList":[]}

package/dist/esm/components/CommandPalette/context/SearchContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SearchContextProps {
     search: string;
     onChangeSearch: (value: string) => void;

package/dist/esm/components/CommandPalette/context/SearchContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandPalette/context/SearchContext.tsx"],"names":[],"mappings":";AAEA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,aAAa,6CAGxB,CAAC;AAEH,eAAO,MAAM,qBAAqB,8CAAyB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,QAAO,kBACT,CAAC"}
+{"version":3,"file":"SearchContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandPalette/context/SearchContext.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,aAAa,6CAGxB,CAAC;AAEH,eAAO,MAAM,qBAAqB,8CAAyB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,QAAO,kBACT,CAAC"}

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,MAAMC,aAAa,gBAAGF,aAAa,CAAqB;EAC7DG,MAAM,EAAE,EAAE;EACVC,cAAc,EAAEA,CAAA,KAAM;AACxB,CAAC,CAAC;AAEF,OAAO,MAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAAQ;AAE3D,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAC9BN,UAAU,CAACC,aAAa,CAAC"}
+{"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,MAAMC,aAAa,gBAAGF,aAAa,CAAqB;EAC7DG,MAAM,EAAE,EAAE;EACVC,cAAc,EAAEA,CAAA,KAAM;AACxB,CAAC,CAAC;AAEF,OAAO,MAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAAQ;AAE3D,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAC9BN,UAAU,CAACC,aAAa,CAAC","ignoreList":[]}

package/dist/esm/components/CommandPalette/context/SelectedContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SelectedContextProps {
     selected: number;
     setSelected: (value: number) => void;

package/dist/esm/components/CommandPalette/context/SelectedContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandPalette/context/SelectedContext.tsx"],"names":[],"mappings":";AAEA,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,eAAe,+CAG1B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gDAA2B,CAAC;AAEhE,eAAO,MAAM,kBAAkB,QAAO,oBACT,CAAC"}
+{"version":3,"file":"SelectedContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandPalette/context/SelectedContext.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,eAAe,+CAG1B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gDAA2B,CAAC;AAEhE,eAAO,MAAM,kBAAkB,QAAO,oBACT,CAAC"}

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,MAAMC,eAAe,gBAAGF,aAAa,CAAuB;EACjEG,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAEA,CAAA,KAAM;AACrB,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,GAAGH,eAAe,CAACI,QAAQ;AAE/D,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAChCN,UAAU,CAACC,eAAe,CAAC"}
+{"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,MAAMC,eAAe,gBAAGF,aAAa,CAAuB;EACjEG,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAEA,CAAA,KAAM;AACrB,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,GAAGH,eAAe,CAACI,QAAQ;AAE/D,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAChCN,UAAU,CAACC,eAAe,CAAC","ignoreList":[]}

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":[],"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","ignoreList":[]}

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":[],"sources":["../../../../src/components/CommandPalette/index.ts"],"sourcesContent":["export * from \"./CommandPalette\";\n"],"mappings":"AAAA,cAAc,kBAAkB","ignoreList":[]}

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

@@ -1,18 +1,20 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
 import React from "react";
 import classnames from "classnames";
 import { StyledCompleteCheckbox } from "./Styles";
 export const CompleteCheckbox = _ref => {
   let {
-    completed = false,
-    disabled = false,
-    animate = false,
-    onClick,
-    className,
-    primary = false,
-    checkMarkClassName,
-    ...rest
-  } = _ref;
+      completed = false,
+      disabled = false,
+      animate = false,
+      onClick,
+      className,
+      primary = false,
+      checkMarkClassName
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledCompleteCheckbox, _extends({
     onClick: onClick,
     className: classnames("c-complete-checkbox", className),

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

@@ -1 +1 @@
-{"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","_ref","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","createElement","_extends","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\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;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,sBAAsB,QAAQ,UAAU;AAoBjD,OAAO,MAAMC,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,oBACEJ,KAAA,CAAAa,aAAA,CAACX,sBAAsB,EAAAY,QAAA;IACrBN,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAER,UAAU,CAAC,qBAAqB,EAAEQ,SAAS,CAAE;IACxDM,QAAQ,EAAEL,OAAQ;IAClBM,UAAU,EAAEX,SAAU;IACtBY,SAAS,EAAEX,QAAS;IACpBY,UAAU,EAAE,CAACZ,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9CY,mBAAmB,EAAE,CAAC,CAACR;EAAmB,GACtCC,IAAI,gBAERZ,KAAA,CAAAa,aAAA;IAAKO,OAAO,EAAC,WAAW;IAACX,SAAS,EAAEE;EAAmB,gBACrDX,KAAA,CAAAa,aAAA;IAAMQ,CAAC,EAAC;EAA+F,CAAE,CAAC,eAC1GrB,KAAA,CAAAa,aAAA;IAAUS,MAAM,EAAC;EAAyB,CAAE,CACzC,CACiB,CAAC;AAE7B,CAAC;AAEDnB,gBAAgB,CAACoB,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","_ref","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\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;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,sBAAsB,QAAQ,UAAU;AAoBjD,OAAO,MAAMC,gBAA4C,GAAGC,IAAA,IAStD;EAAA,IATuD;MAC3DC,SAAS,GAAG,KAAK;MACjBC,QAAQ,GAAG,KAAK;MAChBC,OAAO,GAAG,KAAK;MACfC,OAAO;MACPC,SAAS;MACTC,OAAO,GAAG,KAAK;MACfC;IAEF,CAAC,GAAAP,IAAA;IADIQ,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EAEP,oBACEd,KAAA,CAAAe,aAAA,CAACb,sBAAsB,EAAAc,QAAA;IACrBR,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAER,UAAU,CAAC,qBAAqB,EAAEQ,SAAS,CAAE;IACxDQ,QAAQ,EAAEP,OAAQ;IAClBQ,UAAU,EAAEb,SAAU;IACtBc,SAAS,EAAEb,QAAS;IACpBc,UAAU,EAAE,CAACd,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9Cc,mBAAmB,EAAE,CAAC,CAACV;EAAmB,GACtCC,IAAI,gBAERZ,KAAA,CAAAe,aAAA;IAAKO,OAAO,EAAC,WAAW;IAACb,SAAS,EAAEE;EAAmB,gBACrDX,KAAA,CAAAe,aAAA;IAAMQ,CAAC,EAAC;EAA+F,CAAE,CAAC,eAC1GvB,KAAA,CAAAe,aAAA;IAAUS,MAAM,EAAC;EAAyB,CAAE,CACzC,CACiB,CAAC;AAE7B,CAAC;AAEDrB,gBAAgB,CAACsB,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","keyframes","burstScale","burstAnimation","StyledCompleteCheckbox","button","withConfig","displayName","componentId","props","$primary","$completed","$disabled","$animation","$checkMarkClassName"],"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n  $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.button<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n  background-color: transparent;\n  padding: 0;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover,\n      &:focus-visible {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        outline: none;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n\n  ${(props) =>\n    !props.$checkMarkClassName &&\n    css`\n      svg {\n        ${tw`tw-w-12 tw-h-12`}\n      }\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAW1D,MAAMC,UAAU,GAAGD,SAAS,sDAO3B;AAED,MAAME,cAAc,GAAGF,SAAS,wDAO/B;AAED,OAAO,MAAMG,sBAAsB,GAAGL,MAAM,CAACM,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4aAC7C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAOrF;EAAA;EAAA;AAAmC,CAAC,EAavCC,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdV,GAAG,4CAIF,EAWES,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdV,GAAG,oCAEF,EAGFS,KAAK,IACNA,KAAK,CAACE,UAAU,IAChBX,GAAG,+RAKC,CAACS,KAAK,CAACC,QAAQ,IACjBV,GAAG,qEACG;EAAA;EAAA;AAA0B,CAAC,CAGhC,EAIGS,KAAK,CAACC,QAAQ,IAChBV,GAAG,uDAEF,EAMCS,KAAK,CAACC,QAAQ,IAChBV,GAAG,oCAEF,CAQJ,EAEAS,KAAK,IACN,CAACA,KAAK,CAACE,UAAU,IACjB,CAACF,KAAK,CAACG,SAAS,IAChBZ,GAAG,2LAOG,CAACS,KAAK,CAACC,QAAQ,IACjBV,GAAG,kEAGF,CAKJ,EAEAS,KAAK,IACNA,KAAK,CAACI,UAAU,IAChBb,GAAG,mFAGcE,UAAU,EACnBC,cAAc,CAErB,EAEAM,KAAK,IACNA,KAAK,CAACG,SAAS,IACfZ,GAAG,wBACG;EAAA;AAAkB,CAAC,CAExB,EAEAS,KAAK,IACN,CAACA,KAAK,CAACK,mBAAmB,IAC1Bd,GAAG,gBAEK;EAAA;EAAA;AAAgB,CAAC,CAExB,CACJ;AAEDI,sBAAsB,CAACG,WAAW,GAAG,wBAAwB"}
+{"version":3,"file":"Styles.js","names":["styled","css","keyframes","burstScale","burstAnimation","StyledCompleteCheckbox","button","withConfig","displayName","componentId","props","$primary","$completed","$disabled","$animation","$checkMarkClassName"],"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n  $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.button<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n  background-color: transparent;\n  padding: 0;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover,\n      &:focus-visible {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        outline: none;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n\n  ${(props) =>\n    !props.$checkMarkClassName &&\n    css`\n      svg {\n        ${tw`tw-w-12 tw-h-12`}\n      }\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAW1D,MAAMC,UAAU,GAAGD,SAAS,sDAO3B;AAED,MAAME,cAAc,GAAGF,SAAS,wDAO/B;AAED,OAAO,MAAMG,sBAAsB,GAAGL,MAAM,CAACM,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4aAC7C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAOrF;EAAA;EAAA;AAAmC,CAAC,EAavCC,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdV,GAAG,4CAIF,EAWES,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdV,GAAG,oCAEF,EAGFS,KAAK,IACNA,KAAK,CAACE,UAAU,IAChBX,GAAG,+RAKC,CAACS,KAAK,CAACC,QAAQ,IACjBV,GAAG,qEACG;EAAA;EAAA;AAA0B,CAAC,CAGhC,EAIGS,KAAK,CAACC,QAAQ,IAChBV,GAAG,uDAEF,EAMCS,KAAK,CAACC,QAAQ,IAChBV,GAAG,oCAEF,CAQJ,EAEAS,KAAK,IACN,CAACA,KAAK,CAACE,UAAU,IACjB,CAACF,KAAK,CAACG,SAAS,IAChBZ,GAAG,2LAOG,CAACS,KAAK,CAACC,QAAQ,IACjBV,GAAG,kEAGF,CAKJ,EAEAS,KAAK,IACNA,KAAK,CAACI,UAAU,IAChBb,GAAG,mFAGcE,UAAU,EACnBC,cAAc,CAErB,EAEAM,KAAK,IACNA,KAAK,CAACG,SAAS,IACfZ,GAAG,wBACG;EAAA;AAAkB,CAAC,CAExB,EAEAS,KAAK,IACN,CAACA,KAAK,CAACK,mBAAmB,IAC1Bd,GAAG,gBAEK;EAAA;EAAA;AAAgB,CAAC,CAExB,CACJ;AAEDI,sBAAsB,CAACG,WAAW,GAAG,wBAAwB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CompleteCheckbox/index.ts"],"sourcesContent":["export * from \"./CompleteCheckbox\";\n"],"mappings":"AAAA,cAAc,oBAAoB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CompleteCheckbox/index.ts"],"sourcesContent":["export * from \"./CompleteCheckbox\";\n"],"mappings":"AAAA,cAAc,oBAAoB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","useEffect","classnames","Button","Dialog","Body2","ConfirmDialog","_ref","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","fullWidth","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","createElement","onClose","disableCloseOnEsc","Title","ContentDivider","Content","lineHeight","color","whitespace","Actions","variant","style","marginRight","onClick","disabled","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { Button } from \"../Button/Button\";\nimport { Dialog } from \"../Dialog\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n  isLoading?: boolean;\n  fullWidth?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n      isLoading = false,\n      fullWidth = false,\n    },\n    ref\n  ) => {\n    useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Enter\" && onConfirm) {\n          event.preventDefault();\n          onConfirm();\n        }\n      };\n\n      if (open) {\n        window.addEventListener(\"keydown\", handleKeyDown);\n      }\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [open, onConfirm]);\n\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n        disableCloseOnEsc={isLoading}\n        fullWidth={fullWidth}\n      >\n        <Dialog.Title>{dialogTitle}</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n            disabled={isLoading}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n              disabled={isLoading}\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </Dialog.Actions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAEpD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,8BAA8B;AAgBpD,OAAO,MAAMC,aAAa,gBAAGN,UAAU,CACrC,CAAAO,IAAA,EAcEC,GAAG,KACA;EAAA,IAdH;IACEC,IAAI,GAAG,KAAK;IACZC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,WAAW,GAAG,kBAAkB;IAChCC,aAAa,GAAG,mCAAmC;IACnDC,cAAc,GAAG,IAAI;IACrBC,aAAa,GAAG,QAAQ;IACxBC,sBAAsB,GAAG,IAAI;IAC7BC,SAAS,GAAG,KAAK;IACjBC,SAAS,GAAG;EACd,CAAC,GAAAZ,IAAA;EAGDN,SAAS,CAAC,MAAM;IACd,MAAMmB,aAAa,GAAIC,KAAoB,IAAK;MAC9C,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAIX,SAAS,EAAE;QACtCU,KAAK,CAACE,cAAc,CAAC,CAAC;QACtBZ,SAAS,CAAC,CAAC;MACb;IACF,CAAC;IAED,IAAIF,IAAI,EAAE;MACRe,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEL,aAAa,CAAC;IACnD;IAEA,OAAO,MAAM;MACXI,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEN,aAAa,CAAC;IACtD,CAAC;EACH,CAAC,EAAE,CAACX,IAAI,EAAEE,SAAS,CAAC,CAAC;EAErB,oBACEZ,KAAA,CAAA4B,aAAA,CAACvB,MAAM;IACLI,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IACXmB,OAAO,EAAElB,QAAS;IAClBE,SAAS,EAAEV,UAAU,CAAC,kBAAkB,EAAEU,SAAS,CAAE;IACrDiB,iBAAiB,EAAEX,SAAU;IAC7BC,SAAS,EAAEA;EAAU,gBAErBpB,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAAC0B,KAAK,QAAEjB,WAA0B,CAAC,eAC1Cd,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAAC2B,cAAc,MAAE,CAAC,eACzBhC,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAAC4B,OAAO,qBACbjC,KAAA,CAAA4B,aAAA,CAACtB,KAAK;IAAC4B,UAAU,EAAC,OAAO;IAACC,KAAK,EAAC,WAAW;IAACC,UAAU,EAAC;EAAU,GAC9DrB,aACI,CACO,CAAC,eACjBf,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAAC2B,cAAc,MAAE,CAAC,eACzBhC,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAACgC,OAAO,qBACbrC,KAAA,CAAA4B,aAAA,CAACxB,MAAM;IACLkC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAO,CAAE;IAC/BC,OAAO,EAAE7B,SAAU;IACnB8B,QAAQ,EAAEvB;EAAU,GAEnBH,cACK,CAAC,EACRE,sBAAsB,gBACrBlB,KAAA,CAAA4B,aAAA,CAACxB,MAAM;IACLkC,OAAO,EAAC,WAAW;IACnB,eAAY,QAAQ;IACpBG,OAAO,EAAE9B,QAAS;IAClBgC,IAAI,EAAC,QAAQ;IACbD,QAAQ,EAAEvB;EAAU,GAEnBF,aACK,CAAC,GACP,IACU,CACV,CAAC;AAEb,CACF,CAAC;AAEDV,aAAa,CAACqC,WAAW,GAAG,eAAe"}
+{"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","useEffect","classnames","Button","Dialog","Body2","ConfirmDialog","_ref","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","fullWidth","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","createElement","onClose","disableCloseOnEsc","Title","ContentDivider","Content","lineHeight","color","whitespace","Actions","variant","style","marginRight","onClick","disabled","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { Button } from \"../Button/Button\";\nimport { Dialog } from \"../Dialog\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n  isLoading?: boolean;\n  fullWidth?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n      isLoading = false,\n      fullWidth = false,\n    },\n    ref\n  ) => {\n    useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Enter\" && onConfirm) {\n          event.preventDefault();\n          onConfirm();\n        }\n      };\n\n      if (open) {\n        window.addEventListener(\"keydown\", handleKeyDown);\n      }\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [open, onConfirm]);\n\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n        disableCloseOnEsc={isLoading}\n        fullWidth={fullWidth}\n      >\n        <Dialog.Title>{dialogTitle}</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n            disabled={isLoading}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n              disabled={isLoading}\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </Dialog.Actions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAEpD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,8BAA8B;AAgBpD,OAAO,MAAMC,aAAa,gBAAGN,UAAU,CACrC,CAAAO,IAAA,EAcEC,GAAG,KACA;EAAA,IAdH;IACEC,IAAI,GAAG,KAAK;IACZC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,WAAW,GAAG,kBAAkB;IAChCC,aAAa,GAAG,mCAAmC;IACnDC,cAAc,GAAG,IAAI;IACrBC,aAAa,GAAG,QAAQ;IACxBC,sBAAsB,GAAG,IAAI;IAC7BC,SAAS,GAAG,KAAK;IACjBC,SAAS,GAAG;EACd,CAAC,GAAAZ,IAAA;EAGDN,SAAS,CAAC,MAAM;IACd,MAAMmB,aAAa,GAAIC,KAAoB,IAAK;MAC9C,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAIX,SAAS,EAAE;QACtCU,KAAK,CAACE,cAAc,CAAC,CAAC;QACtBZ,SAAS,CAAC,CAAC;MACb;IACF,CAAC;IAED,IAAIF,IAAI,EAAE;MACRe,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEL,aAAa,CAAC;IACnD;IAEA,OAAO,MAAM;MACXI,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEN,aAAa,CAAC;IACtD,CAAC;EACH,CAAC,EAAE,CAACX,IAAI,EAAEE,SAAS,CAAC,CAAC;EAErB,oBACEZ,KAAA,CAAA4B,aAAA,CAACvB,MAAM;IACLI,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IACXmB,OAAO,EAAElB,QAAS;IAClBE,SAAS,EAAEV,UAAU,CAAC,kBAAkB,EAAEU,SAAS,CAAE;IACrDiB,iBAAiB,EAAEX,SAAU;IAC7BC,SAAS,EAAEA;EAAU,gBAErBpB,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAAC0B,KAAK,QAAEjB,WAA0B,CAAC,eAC1Cd,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAAC2B,cAAc,MAAE,CAAC,eACzBhC,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAAC4B,OAAO,qBACbjC,KAAA,CAAA4B,aAAA,CAACtB,KAAK;IAAC4B,UAAU,EAAC,OAAO;IAACC,KAAK,EAAC,WAAW;IAACC,UAAU,EAAC;EAAU,GAC9DrB,aACI,CACO,CAAC,eACjBf,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAAC2B,cAAc,MAAE,CAAC,eACzBhC,KAAA,CAAA4B,aAAA,CAACvB,MAAM,CAACgC,OAAO,qBACbrC,KAAA,CAAA4B,aAAA,CAACxB,MAAM;IACLkC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAO,CAAE;IAC/BC,OAAO,EAAE7B,SAAU;IACnB8B,QAAQ,EAAEvB;EAAU,GAEnBH,cACK,CAAC,EACRE,sBAAsB,gBACrBlB,KAAA,CAAA4B,aAAA,CAACxB,MAAM;IACLkC,OAAO,EAAC,WAAW;IACnB,eAAY,QAAQ;IACpBG,OAAO,EAAE9B,QAAS;IAClBgC,IAAI,EAAC,QAAQ;IACbD,QAAQ,EAAEvB;EAAU,GAEnBF,aACK,CAAC,GACP,IACU,CACV,CAAC;AAEb,CACF,CAAC;AAEDV,aAAa,CAACqC,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/ConfirmDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ConfirmDialog/index.ts"],"sourcesContent":["export * from \"./ConfirmDialog\";\n"],"mappings":"AAAA,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ConfirmDialog/index.ts"],"sourcesContent":["export * from \"./ConfirmDialog\";\n"],"mappings":"AAAA,cAAc,iBAAiB","ignoreList":[]}

package/dist/esm/components/ContentWizard/ContentStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentStep.js","names":["React","ContentStep","_ref","children","className","createElement","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStep.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\n\nexport interface IContentStep {\n  children: ReactNode;\n  index?: number;\n  isFirst?: boolean;\n  isLast?: boolean;\n  className?: string;\n}\n\nexport const ContentStep: FC<IContentStep> = ({ children, className }) => {\n  return <div className={className}>{children}</div>;\n};\n\nContentStep.displayName = \"ContentStep\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAU5C,OAAO,MAAMC,WAA6B,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAAF,IAAA;EACnE,oBAAOF,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAEA;EAAU,GAAED,QAAc,CAAC;AACpD,CAAC;AAEDF,WAAW,CAACK,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ContentStep.js","names":["React","ContentStep","_ref","children","className","createElement","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStep.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\n\nexport interface IContentStep {\n  children: ReactNode;\n  index?: number;\n  isFirst?: boolean;\n  isLast?: boolean;\n  className?: string;\n}\n\nexport const ContentStep: FC<IContentStep> = ({ children, className }) => {\n  return <div className={className}>{children}</div>;\n};\n\nContentStep.displayName = \"ContentStep\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAU5C,OAAO,MAAMC,WAA6B,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAAF,IAAA;EACnE,oBAAOF,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAEA;EAAU,GAAED,QAAc,CAAC;AACpD,CAAC;AAEDF,WAAW,CAACK,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/esm/components/ContentWizard/ContentStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentStepper.js","names":["React","forwardRef","useCallback","useMemo","useRef","useState","MoveFocusInside","ContentStep","ContentStepperContextProvider","StyledContentWizardContainer","StyledStepWrapper","SlideLeftRightTransition","ResizeTransition","ContentStepper","_ref","ref","children","className","step","controlledStep","onStepChange","childrenCollection","Children","toArray","internalStep","setInternalStep","enteredStep","setEnteredStep","height","setHeight","previousStepRef","activeStep","undefined","isLeft","prevStep","current","direction","setActiveStep","newStep","goNext","nextIndex","Math","min","length","goPrevious","prevIndex","max","handleHeight","element","offsetHeight","handleEntered","stepIndex","renderSteps","map","child","index","type","stepContent","cloneElement","key","isFirst","isLast","createElement","in","onEnter","onEntered","disabled","value","totalSteps","style","width","$height","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { ContentStep } from \"./ContentStep\";\nimport { ContentStepperContextProvider } from \"./context/ContentStepperContext\";\nimport { StyledContentWizardContainer, StyledStepWrapper } from \"./Styles\";\nimport { SlideLeftRightTransition, ResizeTransition } from \"../Transitions\";\n\nexport interface IContentStepper {\n  children: ReactNode;\n  className?: string;\n  step?: number;\n  onStepChange?: (step: number) => void;\n}\n\nexport const ContentStepper = forwardRef<HTMLDivElement, IContentStepper>(\n  ({ children, className, step: controlledStep, onStepChange }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [internalStep, setInternalStep] = useState(0);\n    const [enteredStep, setEnteredStep] = useState(0);\n    const [height, setHeight] = useState(\"auto\");\n    const previousStepRef = useRef(0);\n\n    // Use controlled step if provided, otherwise use internal state\n    const activeStep =\n      controlledStep !== undefined ? controlledStep : internalStep;\n\n    // Calculate direction synchronously based on step change\n    const isLeft = useMemo(() => {\n      const prevStep = previousStepRef.current;\n      const direction = activeStep > prevStep;\n      previousStepRef.current = activeStep;\n      return direction;\n    }, [activeStep]);\n\n    const setActiveStep = useCallback(\n      (newStep: number) => {\n        if (newStep === activeStep) return;\n\n        if (controlledStep === undefined) {\n          setInternalStep(newStep);\n        }\n\n        onStepChange?.(newStep);\n      },\n      [activeStep, controlledStep, onStepChange]\n    );\n\n    const goNext = useCallback(() => {\n      const nextIndex = Math.min(activeStep + 1, childrenCollection.length - 1);\n      setActiveStep(nextIndex);\n    }, [activeStep, childrenCollection.length, setActiveStep]);\n\n    const goPrevious = useCallback(() => {\n      const prevIndex = Math.max(activeStep - 1, 0);\n      setActiveStep(prevIndex);\n    }, [activeStep, setActiveStep]);\n\n    const handleHeight = useCallback((element: HTMLElement) => {\n      setHeight(`${element.offsetHeight}px`);\n    }, []);\n\n    const handleEntered = useCallback((stepIndex: number) => {\n      setEnteredStep(stepIndex);\n    }, []);\n\n    const renderSteps = useMemo(() => {\n      return childrenCollection.map((child, index) => {\n        const element = child as ReactElement;\n\n        if (element?.type === ContentStep) {\n          const stepContent = React.cloneElement(element, {\n            key: `step-${index}`,\n            index,\n            isFirst: index === 0,\n            isLast: index === childrenCollection.length - 1,\n          });\n\n          return (\n            <SlideLeftRightTransition\n              key={`transition-${index}`}\n              in={activeStep === index}\n              direction={isLeft ? \"left\" : \"right\"}\n              onEnter={handleHeight}\n              onEntered={() => handleEntered(index)}\n            >\n              <MoveFocusInside disabled={enteredStep !== index}>\n                <StyledStepWrapper>{stepContent}</StyledStepWrapper>\n              </MoveFocusInside>\n            </SlideLeftRightTransition>\n          );\n        }\n\n        return null;\n      });\n    }, [\n      activeStep,\n      childrenCollection,\n      isLeft,\n      enteredStep,\n      handleHeight,\n      handleEntered,\n    ]);\n\n    return (\n      <ContentStepperContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          goNext,\n          goPrevious,\n          direction: isLeft ? \"left\" : \"right\",\n          totalSteps: childrenCollection.length,\n        }}\n      >\n        <ResizeTransition in style={{ height, width: \"100%\" }}>\n          <StyledContentWizardContainer\n            ref={ref}\n            className={className}\n            $height={height}\n          >\n            {renderSteps}\n          </StyledContentWizardContainer>\n        </ResizeTransition>\n      </ContentStepperContextProvider>\n    );\n  }\n);\n\nContentStepper.displayName = \"ContentStepper\";\n"],"mappings":"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"}
+{"version":3,"file":"ContentStepper.js","names":["React","forwardRef","useCallback","useMemo","useRef","useState","MoveFocusInside","ContentStep","ContentStepperContextProvider","StyledContentWizardContainer","StyledStepWrapper","SlideLeftRightTransition","ResizeTransition","ContentStepper","_ref","ref","children","className","step","controlledStep","onStepChange","childrenCollection","Children","toArray","internalStep","setInternalStep","enteredStep","setEnteredStep","height","setHeight","previousStepRef","activeStep","undefined","isLeft","prevStep","current","direction","setActiveStep","newStep","goNext","nextIndex","Math","min","length","goPrevious","prevIndex","max","handleHeight","element","offsetHeight","handleEntered","stepIndex","renderSteps","map","child","index","type","stepContent","cloneElement","key","isFirst","isLast","createElement","in","onEnter","onEntered","disabled","value","totalSteps","style","width","$height","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { ContentStep } from \"./ContentStep\";\nimport { ContentStepperContextProvider } from \"./context/ContentStepperContext\";\nimport { StyledContentWizardContainer, StyledStepWrapper } from \"./Styles\";\nimport { SlideLeftRightTransition, ResizeTransition } from \"../Transitions\";\n\nexport interface IContentStepper {\n  children: ReactNode;\n  className?: string;\n  step?: number;\n  onStepChange?: (step: number) => void;\n}\n\nexport const ContentStepper = forwardRef<HTMLDivElement, IContentStepper>(\n  ({ children, className, step: controlledStep, onStepChange }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [internalStep, setInternalStep] = useState(0);\n    const [enteredStep, setEnteredStep] = useState(0);\n    const [height, setHeight] = useState(\"auto\");\n    const previousStepRef = useRef(0);\n\n    // Use controlled step if provided, otherwise use internal state\n    const activeStep =\n      controlledStep !== undefined ? controlledStep : internalStep;\n\n    // Calculate direction synchronously based on step change\n    const isLeft = useMemo(() => {\n      const prevStep = previousStepRef.current;\n      const direction = activeStep > prevStep;\n      previousStepRef.current = activeStep;\n      return direction;\n    }, [activeStep]);\n\n    const setActiveStep = useCallback(\n      (newStep: number) => {\n        if (newStep === activeStep) return;\n\n        if (controlledStep === undefined) {\n          setInternalStep(newStep);\n        }\n\n        onStepChange?.(newStep);\n      },\n      [activeStep, controlledStep, onStepChange]\n    );\n\n    const goNext = useCallback(() => {\n      const nextIndex = Math.min(activeStep + 1, childrenCollection.length - 1);\n      setActiveStep(nextIndex);\n    }, [activeStep, childrenCollection.length, setActiveStep]);\n\n    const goPrevious = useCallback(() => {\n      const prevIndex = Math.max(activeStep - 1, 0);\n      setActiveStep(prevIndex);\n    }, [activeStep, setActiveStep]);\n\n    const handleHeight = useCallback((element: HTMLElement) => {\n      setHeight(`${element.offsetHeight}px`);\n    }, []);\n\n    const handleEntered = useCallback((stepIndex: number) => {\n      setEnteredStep(stepIndex);\n    }, []);\n\n    const renderSteps = useMemo(() => {\n      return childrenCollection.map((child, index) => {\n        const element = child as ReactElement;\n\n        if (element?.type === ContentStep) {\n          const stepContent = React.cloneElement(element, {\n            key: `step-${index}`,\n            index,\n            isFirst: index === 0,\n            isLast: index === childrenCollection.length - 1,\n          });\n\n          return (\n            <SlideLeftRightTransition\n              key={`transition-${index}`}\n              in={activeStep === index}\n              direction={isLeft ? \"left\" : \"right\"}\n              onEnter={handleHeight}\n              onEntered={() => handleEntered(index)}\n            >\n              <MoveFocusInside disabled={enteredStep !== index}>\n                <StyledStepWrapper>{stepContent}</StyledStepWrapper>\n              </MoveFocusInside>\n            </SlideLeftRightTransition>\n          );\n        }\n\n        return null;\n      });\n    }, [\n      activeStep,\n      childrenCollection,\n      isLeft,\n      enteredStep,\n      handleHeight,\n      handleEntered,\n    ]);\n\n    return (\n      <ContentStepperContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          goNext,\n          goPrevious,\n          direction: isLeft ? \"left\" : \"right\",\n          totalSteps: childrenCollection.length,\n        }}\n      >\n        <ResizeTransition in style={{ height, width: \"100%\" }}>\n          <StyledContentWizardContainer\n            ref={ref}\n            className={className}\n            $height={height}\n          >\n            {renderSteps}\n          </StyledContentWizardContainer>\n        </ResizeTransition>\n      </ContentStepperContextProvider>\n    );\n  }\n);\n\nContentStepper.displayName = \"ContentStepper\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ContentWizard/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","StyledContentWizardContainer","div","withConfig","displayName","componentId","_ref","$height","StyledStepWrapper"],"sources":["../../../../src/components/ContentWizard/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledContentWizardContainer = styled.div<{ $height: string }>`\n  height: ${({ $height }) => $height};\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const StyledStepWrapper = styled.div`\n  width: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,4BAA4B,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAC1CC,IAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAAA,OAAKC,OAAO;AAAA,EAInC;AAED,OAAO,MAAMC,iBAAiB,GAAGR,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAE1C"}
+{"version":3,"file":"Styles.js","names":["styled","StyledContentWizardContainer","div","withConfig","displayName","componentId","_ref","$height","StyledStepWrapper"],"sources":["../../../../src/components/ContentWizard/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledContentWizardContainer = styled.div<{ $height: string }>`\n  height: ${({ $height }) => $height};\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const StyledStepWrapper = styled.div`\n  width: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,4BAA4B,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAC1CC,IAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAAA,OAAKC,OAAO;AAAA,EAInC;AAED,OAAO,MAAMC,iBAAiB,GAAGR,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAE1C","ignoreList":[]}

package/dist/esm/components/ContentWizard/context/ContentStepperContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentStepperContext.js","names":["React","createContext","useContext","ContentStepperContext","undefined","ContentStepperContextProvider","_ref","children","value","createElement","Provider","useContentStepperContext","context","Error"],"sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\nexport interface IContentStepperContext {\n  activeStep: number;\n  setActiveStep: (step: number) => void;\n  goNext: () => void;\n  goPrevious: () => void;\n  direction: \"left\" | \"right\";\n  totalSteps: number;\n}\n\nconst ContentStepperContext = createContext<IContentStepperContext | undefined>(\n  undefined\n);\n\nexport interface IContentWizardContextProvider {\n  children: ReactNode;\n  value: IContentStepperContext;\n}\n\nexport const ContentStepperContextProvider: React.FC<\n  IContentWizardContextProvider\n> = ({ children, value }) => {\n  return (\n    <ContentStepperContext.Provider value={value}>\n      {children}\n    </ContentStepperContext.Provider>\n  );\n};\n\nexport const useContentStepperContext = (): IContentStepperContext => {\n  const context = useContext(ContentStepperContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useContentWizardContext must be used within a ContentWizardContextProvider\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAWnE,MAAMC,qBAAqB,gBAAGF,aAAa,CACzCG,SACF,CAAC;AAOD,OAAO,MAAMC,6BAEZ,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACtB,oBACEN,KAAA,CAAAS,aAAA,CAACN,qBAAqB,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC1CD,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGA,CAAA,KAA8B;EACpE,MAAMC,OAAO,GAAGV,UAAU,CAACC,qBAAqB,CAAC;EAEjD,IAAIS,OAAO,KAAKR,SAAS,EAAE;IACzB,MAAM,IAAIS,KAAK,CACb,4EACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC"}
+{"version":3,"file":"ContentStepperContext.js","names":["React","createContext","useContext","ContentStepperContext","undefined","ContentStepperContextProvider","_ref","children","value","createElement","Provider","useContentStepperContext","context","Error"],"sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\nexport interface IContentStepperContext {\n  activeStep: number;\n  setActiveStep: (step: number) => void;\n  goNext: () => void;\n  goPrevious: () => void;\n  direction: \"left\" | \"right\";\n  totalSteps: number;\n}\n\nconst ContentStepperContext = createContext<IContentStepperContext | undefined>(\n  undefined\n);\n\nexport interface IContentWizardContextProvider {\n  children: ReactNode;\n  value: IContentStepperContext;\n}\n\nexport const ContentStepperContextProvider: React.FC<\n  IContentWizardContextProvider\n> = ({ children, value }) => {\n  return (\n    <ContentStepperContext.Provider value={value}>\n      {children}\n    </ContentStepperContext.Provider>\n  );\n};\n\nexport const useContentStepperContext = (): IContentStepperContext => {\n  const context = useContext(ContentStepperContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useContentWizardContext must be used within a ContentWizardContextProvider\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAWnE,MAAMC,qBAAqB,gBAAGF,aAAa,CACzCG,SACF,CAAC;AAOD,OAAO,MAAMC,6BAEZ,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACtB,oBACEN,KAAA,CAAAS,aAAA,CAACN,qBAAqB,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC1CD,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGA,CAAA,KAA8B;EACpE,MAAMC,OAAO,GAAGV,UAAU,CAACC,qBAAqB,CAAC;EAEjD,IAAIS,OAAO,KAAKR,SAAS,EAAE;IACzB,MAAM,IAAIS,KAAK,CACb,4EACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/esm/components/ContentWizard/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/ContentWizard/context/index.ts"],"sourcesContent":["export * from \"./ContentStepperContext\";\n"],"mappings":"AAAA,cAAc,yBAAyB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/ContentWizard/context/index.ts"],"sourcesContent":["export * from \"./ContentStepperContext\";\n"],"mappings":"AAAA,cAAc,yBAAyB","ignoreList":[]}

package/dist/esm/components/ContentWizard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useContentStepperContext"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentStepperContext } from \"./context\";\n\nexport * from \"./ContentStepper\";\nexport * from \"./ContentStep\";\n\nexport { useContentStepperContext };\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,WAAW;AAEpD,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAE7B,SAASA,wBAAwB"}
+{"version":3,"file":"index.js","names":["useContentStepperContext"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentStepperContext } from \"./context\";\n\nexport * from \"./ContentStepper\";\nexport * from \"./ContentStep\";\n\nexport { useContentStepperContext };\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,WAAW;AAEpD,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAE7B,SAASA,wBAAwB","ignoreList":[]}