{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/framer/icon-nullstate.js@0.7.0", "ssg:https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nexport const containerStyles = {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\"\n};\nconst nullIconStyle = {\n    minWidth: \"10px\",\n    minHeight: \"10px\",\n    maxWidth: \"20px\",\n    maxHeight: \"20px\",\n    width: \"60%\",\n    height: \"60%\"\n};\nconst emptyStateStyle = {\n    ...containerStyles,\n    borderRadius: 6,\n    background: \"rgba(149, 149, 149, 0.1)\",\n    border: \"1px dashed rgba(149, 149, 149, 0.15)\",\n    color: \"#a5a5a5\",\n    flexDirection: \"column\"\n};\nexport const NullState = /*#__PURE__*/ React.forwardRef((_, ref)=>{\n    return(/*#__PURE__*/ _jsx(\"div\", {\n        style: emptyStateStyle,\n        ref: ref\n    }));\n}) /*\n\n<svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 30 30\"\n                style={nullIconStyle}\n            >\n                <path\n                    d=\"M 12.857 0 C 19.958 0 25.714 5.756 25.714 12.857 C 25.714 19.958 19.958 25.714 12.857 25.714 C 5.756 25.714 0 19.958 0 12.857 C 0 5.756 5.756 0 12.857 0 Z\"\n                    fill=\"#FFFFFF\"\n                ></path>\n                <path\n                    d=\"M 20.357 20.357 L 27.857 27.857\"\n                    fill=\"transparent\"\n                    strokeWidth=\"4.28\"\n                    stroke=\"#FFFFFF\"\n                    strokeLinecap=\"round\"\n                ></path>\n                <g transform=\"translate(9.643 6.429)\">\n                    <path\n                        d=\"M 3.214 12.857 L 3.214 12.857\"\n                        fill=\"transparent\"\n                        strokeWidth=\"3.75\"\n                        stroke=\"currentColor\"\n                        strokeLinecap=\"round\"\n                    ></path>\n                    <path\n                        d=\"M 0 3.214 C 0 1.004 1.843 0 3.214 0 C 4.586 0 6.429 0.603 6.429 3.214 C 6.429 5.826 3.214 5.913 3.214 7.232 C 3.214 8.552 3.214 8.571 3.214 8.571\"\n                        fill=\"transparent\"\n                        strokeWidth=\"3.22\"\n                        stroke=\"currentColor\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    ></path>\n                </g>\n            </svg>\n            */ ;\n\nexport const __FramerMetadata__ = {\"exports\":{\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"NullState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./nullstate.map", "import { useMemo } from \"react\";\nimport { ControlType } from \"framer\"; /*\n                                      ** ICON UTILS\n                                      ** Pull as much re-usable logic into here as possible\n                                      ** This will make it easier to replace in all icon components\n                                      */\nexport const containerStyles = {\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\"\n};\nexport const defaultEvents = {\n  onClick: {\n    type: ControlType.EventHandler\n  },\n  onMouseDown: {\n    type: ControlType.EventHandler\n  },\n  onMouseUp: {\n    type: ControlType.EventHandler\n  },\n  onMouseEnter: {\n    type: ControlType.EventHandler\n  },\n  onMouseLeave: {\n    type: ControlType.EventHandler\n  }\n};\nconst findByArray = (arr, search) => arr.find(a => a.toLowerCase().includes(search));\nexport function getIconSelection(iconKeys, selectByList, iconSearch = \"\", iconSelection, lowercaseIconKeyPairs) {\n  // gotta get the exact match first THEN find\n  // have a set and try to access ?\n  if (selectByList) return iconSelection;\n  if (iconSearch == null || (iconSearch === null || iconSearch === void 0 ? void 0 : iconSearch.length) === 0) return null;\n  const iconSearchTerm = iconSearch.toLowerCase().replace(/-|\\s/g, \"\");\n  var _iconSearchTerm; // check for exact match, otherwise use .find\n  const searchResult = (_iconSearchTerm = lowercaseIconKeyPairs[iconSearchTerm]) !== null && _iconSearchTerm !== void 0 ? _iconSearchTerm : findByArray(iconKeys, iconSearchTerm);\n  return searchResult;\n}\nexport function useIconSelection(iconKeys, selectByList, iconSearch = \"\", iconSelection, lowercaseIconKeyPairs) {\n  // Clean search term\n  const iconSearchResult = useMemo(() => {\n    if (iconSearch == null || (iconSearch === null || iconSearch === void 0 ? void 0 : iconSearch.length) === 0) return null;\n    const iconSearchTerm = iconSearch.toLowerCase().replace(/-|\\s/g, \"\");\n    var _iconSearchTerm; // check for exact match, otherwise use .find\n    const searchResult = (_iconSearchTerm = lowercaseIconKeyPairs[iconSearchTerm]) !== null && _iconSearchTerm !== void 0 ? _iconSearchTerm : findByArray(iconKeys, iconSearchTerm);\n    return searchResult;\n  }, [iconSelection, iconSearch]);\n  const name = selectByList ? iconSelection : iconSearchResult;\n  return name;\n}\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"getIconSelection\": {\n      \"type\": \"function\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"containerStyles\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"useIconSelection\": {\n      \"type\": \"function\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"defaultEvents\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./utils.map"],
  "mappings": "gGAEO,IAAMA,EAAkB,CAC3B,MAAO,OACP,OAAQ,OACR,QAAS,OACT,eAAgB,SAChB,WAAY,QAChB,EASA,IAAMC,EAAkB,CACpB,GAAGC,EACH,aAAc,EACd,WAAY,2BACZ,OAAQ,uCACR,MAAO,UACP,cAAe,QACnB,EACaC,EAAgCC,EAAW,CAACC,EAAGC,IACnCC,EAAK,MAAO,CAC7B,MAAON,EACP,IAAKK,CACT,CAAC,CACJ,ECjBM,IAAME,EAAgB,CAC3B,QAAS,CACP,KAAMC,EAAY,YACpB,EACA,YAAa,CACX,KAAMA,EAAY,YACpB,EACA,UAAW,CACT,KAAMA,EAAY,YACpB,EACA,aAAc,CACZ,KAAMA,EAAY,YACpB,EACA,aAAc,CACZ,KAAMA,EAAY,YACpB,CACF,EACMC,EAAc,CAACC,EAAKC,IAAWD,EAAI,KAAKE,GAAKA,EAAE,YAAY,EAAE,SAASD,CAAM,CAAC,EAW5E,SAASE,EAAiBC,EAAUC,EAAcC,EAAa,GAAIC,EAAeC,EAAuB,CAE9G,IAAMC,EAAmBC,EAAQ,IAAM,CACrC,GAAIJ,GAAc,MAAiEA,GAAW,SAAY,EAAG,OAAO,KACpH,IAAMK,EAAiBL,EAAW,YAAY,EAAE,QAAQ,QAAS,EAAE,EACnE,IAAIM,EAEJ,OADsBA,EAAkBJ,EAAsBG,CAAc,KAAO,MAAQC,IAAoB,OAASA,EAAkBC,EAAYT,EAAUO,CAAc,CAEhL,EAAG,CAACJ,EAAeD,CAAU,CAAC,EAE9B,OADaD,EAAeE,EAAgBE,CAE9C",
  "names": ["containerStyles", "emptyStateStyle", "containerStyles", "NullState", "Y", "_", "ref", "p", "defaultEvents", "ControlType", "findByArray", "arr", "search", "a", "useIconSelection", "iconKeys", "selectByList", "iconSearch", "iconSelection", "lowercaseIconKeyPairs", "iconSearchResult", "se", "iconSearchTerm", "_iconSearchTerm", "findByArray"]
}