@activecollab/components 2.0.303 → 2.0.305

package/dist/esm/components/Filter/InputSubmenu.js

@@ -2,15 +2,17 @@ import React, { useState, useCallback, useEffect } from "react";
 import { StyledInputSubmenu, StyledInputSubmenuFooter, StyledInput } from "./Styles";
 import { Button } from "../Button";
 export const InputSubmenu = _ref => {
-  let {
-    value = "",
-    placeholder,
-    saveLabel,
-    clearLabel = "Clear",
-    onSave,
-    onClear
-  } = _ref;
-  const [inputValue, setInputValue] = useState(value);
+  let _ref$value = _ref.value,
+    value = _ref$value === void 0 ? "" : _ref$value,
+    placeholder = _ref.placeholder,
+    saveLabel = _ref.saveLabel,
+    _ref$clearLabel = _ref.clearLabel,
+    clearLabel = _ref$clearLabel === void 0 ? "Clear" : _ref$clearLabel,
+    onSave = _ref.onSave,
+    onClear = _ref.onClear;
+  const _useState = useState(value),
+    inputValue = _useState[0],
+    setInputValue = _useState[1];
   useEffect(() => {
     setInputValue(value);
   }, [value]);

package/dist/esm/components/Filter/InputSubmenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSubmenu.js","names":["React","useState","useCallback","useEffect","StyledInputSubmenu","StyledInputSubmenuFooter","StyledInput","Button","InputSubmenu","_ref","value","placeholder","saveLabel","clearLabel","onSave","onClear","inputValue","setInputValue","handleChange","event","target","handleSave","handleKeyDown","key","createElement","onChange","onKeyDown","variant","size","onClick"],"sources":["../../../../src/components/Filter/InputSubmenu.tsx"],"sourcesContent":["import React, { FC, useState, useCallback, useEffect } from \"react\";\n\nimport {\n  StyledInputSubmenu,\n  StyledInputSubmenuFooter,\n  StyledInput,\n} from \"./Styles\";\nimport { Button } from \"../Button\";\n\ninterface InputSubmenuProps {\n  value?: string;\n  placeholder?: string;\n  saveLabel: string;\n  clearLabel?: string;\n  onSave: (value: string) => void;\n  onClear: () => void;\n}\n\nexport const InputSubmenu: FC<InputSubmenuProps> = ({\n  value = \"\",\n  placeholder,\n  saveLabel,\n  clearLabel = \"Clear\",\n  onSave,\n  onClear,\n}) => {\n  const [inputValue, setInputValue] = useState(value);\n\n  useEffect(() => {\n    setInputValue(value);\n  }, [value]);\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.target.value);\n    },\n    []\n  );\n\n  const handleSave = useCallback(() => {\n    onSave(inputValue);\n  }, [inputValue, onSave]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        onSave(inputValue);\n      }\n    },\n    [inputValue, onSave]\n  );\n\n  return (\n    <StyledInputSubmenu>\n      <StyledInput\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n      />\n      <StyledInputSubmenuFooter>\n        <Button variant=\"primary\" size=\"small\" onClick={handleSave}>\n          {saveLabel}\n        </Button>\n        <Button variant=\"text gray\" size=\"small\" onClick={onClear}>\n          {clearLabel}\n        </Button>\n      </StyledInputSubmenuFooter>\n    </StyledInputSubmenu>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAEnE,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,WAAW,QACN,UAAU;AACjB,SAASC,MAAM,QAAQ,WAAW;AAWlC,OAAO,MAAMC,YAAmC,GAAGC,IAAA,IAO7C;EAAA,IAP8C;IAClDC,KAAK,GAAG,EAAE;IACVC,WAAW;IACXC,SAAS;IACTC,UAAU,GAAG,OAAO;IACpBC,MAAM;IACNC;EACF,CAAC,GAAAN,IAAA;EACC,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAGhB,QAAQ,CAACS,KAAK,CAAC;EAEnDP,SAAS,CAAC,MAAM;IACdc,aAAa,CAACP,KAAK,CAAC;EACtB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMQ,YAAY,GAAGhB,WAAW,CAC7BiB,KAA0C,IAAK;IAC9CF,aAAa,CAACE,KAAK,CAACC,MAAM,CAACV,KAAK,CAAC;EACnC,CAAC,EACD,EACF,CAAC;EAED,MAAMW,UAAU,GAAGnB,WAAW,CAAC,MAAM;IACnCY,MAAM,CAACE,UAAU,CAAC;EACpB,CAAC,EAAE,CAACA,UAAU,EAAEF,MAAM,CAAC,CAAC;EAExB,MAAMQ,aAAa,GAAGpB,WAAW,CAC9BiB,KAA4C,IAAK;IAChD,IAAIA,KAAK,CAACI,GAAG,KAAK,OAAO,EAAE;MACzBT,MAAM,CAACE,UAAU,CAAC;IACpB;EACF,CAAC,EACD,CAACA,UAAU,EAAEF,MAAM,CACrB,CAAC;EAED,oBACEd,KAAA,CAAAwB,aAAA,CAACpB,kBAAkB,qBACjBJ,KAAA,CAAAwB,aAAA,CAAClB,WAAW;IACVI,KAAK,EAAEM,UAAW;IAClBS,QAAQ,EAAEP,YAAa;IACvBQ,SAAS,EAAEJ,aAAc;IACzBX,WAAW,EAAEA;EAAY,CAC1B,CAAC,eACFX,KAAA,CAAAwB,aAAA,CAACnB,wBAAwB,qBACvBL,KAAA,CAAAwB,aAAA,CAACjB,MAAM;IAACoB,OAAO,EAAC,SAAS;IAACC,IAAI,EAAC,OAAO;IAACC,OAAO,EAAER;EAAW,GACxDT,SACK,CAAC,eACTZ,KAAA,CAAAwB,aAAA,CAACjB,MAAM;IAACoB,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,OAAO;IAACC,OAAO,EAAEd;EAAQ,GACvDF,UACK,CACgB,CACR,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"file":"InputSubmenu.js","names":["React","useState","useCallback","useEffect","StyledInputSubmenu","StyledInputSubmenuFooter","StyledInput","Button","InputSubmenu","_ref","_ref$value","value","placeholder","saveLabel","_ref$clearLabel","clearLabel","onSave","onClear","_useState","inputValue","setInputValue","handleChange","event","target","handleSave","handleKeyDown","key","createElement","onChange","onKeyDown","variant","size","onClick"],"sources":["../../../../src/components/Filter/InputSubmenu.tsx"],"sourcesContent":["import React, { FC, useState, useCallback, useEffect } from \"react\";\n\nimport {\n  StyledInputSubmenu,\n  StyledInputSubmenuFooter,\n  StyledInput,\n} from \"./Styles\";\nimport { Button } from \"../Button\";\n\ninterface InputSubmenuProps {\n  value?: string;\n  placeholder?: string;\n  saveLabel: string;\n  clearLabel?: string;\n  onSave: (value: string) => void;\n  onClear: () => void;\n}\n\nexport const InputSubmenu: FC<InputSubmenuProps> = ({\n  value = \"\",\n  placeholder,\n  saveLabel,\n  clearLabel = \"Clear\",\n  onSave,\n  onClear,\n}) => {\n  const [inputValue, setInputValue] = useState(value);\n\n  useEffect(() => {\n    setInputValue(value);\n  }, [value]);\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.target.value);\n    },\n    []\n  );\n\n  const handleSave = useCallback(() => {\n    onSave(inputValue);\n  }, [inputValue, onSave]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        onSave(inputValue);\n      }\n    },\n    [inputValue, onSave]\n  );\n\n  return (\n    <StyledInputSubmenu>\n      <StyledInput\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n      />\n      <StyledInputSubmenuFooter>\n        <Button variant=\"primary\" size=\"small\" onClick={handleSave}>\n          {saveLabel}\n        </Button>\n        <Button variant=\"text gray\" size=\"small\" onClick={onClear}>\n          {clearLabel}\n        </Button>\n      </StyledInputSubmenuFooter>\n    </StyledInputSubmenu>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAEnE,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,WAAW,QACN,UAAU;AACjB,SAASC,MAAM,QAAQ,WAAW;AAWlC,OAAO,MAAMC,YAAmC,GAAGC,IAAA,IAO7C;EAAA,IAAAC,UAAA,GAAAD,IAAA,CANJE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;IACVE,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,eAAA,GAAAL,IAAA,CACTM,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,OAAO,GAAAA,eAAA;IACpBE,MAAM,GAAAP,IAAA,CAANO,MAAM;IACNC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;EAEP,MAAAC,SAAA,GAAoCjB,QAAQ,CAACU,KAAK,CAAC;IAA5CQ,UAAU,GAAAD,SAAA;IAAEE,aAAa,GAAAF,SAAA;EAEhCf,SAAS,CAAC,MAAM;IACdiB,aAAa,CAACT,KAAK,CAAC;EACtB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMU,YAAY,GAAGnB,WAAW,CAC7BoB,KAA0C,IAAK;IAC9CF,aAAa,CAACE,KAAK,CAACC,MAAM,CAACZ,KAAK,CAAC;EACnC,CAAC,EACD,EACF,CAAC;EAED,MAAMa,UAAU,GAAGtB,WAAW,CAAC,MAAM;IACnCc,MAAM,CAACG,UAAU,CAAC;EACpB,CAAC,EAAE,CAACA,UAAU,EAAEH,MAAM,CAAC,CAAC;EAExB,MAAMS,aAAa,GAAGvB,WAAW,CAC9BoB,KAA4C,IAAK;IAChD,IAAIA,KAAK,CAACI,GAAG,KAAK,OAAO,EAAE;MACzBV,MAAM,CAACG,UAAU,CAAC;IACpB;EACF,CAAC,EACD,CAACA,UAAU,EAAEH,MAAM,CACrB,CAAC;EAED,oBACEhB,KAAA,CAAA2B,aAAA,CAACvB,kBAAkB,qBACjBJ,KAAA,CAAA2B,aAAA,CAACrB,WAAW;IACVK,KAAK,EAAEQ,UAAW;IAClBS,QAAQ,EAAEP,YAAa;IACvBQ,SAAS,EAAEJ,aAAc;IACzBb,WAAW,EAAEA;EAAY,CAC1B,CAAC,eACFZ,KAAA,CAAA2B,aAAA,CAACtB,wBAAwB,qBACvBL,KAAA,CAAA2B,aAAA,CAACpB,MAAM;IAACuB,OAAO,EAAC,SAAS;IAACC,IAAI,EAAC,OAAO;IAACC,OAAO,EAAER;EAAW,GACxDX,SACK,CAAC,eACTb,KAAA,CAAA2B,aAAA,CAACpB,MAAM;IAACuB,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,OAAO;IAACC,OAAO,EAAEf;EAAQ,GACvDF,UACK,CACgB,CACR,CAAC;AAEzB,CAAC","ignoreList":[]}

package/dist/esm/components/Filter/StartMenu.js

@@ -4,16 +4,14 @@ import { useResizeObserver } from "../../utils";
 import { Badge } from "../Badge";
 import { ArrowRightIcon } from "../Icons";
 export const StartMenu = _ref => {
-  let {
-    data,
-    selected,
-    onItemClick,
-    style,
-    onHeightChange,
-    shouldRenderSubmenus,
-    emptyFilterText,
-    children
-  } = _ref;
+  let data = _ref.data,
+    selected = _ref.selected,
+    onItemClick = _ref.onItemClick,
+    style = _ref.style,
+    onHeightChange = _ref.onHeightChange,
+    shouldRenderSubmenus = _ref.shouldRenderSubmenus,
+    emptyFilterText = _ref.emptyFilterText,
+    children = _ref.children;
   const ref = useRef(null);
   const dimensions = useResizeObserver(ref);
   const height = dimensions == null ? void 0 : dimensions.height;
@@ -26,12 +24,10 @@ export const StartMenu = _ref => {
     style: style,
     ref: ref
   }, /*#__PURE__*/React.createElement(StyledStartMenuList, null, shouldRenderSubmenus ? data.map((_ref2, index) => {
-    let {
-      id,
-      title,
-      submenu,
-      type
-    } = _ref2;
+    let id = _ref2.id,
+      title = _ref2.title,
+      submenu = _ref2.submenu,
+      type = _ref2.type;
     let count = 0;
     // Popricati o ovome kada je selected[id] vrednost 0.
     if (typeof selected[id] === "string") {

package/dist/esm/components/Filter/StartMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"StartMenu.js","names":["React","useRef","useEffect","StyledStartMenuTitle","StyledStartMenuListItem","StyledStartMenuList","StyledStartMenuNoResults","useResizeObserver","Badge","ArrowRightIcon","StartMenu","_ref","data","selected","onItemClick","style","onHeightChange","shouldRenderSubmenus","emptyFilterText","children","ref","dimensions","height","createElement","map","_ref2","index","id","title","submenu","type","count","_selected$id","length","key","onClick","dimension","value","isStandalone"],"sources":["../../../../src/components/Filter/StartMenu.tsx"],"sourcesContent":["import React, { FC, useRef, useEffect, HTMLAttributes } from \"react\";\n\nimport { DataType, SelectedType } from \"./Filter\";\nimport {\n  StyledStartMenuTitle,\n  StyledStartMenuListItem,\n  StyledStartMenuList,\n  StyledStartMenuNoResults,\n} from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { Badge } from \"../Badge\";\nimport { ArrowRightIcon } from \"../Icons\";\n\nexport interface StartMenuProps {\n  data: Array<DataType>;\n  selected: SelectedType;\n  onItemClick: (id: number | string) => void;\n  onHeightChange: (height: number) => void;\n  shouldRenderSubmenus: boolean;\n  emptyFilterText?: string;\n}\n\nexport const StartMenu: FC<StartMenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  data,\n  selected,\n  onItemClick,\n  style,\n  onHeightChange,\n  shouldRenderSubmenus,\n  emptyFilterText,\n  children,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0) {\n      onHeightChange(height);\n    }\n  }, [height, onHeightChange]);\n\n  return (\n    <div style={style} ref={ref}>\n      <StyledStartMenuList>\n        {shouldRenderSubmenus ? (\n          data.map(({ id, title, submenu, type }, index: number) => {\n            let count = 0;\n            // Popricati o ovome kada je selected[id] vrednost 0.\n            if (typeof selected[id] === \"string\") {\n              count += 1;\n            } else {\n              count = selected[id]?.length;\n            }\n\n            if (type === \"input\" || submenu?.length > 1) {\n              return (\n                <StyledStartMenuListItem\n                  key={`filter-list-item-${index}`}\n                  onClick={() => onItemClick(id)}\n                >\n                  <StyledStartMenuTitle>{title}</StyledStartMenuTitle>\n                  {count > 0 ? (\n                    <Badge dimension={16} value={count} isStandalone={true} />\n                  ) : null}\n                  <ArrowRightIcon />\n                </StyledStartMenuListItem>\n              );\n            }\n          })\n        ) : emptyFilterText ? (\n          <StyledStartMenuNoResults>{emptyFilterText}</StyledStartMenuNoResults>\n        ) : null}\n        {children}\n      </StyledStartMenuList>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,MAAM,EAAEC,SAAS,QAAwB,OAAO;AAGpE,SACEC,oBAAoB,EACpBC,uBAAuB,EACvBC,mBAAmB,EACnBC,wBAAwB,QACnB,UAAU;AACjB,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,cAAc,QAAQ,UAAU;AAWzC,OAAO,MAAMC,SAA8D,GAAGC,IAAA,IASxE;EAAA,IATyE;IAC7EC,IAAI;IACJC,QAAQ;IACRC,WAAW;IACXC,KAAK;IACLC,cAAc;IACdC,oBAAoB;IACpBC,eAAe;IACfC;EACF,CAAC,GAAAR,IAAA;EACC,MAAMS,GAAG,GAAGnB,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMoB,UAAU,GAAGd,iBAAiB,CAACa,GAAG,CAAC;EACzC,MAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCpB,SAAS,CAAC,MAAM;IACd,IAAIoB,MAAM,IAAIA,MAAM,GAAG,CAAC,EAAE;MACxBN,cAAc,CAACM,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,EAAEN,cAAc,CAAC,CAAC;EAE5B,oBACEhB,KAAA,CAAAuB,aAAA;IAAKR,KAAK,EAAEA,KAAM;IAACK,GAAG,EAAEA;EAAI,gBAC1BpB,KAAA,CAAAuB,aAAA,CAAClB,mBAAmB,QACjBY,oBAAoB,GACnBL,IAAI,CAACY,GAAG,CAAC,CAAAC,KAAA,EAA+BC,KAAa,KAAK;IAAA,IAAhD;MAAEC,EAAE;MAAEC,KAAK;MAAEC,OAAO;MAAEC;IAAK,CAAC,GAAAL,KAAA;IACpC,IAAIM,KAAK,GAAG,CAAC;IACb;IACA,IAAI,OAAOlB,QAAQ,CAACc,EAAE,CAAC,KAAK,QAAQ,EAAE;MACpCI,KAAK,IAAI,CAAC;IACZ,CAAC,MAAM;MAAA,IAAAC,YAAA;MACLD,KAAK,IAAAC,YAAA,GAAGnB,QAAQ,CAACc,EAAE,CAAC,qBAAZK,YAAA,CAAcC,MAAM;IAC9B;IAEA,IAAIH,IAAI,KAAK,OAAO,IAAI,CAAAD,OAAO,oBAAPA,OAAO,CAAEI,MAAM,IAAG,CAAC,EAAE;MAC3C,oBACEjC,KAAA,CAAAuB,aAAA,CAACnB,uBAAuB;QACtB8B,GAAG,wBAAsBR,KAAQ;QACjCS,OAAO,EAAEA,CAAA,KAAMrB,WAAW,CAACa,EAAE;MAAE,gBAE/B3B,KAAA,CAAAuB,aAAA,CAACpB,oBAAoB,QAAEyB,KAA4B,CAAC,EACnDG,KAAK,GAAG,CAAC,gBACR/B,KAAA,CAAAuB,aAAA,CAACf,KAAK;QAAC4B,SAAS,EAAE,EAAG;QAACC,KAAK,EAAEN,KAAM;QAACO,YAAY,EAAE;MAAK,CAAE,CAAC,GACxD,IAAI,eACRtC,KAAA,CAAAuB,aAAA,CAACd,cAAc,MAAE,CACM,CAAC;IAE9B;EACF,CAAC,CAAC,GACAS,eAAe,gBACjBlB,KAAA,CAAAuB,aAAA,CAACjB,wBAAwB,QAAEY,eAA0C,CAAC,GACpE,IAAI,EACPC,QACkB,CAClB,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"StartMenu.js","names":["React","useRef","useEffect","StyledStartMenuTitle","StyledStartMenuListItem","StyledStartMenuList","StyledStartMenuNoResults","useResizeObserver","Badge","ArrowRightIcon","StartMenu","_ref","data","selected","onItemClick","style","onHeightChange","shouldRenderSubmenus","emptyFilterText","children","ref","dimensions","height","createElement","map","_ref2","index","id","title","submenu","type","count","_selected$id","length","key","onClick","dimension","value","isStandalone"],"sources":["../../../../src/components/Filter/StartMenu.tsx"],"sourcesContent":["import React, { FC, useRef, useEffect, HTMLAttributes } from \"react\";\n\nimport { DataType, SelectedType } from \"./Filter\";\nimport {\n  StyledStartMenuTitle,\n  StyledStartMenuListItem,\n  StyledStartMenuList,\n  StyledStartMenuNoResults,\n} from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { Badge } from \"../Badge\";\nimport { ArrowRightIcon } from \"../Icons\";\n\nexport interface StartMenuProps {\n  data: Array<DataType>;\n  selected: SelectedType;\n  onItemClick: (id: number | string) => void;\n  onHeightChange: (height: number) => void;\n  shouldRenderSubmenus: boolean;\n  emptyFilterText?: string;\n}\n\nexport const StartMenu: FC<StartMenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  data,\n  selected,\n  onItemClick,\n  style,\n  onHeightChange,\n  shouldRenderSubmenus,\n  emptyFilterText,\n  children,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0) {\n      onHeightChange(height);\n    }\n  }, [height, onHeightChange]);\n\n  return (\n    <div style={style} ref={ref}>\n      <StyledStartMenuList>\n        {shouldRenderSubmenus ? (\n          data.map(({ id, title, submenu, type }, index: number) => {\n            let count = 0;\n            // Popricati o ovome kada je selected[id] vrednost 0.\n            if (typeof selected[id] === \"string\") {\n              count += 1;\n            } else {\n              count = selected[id]?.length;\n            }\n\n            if (type === \"input\" || submenu?.length > 1) {\n              return (\n                <StyledStartMenuListItem\n                  key={`filter-list-item-${index}`}\n                  onClick={() => onItemClick(id)}\n                >\n                  <StyledStartMenuTitle>{title}</StyledStartMenuTitle>\n                  {count > 0 ? (\n                    <Badge dimension={16} value={count} isStandalone={true} />\n                  ) : null}\n                  <ArrowRightIcon />\n                </StyledStartMenuListItem>\n              );\n            }\n          })\n        ) : emptyFilterText ? (\n          <StyledStartMenuNoResults>{emptyFilterText}</StyledStartMenuNoResults>\n        ) : null}\n        {children}\n      </StyledStartMenuList>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,MAAM,EAAEC,SAAS,QAAwB,OAAO;AAGpE,SACEC,oBAAoB,EACpBC,uBAAuB,EACvBC,mBAAmB,EACnBC,wBAAwB,QACnB,UAAU;AACjB,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,cAAc,QAAQ,UAAU;AAWzC,OAAO,MAAMC,SAA8D,GAAGC,IAAA,IASxE;EAAA,IARJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,oBAAoB,GAAAN,IAAA,CAApBM,oBAAoB;IACpBC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;EAER,MAAMC,GAAG,GAAGnB,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMoB,UAAU,GAAGd,iBAAiB,CAACa,GAAG,CAAC;EACzC,MAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCpB,SAAS,CAAC,MAAM;IACd,IAAIoB,MAAM,IAAIA,MAAM,GAAG,CAAC,EAAE;MACxBN,cAAc,CAACM,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,EAAEN,cAAc,CAAC,CAAC;EAE5B,oBACEhB,KAAA,CAAAuB,aAAA;IAAKR,KAAK,EAAEA,KAAM;IAACK,GAAG,EAAEA;EAAI,gBAC1BpB,KAAA,CAAAuB,aAAA,CAAClB,mBAAmB,QACjBY,oBAAoB,GACnBL,IAAI,CAACY,GAAG,CAAC,CAAAC,KAAA,EAA+BC,KAAa,KAAK;IAAA,IAA9CC,EAAE,GAAAF,KAAA,CAAFE,EAAE;MAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;MAAEC,OAAO,GAAAJ,KAAA,CAAPI,OAAO;MAAEC,IAAI,GAAAL,KAAA,CAAJK,IAAI;IAClC,IAAIC,KAAK,GAAG,CAAC;IACb;IACA,IAAI,OAAOlB,QAAQ,CAACc,EAAE,CAAC,KAAK,QAAQ,EAAE;MACpCI,KAAK,IAAI,CAAC;IACZ,CAAC,MAAM;MAAA,IAAAC,YAAA;MACLD,KAAK,IAAAC,YAAA,GAAGnB,QAAQ,CAACc,EAAE,CAAC,qBAAZK,YAAA,CAAcC,MAAM;IAC9B;IAEA,IAAIH,IAAI,KAAK,OAAO,IAAI,CAAAD,OAAO,oBAAPA,OAAO,CAAEI,MAAM,IAAG,CAAC,EAAE;MAC3C,oBACEjC,KAAA,CAAAuB,aAAA,CAACnB,uBAAuB;QACtB8B,GAAG,wBAAsBR,KAAQ;QACjCS,OAAO,EAAEA,CAAA,KAAMrB,WAAW,CAACa,EAAE;MAAE,gBAE/B3B,KAAA,CAAAuB,aAAA,CAACpB,oBAAoB,QAAEyB,KAA4B,CAAC,EACnDG,KAAK,GAAG,CAAC,gBACR/B,KAAA,CAAAuB,aAAA,CAACf,KAAK;QAAC4B,SAAS,EAAE,EAAG;QAACC,KAAK,EAAEN,KAAM;QAACO,YAAY,EAAE;MAAK,CAAE,CAAC,GACxD,IAAI,eACRtC,KAAA,CAAAuB,aAAA,CAACd,cAAc,MAAE,CACM,CAAC;IAE9B;EACF,CAAC,CAAC,GACAS,eAAe,gBACjBlB,KAAA,CAAAuB,aAAA,CAACjB,wBAAwB,QAAEY,eAA0C,CAAC,GACpE,IAAI,EACPC,QACkB,CAClB,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/Filter/Submenu.js

@@ -4,14 +4,12 @@ import { IconButton } from "../IconButton";
 import { ArrowLeftIcon } from "../Icons";
 import { MenuHeader } from "../Menu";
 export const Submenu = _ref => {
-  let {
-    onBack,
-    onHeightChange,
-    style,
-    children,
-    title,
-    indexPage
-  } = _ref;
+  let onBack = _ref.onBack,
+    onHeightChange = _ref.onHeightChange,
+    style = _ref.style,
+    children = _ref.children,
+    title = _ref.title,
+    indexPage = _ref.indexPage;
   const ref = useRef(null);
   const dimensions = useResizeObserver(ref);
   const height = dimensions == null ? void 0 : dimensions.height;

package/dist/esm/components/Filter/Submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Submenu.js","names":["React","useRef","useEffect","useResizeObserver","IconButton","ArrowLeftIcon","MenuHeader","Submenu","_ref","onBack","onHeightChange","style","children","title","indexPage","ref","dimensions","height","createElement","leftElement","onClick","variant","size"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, FC, HTMLAttributes, useEffect } from \"react\";\n\nimport { useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { MenuHeader } from \"../Menu\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange?: (height: number) => void;\n  indexPage?: boolean;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n  indexPage,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0 && !indexPage) {\n      onHeightChange?.(height);\n    }\n  }, [height, onHeightChange, indexPage]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAsBC,SAAS,QAAQ,OAAO;AAEpE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,UAAU,QAAQ,SAAS;AASpC,OAAO,MAAMC,OAA0D,GAAGC,IAAA,IAOpE;EAAA,IAPqE;IACzEC,MAAM;IACNC,cAAc;IACdC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,GAAG,GAAGd,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMe,UAAU,GAAGb,iBAAiB,CAACY,GAAG,CAAC;EACzC,MAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCf,SAAS,CAAC,MAAM;IACd,IAAIe,MAAM,IAAIA,MAAM,GAAG,CAAC,IAAI,CAACH,SAAS,EAAE;MACtCJ,cAAc,YAAdA,cAAc,CAAGO,MAAM,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,MAAM,EAAEP,cAAc,EAAEI,SAAS,CAAC,CAAC;EAEvC,oBACEd,KAAA,CAAAkB,aAAA;IAAKP,KAAK,EAAEA,KAAM;IAACI,GAAG,EAAEA;EAAI,gBAC1Bf,KAAA,CAAAkB,aAAA,CAACZ,UAAU;IACTO,KAAK,EAAEA,KAAM;IACbM,WAAW,eACTnB,KAAA,CAAAkB,aAAA,CAACd,UAAU;MAACgB,OAAO,EAAEX,MAAO;MAACY,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC;IAAO,gBAC3DtB,KAAA,CAAAkB,aAAA,CAACb,aAAa,MAAE,CACN;EACb,CACF,CAAC,EACDO,QACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"Submenu.js","names":["React","useRef","useEffect","useResizeObserver","IconButton","ArrowLeftIcon","MenuHeader","Submenu","_ref","onBack","onHeightChange","style","children","title","indexPage","ref","dimensions","height","createElement","leftElement","onClick","variant","size"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, FC, HTMLAttributes, useEffect } from \"react\";\n\nimport { useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { MenuHeader } from \"../Menu\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange?: (height: number) => void;\n  indexPage?: boolean;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n  indexPage,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0 && !indexPage) {\n      onHeightChange?.(height);\n    }\n  }, [height, onHeightChange, indexPage]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAsBC,SAAS,QAAQ,OAAO;AAEpE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,UAAU,QAAQ,SAAS;AASpC,OAAO,MAAMC,OAA0D,GAAGC,IAAA,IAOpE;EAAA,IANJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET,MAAMC,GAAG,GAAGd,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMe,UAAU,GAAGb,iBAAiB,CAACY,GAAG,CAAC;EACzC,MAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCf,SAAS,CAAC,MAAM;IACd,IAAIe,MAAM,IAAIA,MAAM,GAAG,CAAC,IAAI,CAACH,SAAS,EAAE;MACtCJ,cAAc,YAAdA,cAAc,CAAGO,MAAM,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,MAAM,EAAEP,cAAc,EAAEI,SAAS,CAAC,CAAC;EAEvC,oBACEd,KAAA,CAAAkB,aAAA;IAAKP,KAAK,EAAEA,KAAM;IAACI,GAAG,EAAEA;EAAI,gBAC1Bf,KAAA,CAAAkB,aAAA,CAACZ,UAAU;IACTO,KAAK,EAAEA,KAAM;IACbM,WAAW,eACTnB,KAAA,CAAAkB,aAAA,CAACd,UAAU;MAACgB,OAAO,EAAEX,MAAO;MAACY,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC;IAAO,gBAC3DtB,KAAA,CAAAkB,aAAA,CAACb,aAAa,MAAE,CACN;EACb,CACF,CAAC,EACDO,QACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/Folder/FolderIcon.js

@@ -3,9 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["withDocuments"];
 import React from "react";
 const FolderIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      withDocuments = false
-    } = _ref,
+  let _ref$withDocuments = _ref.withDocuments,
+    withDocuments = _ref$withDocuments === void 0 ? false : _ref$withDocuments,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 100,

package/dist/esm/components/Folder/FolderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderIcon.js","names":["React","FolderIcon","forwardRef","_ref","svgRef","withDocuments","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","ref","x","y","filterUnits","id","dy","in","result","stdDeviation","values","d","fillRule","fill","filter","xlinkHref","displayName"],"sources":["../../../../src/components/Folder/FolderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FolderIconProps {\n  withDocuments?: boolean;\n}\n\nconst FolderIcon = React.forwardRef(\n  (\n    {\n      withDocuments = false,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & FolderIconProps,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={100}\n      height={100}\n      viewBox=\"0 0 100 100\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={svgRef}\n      {...props}\n    >\n      <defs>\n        <filter\n          x=\"-14.9%\"\n          y=\"-112.5%\"\n          width=\"129.8%\"\n          height=\"275%\"\n          filterUnits=\"objectBoundingBox\"\n          id=\"image_svg__a\"\n        >\n          <feOffset dy={-2} in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\n          <feGaussianBlur\n            stdDeviation={2}\n            in=\"shadowOffsetOuter1\"\n            result=\"shadowBlurOuter1\"\n          />\n          <feColorMatrix\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0\"\n            in=\"shadowBlurOuter1\"\n          />\n        </filter>\n        <path id=\"image_svg__b\" d=\"M4 28h47v8H4z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <path\n          d=\"M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#32178B\"\n        />\n        {withDocuments ? (\n          <path d=\"M8 20h42v9H4v-5a4 4 0 014-4z\" fill=\"#FFFFFF\" />\n        ) : null}\n        <use\n          filter=\"url(#image_svg__a)\"\n          xlinkHref=\"#image_svg__b\"\n          fill=\"black\"\n        />\n        <use xlinkHref=\"#image_svg__b\" fill=\"#D8D8D8\" />\n        <path\n          d=\"M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#5D2BFF\"\n        />\n      </g>\n    </svg>\n  )\n);\n\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,MAAMC,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,CAAAC,IAAA,EAKEC,MAAiC;EAAA,IAJjC;MACEC,aAAa,GAAG;IAE+B,CAAC,GAAAF,IAAA;IAD7CG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAIVR,KAAA,CAAAS,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC,4BAA4B;IAClCC,GAAG,EAAEX;EAAO,GACRE,KAAK,gBAETN,KAAA,CAAAS,aAAA,4BACET,KAAA,CAAAS,aAAA;IACEO,CAAC,EAAC,QAAQ;IACVC,CAAC,EAAC,SAAS;IACXN,KAAK,EAAC,QAAQ;IACdC,MAAM,EAAC,MAAM;IACbM,WAAW,EAAC,mBAAmB;IAC/BC,EAAE,EAAC;EAAc,gBAEjBnB,KAAA,CAAAS,aAAA;IAAUW,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAC,aAAa;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC,eACjEtB,KAAA,CAAAS,aAAA;IACEc,YAAY,EAAE,CAAE;IAChBF,EAAE,EAAC,oBAAoB;IACvBC,MAAM,EAAC;EAAkB,CAC1B,CAAC,eACFtB,KAAA,CAAAS,aAAA;IACEe,MAAM,EAAC,2CAA2C;IAClDH,EAAE,EAAC;EAAkB,CACtB,CACK,CAAC,eACTrB,KAAA,CAAAS,aAAA;IAAMU,EAAE,EAAC,cAAc;IAACM,CAAC,EAAC;EAAe,CAAE,CACvC,CAAC,eACPzB,KAAA,CAAAS,aAAA;IAAGiB,QAAQ,EAAC;EAAS,gBACnB1B,KAAA,CAAAS,aAAA;IACEgB,CAAC,EAAC,qHAAqH;IACvHE,IAAI,EAAC;EAAS,CACf,CAAC,EACDtB,aAAa,gBACZL,KAAA,CAAAS,aAAA;IAAMgB,CAAC,EAAC,8BAA8B;IAACE,IAAI,EAAC;EAAS,CAAE,CAAC,GACtD,IAAI,eACR3B,KAAA,CAAAS,aAAA;IACEmB,MAAM,EAAC,oBAAoB;IAC3BC,SAAS,EAAC,eAAe;IACzBF,IAAI,EAAC;EAAO,CACb,CAAC,eACF3B,KAAA,CAAAS,aAAA;IAAKoB,SAAS,EAAC,eAAe;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChD3B,KAAA,CAAAS,aAAA;IACEgB,CAAC,EAAC,4GAA4G;IAC9GE,IAAI,EAAC;EAAS,CACf,CACA,CACA,CAAC;AAAA,CAEV,CAAC;AAED1B,UAAU,CAAC6B,WAAW,GAAG,YAAY;AACrC,eAAe7B,UAAU","ignoreList":[]}
+{"version":3,"file":"FolderIcon.js","names":["React","FolderIcon","forwardRef","_ref","svgRef","_ref$withDocuments","withDocuments","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","ref","x","y","filterUnits","id","dy","in","result","stdDeviation","values","d","fillRule","fill","filter","xlinkHref","displayName"],"sources":["../../../../src/components/Folder/FolderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FolderIconProps {\n  withDocuments?: boolean;\n}\n\nconst FolderIcon = React.forwardRef(\n  (\n    {\n      withDocuments = false,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & FolderIconProps,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={100}\n      height={100}\n      viewBox=\"0 0 100 100\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={svgRef}\n      {...props}\n    >\n      <defs>\n        <filter\n          x=\"-14.9%\"\n          y=\"-112.5%\"\n          width=\"129.8%\"\n          height=\"275%\"\n          filterUnits=\"objectBoundingBox\"\n          id=\"image_svg__a\"\n        >\n          <feOffset dy={-2} in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\n          <feGaussianBlur\n            stdDeviation={2}\n            in=\"shadowOffsetOuter1\"\n            result=\"shadowBlurOuter1\"\n          />\n          <feColorMatrix\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0\"\n            in=\"shadowBlurOuter1\"\n          />\n        </filter>\n        <path id=\"image_svg__b\" d=\"M4 28h47v8H4z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <path\n          d=\"M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#32178B\"\n        />\n        {withDocuments ? (\n          <path d=\"M8 20h42v9H4v-5a4 4 0 014-4z\" fill=\"#FFFFFF\" />\n        ) : null}\n        <use\n          filter=\"url(#image_svg__a)\"\n          xlinkHref=\"#image_svg__b\"\n          fill=\"black\"\n        />\n        <use xlinkHref=\"#image_svg__b\" fill=\"#D8D8D8\" />\n        <path\n          d=\"M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#5D2BFF\"\n        />\n      </g>\n    </svg>\n  )\n);\n\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,MAAMC,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,CAAAC,IAAA,EAKEC,MAAiC;EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAH/BG,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;IAClBE,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAIVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC,4BAA4B;IAClCC,GAAG,EAAEZ;EAAO,GACRG,KAAK,gBAETP,KAAA,CAAAU,aAAA,4BACEV,KAAA,CAAAU,aAAA;IACEO,CAAC,EAAC,QAAQ;IACVC,CAAC,EAAC,SAAS;IACXN,KAAK,EAAC,QAAQ;IACdC,MAAM,EAAC,MAAM;IACbM,WAAW,EAAC,mBAAmB;IAC/BC,EAAE,EAAC;EAAc,gBAEjBpB,KAAA,CAAAU,aAAA;IAAUW,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAC,aAAa;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC,eACjEvB,KAAA,CAAAU,aAAA;IACEc,YAAY,EAAE,CAAE;IAChBF,EAAE,EAAC,oBAAoB;IACvBC,MAAM,EAAC;EAAkB,CAC1B,CAAC,eACFvB,KAAA,CAAAU,aAAA;IACEe,MAAM,EAAC,2CAA2C;IAClDH,EAAE,EAAC;EAAkB,CACtB,CACK,CAAC,eACTtB,KAAA,CAAAU,aAAA;IAAMU,EAAE,EAAC,cAAc;IAACM,CAAC,EAAC;EAAe,CAAE,CACvC,CAAC,eACP1B,KAAA,CAAAU,aAAA;IAAGiB,QAAQ,EAAC;EAAS,gBACnB3B,KAAA,CAAAU,aAAA;IACEgB,CAAC,EAAC,qHAAqH;IACvHE,IAAI,EAAC;EAAS,CACf,CAAC,EACDtB,aAAa,gBACZN,KAAA,CAAAU,aAAA;IAAMgB,CAAC,EAAC,8BAA8B;IAACE,IAAI,EAAC;EAAS,CAAE,CAAC,GACtD,IAAI,eACR5B,KAAA,CAAAU,aAAA;IACEmB,MAAM,EAAC,oBAAoB;IAC3BC,SAAS,EAAC,eAAe;IACzBF,IAAI,EAAC;EAAO,CACb,CAAC,eACF5B,KAAA,CAAAU,aAAA;IAAKoB,SAAS,EAAC,eAAe;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChD5B,KAAA,CAAAU,aAAA;IACEgB,CAAC,EAAC,4GAA4G;IAC9GE,IAAI,EAAC;EAAS,CACf,CACA,CACA,CAAC;AAAA,CAEV,CAAC;AAED3B,UAAU,CAAC8B,WAAW,GAAG,YAAY;AACrC,eAAe9B,UAAU","ignoreList":[]}

package/dist/esm/components/Formatters/FormatDate.js

@@ -1,11 +1,9 @@
 import React from "react";
 import { useFormatDate } from "./useFormatDate";
 export const FormatDate = _ref => {
-  let {
-    value,
-    long,
-    dateFormat
-  } = _ref;
+  let value = _ref.value,
+    long = _ref.long,
+    dateFormat = _ref.dateFormat;
   const formatter = useFormatDate(dateFormat);
   return /*#__PURE__*/React.createElement(React.Fragment, null, formatter(value, long));
 };

package/dist/esm/components/Formatters/FormatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatDate.js","names":["React","useFormatDate","FormatDate","_ref","value","long","dateFormat","formatter","createElement","Fragment","defaultProps"],"sources":["../../../../src/components/Formatters/FormatDate.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useFormatDate } from \"./useFormatDate\";\nimport { DateValue } from \"../../utils/dateUtils\";\n\ninterface Props {\n  value: DateValue;\n  long?: boolean;\n  dateFormat?: string;\n}\nexport const FormatDate = ({ value, long, dateFormat }: Props): JSX.Element => {\n  const formatter = useFormatDate(dateFormat);\n  return <>{formatter(value, long)}</>;\n};\n\nFormatDate.defaultProps = {\n  long: true,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAQ/C,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAAH,IAAA;EAC3D,MAAMI,SAAS,GAAGN,aAAa,CAACK,UAAU,CAAC;EAC3C,oBAAON,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGF,SAAS,CAACH,KAAK,EAAEC,IAAI,CAAI,CAAC;AACtC,CAAC;AAEDH,UAAU,CAACQ,YAAY,GAAG;EACxBL,IAAI,EAAE;AACR,CAAC","ignoreList":[]}
+{"version":3,"file":"FormatDate.js","names":["React","useFormatDate","FormatDate","_ref","value","long","dateFormat","formatter","createElement","Fragment","defaultProps"],"sources":["../../../../src/components/Formatters/FormatDate.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useFormatDate } from \"./useFormatDate\";\nimport { DateValue } from \"../../utils/dateUtils\";\n\ninterface Props {\n  value: DateValue;\n  long?: boolean;\n  dateFormat?: string;\n}\nexport const FormatDate = ({ value, long, dateFormat }: Props): JSX.Element => {\n  const formatter = useFormatDate(dateFormat);\n  return <>{formatter(value, long)}</>;\n};\n\nFormatDate.defaultProps = {\n  long: true,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAQ/C,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAAqD;EAAA,IAAlDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAClD,MAAMC,SAAS,GAAGN,aAAa,CAACK,UAAU,CAAC;EAC3C,oBAAON,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGF,SAAS,CAACH,KAAK,EAAEC,IAAI,CAAI,CAAC;AACtC,CAAC;AAEDH,UAAU,CAACQ,YAAY,GAAG;EACxBL,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/dist/esm/components/GradientDefs/GradientDefs.js

@@ -1,9 +1,7 @@
 import React from "react";
 export const GradientDefs = _ref => {
   var _match$1$match, _parts$find;
-  let {
-    gradient
-  } = _ref;
+  let gradient = _ref.gradient;
   if (!gradient) return null;
   const match = gradient.match(/linear-gradient\((.*)\)$/);
   if (!match) return null;

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

@@ -1 +1 @@
-{"version":3,"file":"GradientDefs.js","names":["React","GradientDefs","_ref","_match$1$match","_parts$find","gradient","match","parts","anglePart","find","p","test","angle","Number","replace","colors","filter","length","createElement","id","gradientTransform","map","color","i","key","offset","stopColor"],"sources":["../../../../src/components/GradientDefs/GradientDefs.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const GradientDefs = ({ gradient }: { gradient?: string }) => {\n  if (!gradient) return null;\n\n  const match = gradient.match(/linear-gradient\\((.*)\\)$/);\n  if (!match) return null;\n\n  const parts =\n    match[1].match(/(#[0-9a-fA-F]{3,6}|rgba?\\([^)]*\\)|[0-9.]+deg)/g) ?? [];\n  const anglePart = parts.find((p) => /\\d+deg/.test(p)) ?? \"0deg\";\n  const angle = Number(anglePart.replace(\"deg\", \"\")) || 0;\n\n  const colors = parts.filter((p) => /^#|rgb/.test(p));\n\n  if (colors.length < 2) return null;\n\n  return (\n    <defs>\n      <linearGradient\n        id=\"icon-gradient\"\n        data-testid=\"icon-gradient\"\n        gradientTransform={`rotate(${angle})`}\n      >\n        {colors.map((color, i) => (\n          <stop\n            key={i}\n            offset={`${(i / (colors.length - 1)) * 100}%`}\n            stopColor={color}\n          />\n        ))}\n      </linearGradient>\n    </defs>\n  );\n};\n\nexport default GradientDefs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAAyC;EAAA,IAAAC,cAAA,EAAAC,WAAA;EAAA,IAAxC;IAAEC;EAAgC,CAAC,GAAAH,IAAA;EAC9D,IAAI,CAACG,QAAQ,EAAE,OAAO,IAAI;EAE1B,MAAMC,KAAK,GAAGD,QAAQ,CAACC,KAAK,CAAC,0BAA0B,CAAC;EACxD,IAAI,CAACA,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAMC,KAAK,IAAAJ,cAAA,GACTG,KAAK,CAAC,CAAC,CAAC,CAACA,KAAK,CAAC,gDAAgD,CAAC,YAAAH,cAAA,GAAI,EAAE;EACxE,MAAMK,SAAS,IAAAJ,WAAA,GAAGG,KAAK,CAACE,IAAI,CAAEC,CAAC,IAAK,QAAQ,CAACC,IAAI,CAACD,CAAC,CAAC,CAAC,YAAAN,WAAA,GAAI,MAAM;EAC/D,MAAMQ,KAAK,GAAGC,MAAM,CAACL,SAAS,CAACM,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC;EAEvD,MAAMC,MAAM,GAAGR,KAAK,CAACS,MAAM,CAAEN,CAAC,IAAK,QAAQ,CAACC,IAAI,CAACD,CAAC,CAAC,CAAC;EAEpD,IAAIK,MAAM,CAACE,MAAM,GAAG,CAAC,EAAE,OAAO,IAAI;EAElC,oBACEjB,KAAA,CAAAkB,aAAA,4BACElB,KAAA,CAAAkB,aAAA;IACEC,EAAE,EAAC,eAAe;IAClB,eAAY,eAAe;IAC3BC,iBAAiB,cAAYR,KAAK;EAAI,GAErCG,MAAM,CAACM,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,kBACnBvB,KAAA,CAAAkB,aAAA;IACEM,GAAG,EAAED,CAAE;IACPE,MAAM,EAAMF,CAAC,IAAIR,MAAM,CAACE,MAAM,GAAG,CAAC,CAAC,GAAI,GAAG,MAAI;IAC9CS,SAAS,EAAEJ;EAAM,CAClB,CACF,CACa,CACZ,CAAC;AAEX,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}
+{"version":3,"file":"GradientDefs.js","names":["React","GradientDefs","_ref","_match$1$match","_parts$find","gradient","match","parts","anglePart","find","p","test","angle","Number","replace","colors","filter","length","createElement","id","gradientTransform","map","color","i","key","offset","stopColor"],"sources":["../../../../src/components/GradientDefs/GradientDefs.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const GradientDefs = ({ gradient }: { gradient?: string }) => {\n  if (!gradient) return null;\n\n  const match = gradient.match(/linear-gradient\\((.*)\\)$/);\n  if (!match) return null;\n\n  const parts =\n    match[1].match(/(#[0-9a-fA-F]{3,6}|rgba?\\([^)]*\\)|[0-9.]+deg)/g) ?? [];\n  const anglePart = parts.find((p) => /\\d+deg/.test(p)) ?? \"0deg\";\n  const angle = Number(anglePart.replace(\"deg\", \"\")) || 0;\n\n  const colors = parts.filter((p) => /^#|rgb/.test(p));\n\n  if (colors.length < 2) return null;\n\n  return (\n    <defs>\n      <linearGradient\n        id=\"icon-gradient\"\n        data-testid=\"icon-gradient\"\n        gradientTransform={`rotate(${angle})`}\n      >\n        {colors.map((color, i) => (\n          <stop\n            key={i}\n            offset={`${(i / (colors.length - 1)) * 100}%`}\n            stopColor={color}\n          />\n        ))}\n      </linearGradient>\n    </defs>\n  );\n};\n\nexport default GradientDefs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAAyC;EAAA,IAAAC,cAAA,EAAAC,WAAA;EAAA,IAAtCC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACrC,IAAI,CAACA,QAAQ,EAAE,OAAO,IAAI;EAE1B,MAAMC,KAAK,GAAGD,QAAQ,CAACC,KAAK,CAAC,0BAA0B,CAAC;EACxD,IAAI,CAACA,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAMC,KAAK,IAAAJ,cAAA,GACTG,KAAK,CAAC,CAAC,CAAC,CAACA,KAAK,CAAC,gDAAgD,CAAC,YAAAH,cAAA,GAAI,EAAE;EACxE,MAAMK,SAAS,IAAAJ,WAAA,GAAGG,KAAK,CAACE,IAAI,CAAEC,CAAC,IAAK,QAAQ,CAACC,IAAI,CAACD,CAAC,CAAC,CAAC,YAAAN,WAAA,GAAI,MAAM;EAC/D,MAAMQ,KAAK,GAAGC,MAAM,CAACL,SAAS,CAACM,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC;EAEvD,MAAMC,MAAM,GAAGR,KAAK,CAACS,MAAM,CAAEN,CAAC,IAAK,QAAQ,CAACC,IAAI,CAACD,CAAC,CAAC,CAAC;EAEpD,IAAIK,MAAM,CAACE,MAAM,GAAG,CAAC,EAAE,OAAO,IAAI;EAElC,oBACEjB,KAAA,CAAAkB,aAAA,4BACElB,KAAA,CAAAkB,aAAA;IACEC,EAAE,EAAC,eAAe;IAClB,eAAY,eAAe;IAC3BC,iBAAiB,cAAYR,KAAK;EAAI,GAErCG,MAAM,CAACM,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,kBACnBvB,KAAA,CAAAkB,aAAA;IACEM,GAAG,EAAED,CAAE;IACPE,MAAM,EAAMF,CAAC,IAAIR,MAAM,CAACE,MAAM,GAAG,CAAC,CAAC,GAAI,GAAG,MAAI;IAC9CS,SAAS,EAAEJ;EAAM,CAClB,CACF,CACa,CACZ,CAAC;AAEX,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}

package/dist/esm/components/Header/Header.js

@@ -5,11 +5,10 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledHeader } from "./Styles";
 export const Header = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className,
-      size = "small",
-      children
-    } = _ref,
+  let className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "small" : _ref$size,
+    children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledHeader, _extends({
     type: "paper-2",

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["React","forwardRef","classNames","StyledHeader","Header","_ref","ref","className","size","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","type","displayName"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledHeader } from \"./Styles\";\n\nexport interface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Size */\n  size?: \"small\" | \"big\";\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      size = \"small\",\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type=\"paper-2\"\n        className={classNames(\"c-header\", className)}\n        size={size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAWvC,OAAO,MAAMC,MAAM,gBAAGH,UAAU,CAC9B,CAAAI,IAAA,EAOEC,GAA2C,KACxC;EAAA,IAPH;MACEC,SAAS;MACTC,IAAI,GAAG,OAAO;MACdC;IAE6C,CAAC,GAAAJ,IAAA;IAD3CK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAIT,oBACEZ,KAAA,CAAAa,aAAA,CAACV,YAAY,EAAAW,QAAA;IACXC,IAAI,EAAC,SAAS;IACdR,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CC,IAAI,EAAEA,IAAK;IACXF,GAAG,EAAEA;EAAI,GACLI,IAAI,GAEPD,QACW,CAAC;AAEnB,CACF,CAAC;AAEDL,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Header.js","names":["React","forwardRef","classNames","StyledHeader","Header","_ref","ref","className","_ref$size","size","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","type","displayName"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledHeader } from \"./Styles\";\n\nexport interface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Size */\n  size?: \"small\" | \"big\";\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      size = \"small\",\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type=\"paper-2\"\n        className={classNames(\"c-header\", className)}\n        size={size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAWvC,OAAO,MAAMC,MAAM,gBAAGH,UAAU,CAC9B,CAAAI,IAAA,EAOEC,GAA2C,KACxC;EAAA,IANDC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,SAAA,GAAAH,IAAA,CACTI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA;IACdE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACLC,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAIT,oBACEb,KAAA,CAAAc,aAAA,CAACX,YAAY,EAAAY,QAAA;IACXC,IAAI,EAAC,SAAS;IACdT,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CE,IAAI,EAAEA,IAAK;IACXH,GAAG,EAAEA;EAAI,GACLK,IAAI,GAEPD,QACW,CAAC;AAEnB,CACF,CAAC;AAEDN,MAAM,CAACa,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/IconButton/IconButton.js

@@ -27,13 +27,11 @@ import { StyledIconButton } from "./Styles";
  */
 
 export const IconButton = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className,
-      variant,
-      size,
-      active
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
+    variant = _ref.variant,
+    size = _ref.size,
+    active = _ref.active,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
     className: className,

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":["React","forwardRef","StyledIconButton","IconButton","_ref","ref","children","className","variant","size","active","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren } from \"react\";\n\nimport { StyledIconButton } from \"./Styles\";\nimport { ButtonProps } from \"../Button\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\n/**\n * @component IconButton\n * @description\n * IconButton composes the Button component except that it renders only an icon.\n * Since IconButton only renders an icon, you have to pass the aria-label prop,\n * so screen readers can give meaning to the button.\n *\n * @props See Button props.\n *\n * @example\n * return (\n *   <IconButton className=\"mr-2\" variant=\"primary\" size=\"medium\" aria-label=\"Close dialog\">\n *     <CloseIcon />\n *   </IconButton>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--icon-button\n * https://design.activecollab.com/docs/components/button\n */\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, active, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={className}\n      variant={variant}\n      size={size}\n      active={active}\n      ref={ref}\n      {...args}\n    >\n      {children}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2B,OAAO;AAE5D,SAASC,gBAAgB,QAAQ,UAAU;;AAG3C;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,UAAU,gBAAGF,UAAU,CAGlC,CAAAG,IAAA,EAA0DC,GAAG,KAAK;EAAA,IAAjE;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,OAAO;MAAEC,IAAI;MAAEC;IAAgB,CAAC,GAAAN,IAAA;IAANO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EACtD,oBACEb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAAa,QAAA;IACfR,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfL,GAAG,EAAEA;EAAI,GACLM,IAAI,GAEPL,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFH,UAAU,CAACa,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"IconButton.js","names":["React","forwardRef","StyledIconButton","IconButton","_ref","ref","children","className","variant","size","active","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren } from \"react\";\n\nimport { StyledIconButton } from \"./Styles\";\nimport { ButtonProps } from \"../Button\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\n/**\n * @component IconButton\n * @description\n * IconButton composes the Button component except that it renders only an icon.\n * Since IconButton only renders an icon, you have to pass the aria-label prop,\n * so screen readers can give meaning to the button.\n *\n * @props See Button props.\n *\n * @example\n * return (\n *   <IconButton className=\"mr-2\" variant=\"primary\" size=\"medium\" aria-label=\"Close dialog\">\n *     <CloseIcon />\n *   </IconButton>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--icon-button\n * https://design.activecollab.com/docs/components/button\n */\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, active, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={className}\n      variant={variant}\n      size={size}\n      active={active}\n      ref={ref}\n      {...args}\n    >\n      {children}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2B,OAAO;AAE5D,SAASC,gBAAgB,QAAQ,UAAU;;AAG3C;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,UAAU,gBAAGF,UAAU,CAGlC,CAAAG,IAAA,EAA0DC,GAAG,KAAK;EAAA,IAA/DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EACtD,oBACEb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAAa,QAAA;IACfR,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfL,GAAG,EAAEA;EAAI,GACLM,IAAI,GAEPL,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFH,UAAU,CAACa,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/IconButton/Styles.js

@@ -4,14 +4,10 @@ export const StyledIconButton = styled(Button).withConfig({
   displayName: "Styles__StyledIconButton",
   componentId: "sc-1teza2f-0"
 })(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], _ref => {
-  let {
-    size
-  } = _ref;
+  let size = _ref.size;
   return size === "small" && css(["width:24px;svg{width:18px;height:18px;}"]);
 }, _ref2 => {
-  let {
-    size
-  } = _ref2;
+  let size = _ref2.size;
   return size === "big" && css(["width:40px;"]);
 });
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledIconButton","withConfig","displayName","componentId","_ref","size","_ref2"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACE,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGAO1CC,IAAA;EAAA,IAAC;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAAA,OACTC,IAAI,KAAK,OAAO,IAChBP,GAAG,6CAMF;AAAA,GAEDQ,KAAA;EAAA,IAAC;IAAED;EAAK,CAAC,GAAAC,KAAA;EAAA,OACTD,IAAI,KAAK,KAAK,IACdP,GAAG,iBAEF;AAAA,EACJ","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledIconButton","withConfig","displayName","componentId","_ref","size","_ref2"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACE,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGAO1CC,IAAA;EAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,OACPA,IAAI,KAAK,OAAO,IAChBP,GAAG,6CAMF;AAAA,GAEDQ,KAAA;EAAA,IAAGD,IAAI,GAAAC,KAAA,CAAJD,IAAI;EAAA,OACPA,IAAI,KAAK,KAAK,IACdP,GAAG,iBAEF;AAAA,EACJ","ignoreList":[]}

package/dist/esm/components/Icons/collection/AccessLog.js

@@ -30,33 +30,31 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const AccessLogIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const AccessLogIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "AccessLogIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.127 13.646a.5.5 0 01.146.354v3H9.37a.5.5 0 010 1H7.773a.5.5 0 01-.5-.5V14a.5.5 0 01.854-.354z"
+    d: "M8.127 13.646a.5.5 0 0 1 .146.354v3H9.37a.5.5 0 0 1 0 1H7.773a.5.5 0 0 1-.5-.5V14a.5.5 0 0 1 .854-.354"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.42 13.646a.5.5 0 01.353-.146h2a.5.5 0 01.5.5v3.5a.5.5 0 01-.5.5h-2a.5.5 0 01-.5-.5V14a.5.5 0 01.146-.354zm.853.854V17h1v-2.5h-1z"
+    d: "M10.42 13.646a.5.5 0 0 1 .353-.146h2a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V14a.5.5 0 0 1 .146-.354Zm.853.854V17h1v-2.5z",
+    clipRule: "evenodd"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M14.5 13.5a.5.5 0 00-.5.5v3.5a.5.5 0 00.5.5h2a.5.5 0 00.5-.5V16a.5.5 0 00-.5-.5H16a.5.5 0 000 1v.5h-1v-2.5h1.5a.5.5 0 000-1h-2z"
+    d: "M14.5 13.5a.5.5 0 0 0-.5.5v3.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V16a.5.5 0 0 0-.5-.5H16a.5.5 0 0 0 0 1v.5h-1v-2.5h1.5a.5.5 0 0 0 0-1z"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm10.19 2H5v16h14V7.891L15.19 4z"
+    d: "M5 2h11.03L21 7.075V20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m10.19 2H5v16h14V7.891z",
+    clipRule: "evenodd"
   }));
 });
 AccessLogIcon.displayName = "AccessLogIcon";

package/dist/esm/components/Icons/collection/AccessLog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessLog.js","names":["React","GradientDefs","AccessLogIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","xmlns","fill","focusable","ref","d","fillRule","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/AccessLog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AccessLogIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AccessLogIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AccessLogIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AccessLogIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"AccessLogIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M8.127 13.646a.5.5 0 01.146.354v3H9.37a.5.5 0 010 1H7.773a.5.5 0 01-.5-.5V14a.5.5 0 01.854-.354z\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.42 13.646a.5.5 0 01.353-.146h2a.5.5 0 01.5.5v3.5a.5.5 0 01-.5.5h-2a.5.5 0 01-.5-.5V14a.5.5 0 01.146-.354zm.853.854V17h1v-2.5h-1z\"\n      />\n      <path d=\"M14.5 13.5a.5.5 0 00-.5.5v3.5a.5.5 0 00.5.5h2a.5.5 0 00.5-.5V16a.5.5 0 00-.5-.5H16a.5.5 0 000 1v.5h-1v-2.5h1.5a.5.5 0 000-1h-2z\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm10.19 2H5v16h14V7.891L15.19 4z\"\n      />\n    </svg>\n  )\n);\nAccessLogIcon.displayName = \"AccessLogIcon\";\nexport default AccessLogIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,UAAU,CACpC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,KAAK,EAAC,4BAA4B;IAClC,eAAY,eAAe;IAC3BC,IAAI,EACFT,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEQ,IAAI,GACXR,KAAK,CAACQ,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEZ;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAAkG,CAAE,CAAC,eAC7GlB,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC;EAAsI,CACzI,CAAC,eACFlB,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAAiI,CAAE,CAAC,eAC5IlB,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC;EAAkG,CACrG,CACE,CAAC;AAAA,CAEV,CAAC;AACDhB,aAAa,CAACmB,WAAW,GAAG,eAAe;AAC3C,eAAenB,aAAa","ignoreList":[]}
+{"version":3,"file":"AccessLog.js","names":["React","GradientDefs","AccessLogIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","d","fillRule","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/AccessLog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AccessLogIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AccessLogIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AccessLogIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AccessLogIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      data-testid=\"AccessLogIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M8.127 13.646a.5.5 0 0 1 .146.354v3H9.37a.5.5 0 0 1 0 1H7.773a.5.5 0 0 1-.5-.5V14a.5.5 0 0 1 .854-.354\" />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10.42 13.646a.5.5 0 0 1 .353-.146h2a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V14a.5.5 0 0 1 .146-.354Zm.853.854V17h1v-2.5z\"\n        clipRule=\"evenodd\"\n      />\n      <path d=\"M14.5 13.5a.5.5 0 0 0-.5.5v3.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V16a.5.5 0 0 0-.5-.5H16a.5.5 0 0 0 0 1v.5h-1v-2.5h1.5a.5.5 0 0 0 0-1z\" />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M5 2h11.03L21 7.075V20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m10.19 2H5v16h14V7.891z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nAccessLogIcon.displayName = \"AccessLogIcon\";\nexport default AccessLogIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,UAAU,CACpC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,eAAe;IAC3BC,IAAI,EACFT,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEQ,IAAI,GACXR,KAAK,CAACQ,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBX,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMO,CAAC,EAAC;EAAwG,CAAE,CAAC,eACnHjB,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBD,CAAC,EAAC,2IAA2I;IAC7IE,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFnB,KAAA,CAAAU,aAAA;IAAMO,CAAC,EAAC;EAAwI,CAAE,CAAC,eACnJjB,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBD,CAAC,EAAC,6FAA6F;IAC/FE,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,aAAa,CAACkB,WAAW,GAAG,eAAe;AAC3C,eAAelB,aAAa","ignoreList":[]}

package/dist/esm/components/Icons/collection/Activity.js

@@ -30,29 +30,27 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ActivityIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ActivityIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "ActivityIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z"
+    d: "M6 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4m2.962 10.317a1 1 0 0 1-.949.684H5.76a1 1 0 0 1 0-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 0 1 .95-.684H18a1 1 0 0 1 0 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153z"
   }), /*#__PURE__*/React.createElement("path", {
     stroke: "#F4F5F7",
     strokeWidth: 0.1,
-    opacity: 0.01,
-    d: "M.05.05h23.9v23.9H.05z"
+    d: "M.05.05h23.9v23.9H.05z",
+    opacity: 0.01
   }));
 });
 ActivityIcon.displayName = "ActivityIcon";

package/dist/esm/components/Icons/collection/Activity.js.map

@@ -1 +1 @@
-{"version":3,"file":"Activity.js","names":["React","GradientDefs","ActivityIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","stroke","strokeWidth","opacity","displayName"],"sources":["../../../../../src/components/Icons/collection/Activity.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ActivityIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ActivityIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ActivityIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ActivityIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ActivityIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n    </svg>\n  )\n);\nActivityIcon.displayName = \"ActivityIcon\";\nexport default ActivityIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMS,CAAC,EAAC;EAAoW,CAAE,CAAC,eAC/WnB,KAAA,CAAAU,aAAA;IACEU,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,GAAI;IACjBC,OAAO,EAAE,IAAK;IACdH,CAAC,EAAC;EAAwB,CAC3B,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,YAAY,CAACqB,WAAW,GAAG,cAAc;AACzC,eAAerB,YAAY","ignoreList":[]}
+{"version":3,"file":"Activity.js","names":["React","GradientDefs","ActivityIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","d","stroke","strokeWidth","opacity","displayName"],"sources":["../../../../../src/components/Icons/collection/Activity.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ActivityIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ActivityIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ActivityIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ActivityIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"ActivityIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M6 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4m2.962 10.317a1 1 0 0 1-.949.684H5.76a1 1 0 0 1 0-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 0 1 .95-.684H18a1 1 0 0 1 0 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        d=\"M.05.05h23.9v23.9H.05z\"\n        opacity={0.01}\n      />\n    </svg>\n  )\n);\nActivityIcon.displayName = \"ActivityIcon\";\nexport default ActivityIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAAwW,CAAE,CAAC,eACnXlB,KAAA,CAAAU,aAAA;IACES,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,GAAI;IACjBF,CAAC,EAAC,wBAAwB;IAC1BG,OAAO,EAAE;EAAK,CACf,CACE,CAAC;AAAA,CAEV,CAAC;AACDnB,YAAY,CAACoB,WAAW,GAAG,cAAc;AACzC,eAAepB,YAAY","ignoreList":[]}

package/dist/esm/components/Icons/collection/AddCross.js

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const AddCrossIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const AddCrossIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 10,
     height: 10,
     viewBox: "0 0 10 10",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "AddCrossIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 0v4h4v2H6v4H4V6H0V4h4V0h2z",
-    fillRule: "nonzero"
+    fillRule: "nonzero",
+    d: "M6 0v4h4v2H6v4H4V6H0V4h4V0z"
   }));
 });
 AddCrossIcon.displayName = "AddCrossIcon";

package/dist/esm/components/Icons/collection/AddCross.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddCross.js","names":["React","GradientDefs","AddCrossIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/AddCross.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AddCrossIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AddCrossIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AddCrossIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AddCrossIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"AddCrossIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M6 0v4h4v2H6v4H4V6H0V4h4V0h2z\" fillRule=\"nonzero\" />\n    </svg>\n  )\n);\nAddCrossIcon.displayName = \"AddCrossIcon\";\nexport default AddCrossIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMS,CAAC,EAAC,+BAA+B;IAACC,QAAQ,EAAC;EAAS,CAAE,CACzD,CAAC;AAAA,CAEV,CAAC;AACDlB,YAAY,CAACmB,WAAW,GAAG,cAAc;AACzC,eAAenB,YAAY","ignoreList":[]}
+{"version":3,"file":"AddCross.js","names":["React","GradientDefs","AddCrossIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/AddCross.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AddCrossIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AddCrossIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AddCrossIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AddCrossIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      data-testid=\"AddCrossIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path fillRule=\"nonzero\" d=\"M6 0v4h4v2H6v4H4V6H0V4h4V0z\" />\n    </svg>\n  )\n);\nAddCrossIcon.displayName = \"AddCrossIcon\";\nexport default AddCrossIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,QAAQ,EAAC,SAAS;IAACC,CAAC,EAAC;EAA6B,CAAE,CACvD,CAAC;AAAA,CAEV,CAAC;AACDjB,YAAY,CAACkB,WAAW,GAAG,cAAc;AACzC,eAAelB,YAAY","ignoreList":[]}

package/dist/esm/components/Icons/collection/AddCrossTiny.js

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const AddCrossTinyIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const AddCrossTinyIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "AddCrossTinyIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M12 4a1 1 0 0 1 1 1v6h6a1 1 0 0 1 0 2h-6v6a1 1 0 0 1-2 0l-.001-6H5a1 1 0 0 1 0-2h6V5a1 1 0 0 1 1-1"
   }));
 });
 AddCrossTinyIcon.displayName = "AddCrossTinyIcon";

package/dist/esm/components/Icons/collection/AddCrossTiny.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddCrossTiny.js","names":["React","GradientDefs","AddCrossTinyIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/AddCrossTiny.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AddCrossTinyIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AddCrossTinyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AddCrossTinyIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AddCrossTinyIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"AddCrossTinyIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        d=\"M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nAddCrossTinyIcon.displayName = \"AddCrossTinyIcon\";\nexport default AddCrossTinyIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,kBAAkB;IAC9BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACES,CAAC,EAAC,4FAA4F;IAC9FC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB;AACjD,eAAenB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"AddCrossTiny.js","names":["React","GradientDefs","AddCrossTinyIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/AddCrossTiny.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AddCrossTinyIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AddCrossTinyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AddCrossTinyIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AddCrossTinyIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"AddCrossTinyIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M12 4a1 1 0 0 1 1 1v6h6a1 1 0 0 1 0 2h-6v6a1 1 0 0 1-2 0l-.001-6H5a1 1 0 0 1 0-2h6V5a1 1 0 0 1 1-1\"\n      />\n    </svg>\n  )\n);\nAddCrossTinyIcon.displayName = \"AddCrossTinyIcon\";\nexport default AddCrossTinyIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,kBAAkB;IAC9BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAAoG,CACvG,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,gBAAgB,CAACkB,WAAW,GAAG,kBAAkB;AACjD,eAAelB,gBAAgB","ignoreList":[]}