@grantbii/design-system 1.0.74 → 1.0.78

package/core/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAoB,MAAM,gBAAgB,CAAC","sourcesContent":["export { default as FileDrop, useFileDrop } from \"./FileDrop\";\nexport { default as Modal, useModal } from \"./Modal\";\nexport { default as RadioButtons, type RadioOption } from \"./RadioButtons\";\n"]}

package/core/organisms/GrantMatch/ActiveQueryFiles.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
 import styled from "styled-components";
 import { Badge, Button } from "../../atoms";
 import { Colors, Icons } from "../../foundations";
@@ -19,10 +20,7 @@ const FileBadges = () => {
         };
         updateActiveQuery(newQuery);
     };
-    return (_jsx(BaseFileBadges, { children: activeQuery.files.map((file) => {
-            var _a;
-            return (_jsx(Badge, { text: file.name.substring(0, file.name.lastIndexOf(".")), Icon: (_a = FILE_TYPE_ICON_MAP[file.type]) !== null && _a !== void 0 ? _a : Icons.FileIcon, onClickClose: () => removeActiveQueryFile(file.name), textWidthPixels: 160 }, file.name));
-        }) }));
+    return (_jsx(BaseFileBadges, { children: activeQuery.files.map((file) => (_jsx(Badge, { text: file.name.substring(0, file.name.lastIndexOf(".")), Icon: FILE_TYPE_ICON_MAP[file.type] ?? Icons.FileIcon, onClickClose: () => removeActiveQueryFile(file.name), textWidthPixels: 160 }, file.name))) }));
 };
 const BaseFileBadges = styled.div `
   display: flex;
@@ -49,3 +47,4 @@ const ResetFilesButton = () => {
     const { activeQuery, updateActiveQuery } = useGrantMatchContext();
     return (_jsx(Button, { text: "Reset", onClick: () => updateActiveQuery({ files: [], text: activeQuery.text }), color: Colors.typography.blackMedium, underline: true }));
 };
+//# sourceMappingURL=ActiveQueryFiles.js.map

package/core/organisms/GrantMatch/ActiveQueryFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveQueryFiles.js","sourceRoot":"","sources":["../../../../core/organisms/GrantMatch/ActiveQueryFiles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC7B,MAAC,eAAe,eACd,KAAC,UAAU,KAAG,EACd,KAAC,gBAAgB,KAAG,IACJ,CACnB,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAEhC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAElE,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;QACjD,MAAM,QAAQ,GAAG;YACf,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;YACjE,IAAI,EAAE,WAAW,CAAC,IAAI;SACvB,CAAC;QAEF,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,cACZ,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC/B,KAAC,KAAK,IAEJ,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EACxD,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,EACrD,YAAY,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,EACpD,eAAe,EAAE,GAAG,IAJf,IAAI,CAAC,IAAI,CAKd,CACH,CAAC,GACa,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBhC,CAAC;AAEF,MAAM,kBAAkB,GAEpB;IACF,iBAAiB,EAAE,KAAK,CAAC,WAAW;CACrC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAElE,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,EACvE,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,WAAW,EACpC,SAAS,SACT,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { type ComponentType } from \"react\";\nimport styled from \"styled-components\";\nimport { Badge, Button } from \"../../atoms\";\nimport { Colors, Icons } from \"../../foundations\";\nimport { useGrantMatchContext } from \"./context\";\n\nconst ActiveQueryFiles = () => (\n  <BaseActiveFiles>\n    <FileBadges />\n    <ResetFilesButton />\n  </BaseActiveFiles>\n);\n\nexport default ActiveQueryFiles;\n\nconst BaseActiveFiles = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n\nconst FileBadges = () => {\n  const { activeQuery, updateActiveQuery } = useGrantMatchContext();\n\n  const removeActiveQueryFile = (fileName: string) => {\n    const newQuery = {\n      files: activeQuery.files.filter((file) => file.name !== fileName),\n      text: activeQuery.text,\n    };\n\n    updateActiveQuery(newQuery);\n  };\n\n  return (\n    <BaseFileBadges>\n      {activeQuery.files.map((file) => (\n        <Badge\n          key={file.name}\n          text={file.name.substring(0, file.name.lastIndexOf(\".\"))}\n          Icon={FILE_TYPE_ICON_MAP[file.type] ?? Icons.FileIcon}\n          onClickClose={() => removeActiveQueryFile(file.name)}\n          textWidthPixels={160}\n        />\n      ))}\n    </BaseFileBadges>\n  );\n};\n\nconst BaseFileBadges = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  width: 100%;\n\n  overflow-x: auto;\n\n  /* hide scrollbar but still allow for scrolling */\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n\n  /* TODO: fade effect on overflow-x */\n`;\n\nconst FILE_TYPE_ICON_MAP: {\n  [itemType: string]: ComponentType<Icons.IconProps>;\n} = {\n  \"application/pdf\": Icons.FilePdfIcon,\n};\n\nconst ResetFilesButton = () => {\n  const { activeQuery, updateActiveQuery } = useGrantMatchContext();\n\n  return (\n    <Button\n      text=\"Reset\"\n      onClick={() => updateActiveQuery({ files: [], text: activeQuery.text })}\n      color={Colors.typography.blackMedium}\n      underline\n    />\n  );\n};\n"]}

package/core/organisms/GrantMatch/GrantMatchModal.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { Button, Textarea } from "../../atoms";
@@ -33,3 +32,4 @@ const FindGrantsButton = ({ files }) => {
     };
     return (_jsx(Button, { text: "Find My Grants", onClick: onClick, backgroundColor: Colors.accent.yellow1 }));
 };
+//# sourceMappingURL=GrantMatchModal.js.map

package/core/organisms/GrantMatch/GrantMatchModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrantMatchModal.js","sourceRoot":"","sources":["../../../../core/organisms/GrantMatch/GrantMatchModal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC3D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1E,OAAO,CACL,KAAC,KAAK,IACJ,MAAM,EAAE,wCAAsB,EAC9B,OAAO,EACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,GACtB,EAEJ,MAAM,EAAE,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,EAC1C,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EACjC,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC;AAQ/B,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,WAAW,EACX,UAAU,GACQ,EAAE,EAAE;IACtB,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE9D,OAAO,CACL,MAAC,WAAW,eACV,KAAC,QAAQ,IACP,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,GACtB,EAEF,MAAC,cAAc,eACb,gBAAO,OAAO,EAAE,iBAAiB,4CAAqC,EACtE,KAAC,QAAQ,IACP,EAAE,EAAE,iBAAiB,EACrB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACxD,WAAW,EAAC,8DAA8D,GAC1E,IACa,IACL,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAE3C,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAC;AAMF,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAyB,EAAE,EAAE;IAC5D,MAAM,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE5E,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QAC9C,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,GACtC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import styled from \"styled-components\";\nimport { Button, Textarea } from \"../../atoms\";\nimport { Colors } from \"../../foundations\";\nimport { FileDrop, Modal, useFileDrop } from \"../../molecules\";\nimport { useGrantMatchContext } from \"./context\";\n\nconst GrantMatchModal = () => {\n  const { activeQuery, closeModal } = useGrantMatchContext();\n  const { files, uploadFiles, removeFile } = useFileDrop(activeQuery.files);\n\n  return (\n    <Modal\n      header={<div>Grant Match</div>}\n      content={\n        <ModalContent\n          files={files}\n          uploadFiles={uploadFiles}\n          removeFile={removeFile}\n        />\n      }\n      footer={<FindGrantsButton files={files} />}\n      onClickCancel={() => closeModal()}\n      width=\"480px\"\n      height=\"600px\"\n    />\n  );\n};\n\nexport default GrantMatchModal;\n\ntype ModalContentProps = {\n  files: File[];\n  uploadFiles: (acceptedFiles: File[]) => void;\n  removeFile: (fileName: string) => void;\n};\n\nconst ModalContent = ({\n  files,\n  uploadFiles,\n  removeFile,\n}: ModalContentProps) => {\n  const { queryText, updateQueryText } = useGrantMatchContext();\n\n  return (\n    <BaseContent>\n      <FileDrop\n        uploadedFiles={files}\n        uploadFiles={uploadFiles}\n        removeFile={removeFile}\n      />\n\n      <ModalQueryText>\n        <label htmlFor={QUERY_TEXTAREA_ID}>Search Grants Opportunities</label>\n        <Textarea\n          id={QUERY_TEXTAREA_ID}\n          value={queryText}\n          onChange={(event) => updateQueryText(event.target.value)}\n          placeholder=\"Explore by grant name or share what your project is about...\"\n        />\n      </ModalQueryText>\n    </BaseContent>\n  );\n};\n\nconst QUERY_TEXTAREA_ID = \"query-textarea\";\n\nconst BaseContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n`;\n\nconst ModalQueryText = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\ntype FindGrantsButtonProps = {\n  files: File[];\n};\n\nconst FindGrantsButton = ({ files }: FindGrantsButtonProps) => {\n  const { updateActiveQuery, queryText, closeModal } = useGrantMatchContext();\n\n  const onClick = () => {\n    updateActiveQuery({ files, text: queryText });\n    closeModal();\n  };\n\n  return (\n    <Button\n      text=\"Find My Grants\"\n      onClick={onClick}\n      backgroundColor={Colors.accent.yellow1}\n    />\n  );\n};\n"]}

package/core/organisms/GrantMatch/SearchBar.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
 import styled, { css } from "styled-components";
 import { Colors, Icons, Responsive, Typography } from "../../foundations";
 import { useGrantMatchContext } from "./context";
@@ -20,15 +21,15 @@ const BaseSearchBar = styled.div `
   border-radius: 12px;
 
   @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {
-    gap: 8px;
+    gap: 6px;
+    padding: 6px;
     width: 100%;
-    padding: 6px 16px;
   }
 
   @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {
     gap: 10px;
-    width: 480px;
     padding: 10px;
+    width: 480px;
   }
 `;
 const QueryTextInput = () => {
@@ -50,7 +51,14 @@ const BaseQueryTextInput = styled.input `
 const Buttons = styled.div `
   display: flex;
   align-items: center;
-  gap: 8px;
+
+  @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {
+    gap: 6px;
+  }
+
+  @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {
+    gap: 10px;
+  }
 `;
 const BaseIconButton = styled.button `
   display: flex;
@@ -133,3 +141,4 @@ const FileDropButtonText = styled.p `
     display: inline;
   }
 `;
+//# sourceMappingURL=SearchBar.js.map

package/core/organisms/GrantMatch/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../core/organisms/GrantMatch/SearchBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type KeyboardEvent } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { Colors, Icons, Responsive, Typography } from \"../../foundations\";\nimport { useGrantMatchContext } from \"./context\";\n\nconst SearchBar = () => {\n  const { activeQuery, queryText } = useGrantMatchContext();\n\n  return (\n    <BaseSearchBar $hasActiveQueryText={activeQuery.text !== \"\"}>\n      <QueryTextInput />\n\n      <Buttons>\n        {queryText !== \"\" ? <ResetTextButton /> : <></>}\n        <SearchButton />\n        <FileDropButton />\n      </Buttons>\n    </BaseSearchBar>\n  );\n};\n\nexport default SearchBar;\n\nconst BaseSearchBar = styled.div<{ $hasActiveQueryText: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  background-color: ${Colors.base.white};\n  color: ${Colors.typography.blackHigh};\n\n  border: 1px solid\n    ${({ $hasActiveQueryText }) =>\n      $hasActiveQueryText ? Colors.main.grantbiiOrange : Colors.neutral.grey3};\n  border-radius: 12px;\n\n  @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    gap: 6px;\n    padding: 6px;\n    width: 100%;\n  }\n\n  @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    gap: 10px;\n    padding: 10px;\n    width: 480px;\n  }\n`;\n\nconst QueryTextInput = () => {\n  const { activeQuery, updateActiveQuery, queryText, updateQueryText } =\n    useGrantMatchContext();\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\" && !event.repeat) {\n      event.preventDefault();\n      updateActiveQuery({ files: activeQuery.files, text: queryText });\n    }\n  };\n\n  return (\n    <BaseQueryTextInput\n      value={queryText}\n      onChange={(event) => updateQueryText(event.target.value)}\n      onKeyDown={onKeyDown}\n      placeholder=\"Find grants that match your needs\"\n    />\n  );\n};\n\nconst BaseQueryTextInput = styled.input`\n  border: none;\n  outline: none;\n\n  width: 100%;\n`;\n\nconst Buttons = styled.div`\n  display: flex;\n  align-items: center;\n\n  @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    gap: 6px;\n  }\n\n  @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    gap: 10px;\n  }\n`;\n\nconst BaseIconButton = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  height: 31px;\n  width: 31px;\n  min-width: 31px;\n\n  border-radius: 8px;\n`;\n\nconst ResetTextButton = () => {\n  const { activeQuery, updateActiveQuery, updateQueryText } =\n    useGrantMatchContext();\n\n  const onClick = () => {\n    updateQueryText(\"\");\n    updateActiveQuery({ files: activeQuery.files, text: \"\" });\n  };\n\n  return (\n    <BaseResetTextButton type=\"button\" onClick={onClick}>\n      <Icons.XIcon size={16} color={Colors.neutral.grey1} />\n    </BaseResetTextButton>\n  );\n};\n\nconst BaseResetTextButton = styled(BaseIconButton)`\n  background-color: ${Colors.base.white};\n  border: 1px solid ${Colors.base.white};\n`;\n\nconst SearchButton = () => {\n  const { activeQuery, updateActiveQuery, queryText } = useGrantMatchContext();\n  const onClick = () =>\n    updateActiveQuery({ files: activeQuery.files, text: queryText });\n\n  return (\n    <BaseSearchButton type=\"button\" onClick={onClick}>\n      <Icons.MagnifyingGlassIcon size={16} color={Colors.neutral.grey1} />\n    </BaseSearchButton>\n  );\n};\n\nconst BaseSearchButton = styled(BaseIconButton)`\n  background-color: ${Colors.neutral.grey4};\n  border: 1px solid ${Colors.neutral.grey3};\n`;\n\nconst FileDropButton = () => {\n  const { activeQuery, openModal } = useGrantMatchContext();\n\n  return (\n    <BaseFileDropButton\n      onClick={() => openModal()}\n      $hasActiveQueryFiles={activeQuery.files.length > 0}\n    >\n      <Icons.FileArrowUpIcon size={16} />\n      <FileDropButtonText>File Drop</FileDropButtonText>\n    </BaseFileDropButton>\n  );\n};\n\nconst BaseFileDropButton = styled.button<{ $hasActiveQueryFiles: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n\n  height: 31px;\n  min-width: 31px;\n\n  border: 1px solid ${Colors.main.grantbiiOrange};\n  border-radius: 8px;\n\n  ${({ $hasActiveQueryFiles }) =>\n    $hasActiveQueryFiles\n      ? css`\n          background-color: ${Colors.main.grantbiiOrange};\n          color: ${Colors.typography.whiteHigh};\n        `\n      : css`\n          background-color: ${Colors.base.white};\n          color: ${Colors.main.grantbiiOrange};\n        `}\n\n  @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    padding: 0px;\n    font-size: ${Typography.HELPER_FONT_SIZES.small};\n  }\n\n  @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    padding: 0px 8px;\n    font-size: ${Typography.HELPER_FONT_SIZES.big};\n  }\n`;\n\nconst FileDropButtonText = styled.p`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    display: none;\n  }\n\n  @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    display: inline;\n  }\n`;\n"]}

package/core/organisms/GrantMatch/context.d.ts

@@ -1,4 +1,4 @@
-import { GrantMatchQuery } from "@grantbii/ui-base/match/models";
+import { type GrantMatchQuery } from "@grantbii/ui-base/match/models";
 type GrantMatchCommonProps = {
     activeQuery: GrantMatchQuery;
     updateActiveQuery: (query: GrantMatchQuery) => void;

package/core/organisms/GrantMatch/context.js

@@ -1,3 +1,4 @@
+import {} from "@grantbii/ui-base/match/models";
 import { createContext, useContext } from "react";
 export const GrantMatchContext = createContext(null);
 export const useGrantMatchContext = () => {
@@ -7,3 +8,4 @@ export const useGrantMatchContext = () => {
     }
     return context;
 };
+//# sourceMappingURL=context.js.map

package/core/organisms/GrantMatch/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../core/organisms/GrantMatch/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAWlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC5C,IAAI,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAA0B,EAAE;IAC9D,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["import { type GrantMatchQuery } from \"@grantbii/ui-base/match/models\";\nimport { createContext, useContext } from \"react\";\n\ntype GrantMatchCommonProps = {\n  activeQuery: GrantMatchQuery;\n  updateActiveQuery: (query: GrantMatchQuery) => void;\n  queryText: string;\n  updateQueryText: (newText: string) => void;\n  openModal: () => void;\n  closeModal: () => void;\n};\n\nexport const GrantMatchContext = createContext<GrantMatchCommonProps | null>(\n  null,\n);\n\nexport const useGrantMatchContext = (): GrantMatchCommonProps => {\n  const context = useContext(GrantMatchContext);\n\n  if (!context) {\n    throw new Error(\"useGrantMatchContext must be used within its Provider\");\n  }\n\n  return context;\n};\n"]}

package/core/organisms/GrantMatch/index.d.ts

@@ -1,4 +1,4 @@
-import { GrantMatchQuery } from "@grantbii/ui-base/match/models";
+import { type GrantMatchQuery } from "@grantbii/ui-base/match/models";
 type GrantMatchProps = {
     activeQuery: GrantMatchQuery;
     updateActiveQuery: (newQuery: GrantMatchQuery) => void;

package/core/organisms/GrantMatch/index.js

@@ -1,6 +1,6 @@
-"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { checkGrantMatchActive } from "@grantbii/ui-base/match/mappings";
+import { checkGrantMatchActive } from "@grantbii/ui-base/match/validations";
+import {} from "@grantbii/ui-base/match/models";
 import { useState } from "react";
 import styled from "styled-components";
 import { useModal } from "../../molecules";
@@ -37,7 +37,7 @@ export const useGrantMatchActiveQuery = (performGrantMatch, resetGrantMatch) =>
         text: "",
     });
     const updateActiveQuery = (newQuery) => {
-        setActiveQuery(Object.assign({}, newQuery));
+        setActiveQuery({ ...newQuery });
         if (checkGrantMatchActive(newQuery)) {
             performGrantMatch(newQuery);
         }
@@ -47,3 +47,4 @@ export const useGrantMatchActiveQuery = (performGrantMatch, resetGrantMatch) =>
     };
     return { activeQuery, updateActiveQuery };
 };
+//# sourceMappingURL=index.js.map

package/core/organisms/GrantMatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../core/organisms/GrantMatch/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAO9C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAmB,EAAE,EAAE;IACzE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IACxD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG;QAClB,WAAW;QACX,iBAAiB;QACjB,SAAS;QACT,eAAe;QACf,SAAS;QACT,UAAU;KACX,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAC5C,MAAC,cAAc,eACb,KAAC,SAAS,KAAG,EACZ,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,mBAAK,EAC3D,SAAS,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,CAAC,CAAC,CAAC,mBAAK,IACzB,GACU,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,iBAAsD,EACtD,eAA2B,EACV,EAAE;IACnB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB;QAC9D,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACT,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,CAAC,QAAyB,EAAE,EAAE;QACtD,cAAc,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC;QAEhC,IAAI,qBAAqB,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,eAAe,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC5C,CAAC,CAAC","sourcesContent":["import { checkGrantMatchActive } from \"@grantbii/ui-base/match/validations\";\nimport { type GrantMatchQuery } from \"@grantbii/ui-base/match/models\";\nimport { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { useModal } from \"../../molecules\";\nimport ActiveQueryFiles from \"./ActiveQueryFiles\";\nimport GrantMatchModal from \"./GrantMatchModal\";\nimport SearchBar from \"./SearchBar\";\nimport { GrantMatchContext } from \"./context\";\n\ntype GrantMatchProps = {\n  activeQuery: GrantMatchQuery;\n  updateActiveQuery: (newQuery: GrantMatchQuery) => void;\n};\n\nconst GrantMatch = ({ activeQuery, updateActiveQuery }: GrantMatchProps) => {\n  const { showModal, openModal, closeModal } = useModal();\n  const [queryText, setQueryText] = useState(activeQuery.text);\n  const updateQueryText = (newText: string) => setQueryText(newText);\n\n  const commonProps = {\n    activeQuery,\n    updateActiveQuery,\n    queryText,\n    updateQueryText,\n    openModal,\n    closeModal,\n  };\n\n  return (\n    <GrantMatchContext.Provider value={commonProps}>\n      <BaseGrantMatch>\n        <SearchBar />\n        {activeQuery.files.length > 0 ? <ActiveQueryFiles /> : <></>}\n        {showModal ? <GrantMatchModal /> : <></>}\n      </BaseGrantMatch>\n    </GrantMatchContext.Provider>\n  );\n};\n\nexport default GrantMatch;\n\nconst BaseGrantMatch = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  width: 100%;\n  max-width: 100vw;\n`;\n\nexport const useGrantMatchActiveQuery = (\n  performGrantMatch: (newQuery: GrantMatchQuery) => void,\n  resetGrantMatch: () => void,\n): GrantMatchProps => {\n  const [activeQuery, setActiveQuery] = useState<GrantMatchQuery>({\n    files: [],\n    text: \"\",\n  });\n\n  const updateActiveQuery = (newQuery: GrantMatchQuery) => {\n    setActiveQuery({ ...newQuery });\n\n    if (checkGrantMatchActive(newQuery)) {\n      performGrantMatch(newQuery);\n    } else {\n      resetGrantMatch();\n    }\n  };\n\n  return { activeQuery, updateActiveQuery };\n};\n"]}

package/core/organisms/TallyModal.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler, ReactNode } from "react";
+import { type MouseEventHandler, type ReactNode } from "react";
 type TallyModalProps = {
     header?: ReactNode;
     tallyId: string;

package/core/organisms/TallyModal.js

@@ -1,21 +1,8 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "react";
 import { Modal } from "../molecules";
-const TallyModal = (_a) => {
-    var { tallyId, prefilledFieldsQueryParams } = _a, modalProps = __rest(_a, ["tallyId", "prefilledFieldsQueryParams"]);
-    return (_jsx(Modal, Object.assign({}, modalProps, { content: _jsx("iframe", { src: constructIframeSrc(tallyId, prefilledFieldsQueryParams), loading: "lazy" }), width: "640px", height: "480px" })));
-};
+const TallyModal = ({ tallyId, prefilledFieldsQueryParams, ...modalProps }) => (_jsx(Modal, { ...modalProps, content: _jsx("iframe", { src: constructIframeSrc(tallyId, prefilledFieldsQueryParams), loading: "lazy" }), width: "640px", height: "480px" }));
 export default TallyModal;
 const constructIframeSrc = (tallyId, prefilledFieldsQueryParams) => `https://tally.so/embed/${tallyId}?${TALLY_QUERIES}${prefilledFieldsQueryParams ? `&${prefilledFieldsQueryParams}` : ""}`;
 const TALLY_QUERIES = "alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=0";
+//# sourceMappingURL=TallyModal.js.map

package/core/organisms/TallyModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TallyModal.js","sourceRoot":"","sources":["../../../core/organisms/TallyModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AASrC,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,EACP,0BAA0B,EAC1B,GAAG,UAAU,EACG,EAAE,EAAE,CAAC,CACrB,KAAC,KAAK,OACA,UAAU,EACd,OAAO,EACL,iBACE,GAAG,EAAE,kBAAkB,CAAC,OAAO,EAAE,0BAA0B,CAAC,EAC5D,OAAO,EAAC,MAAM,GACd,EAEJ,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,CACH,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,MAAM,kBAAkB,GAAG,CACzB,OAAe,EACf,0BAAmC,EACnC,EAAE,CACF,0BAA0B,OAAO,IAAI,aAAa,GAAG,0BAA0B,CAAC,CAAC,CAAC,IAAI,0BAA0B,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAE5H,MAAM,aAAa,GACjB,iEAAiE,CAAC","sourcesContent":["import { type MouseEventHandler, type ReactNode } from \"react\";\nimport { Modal } from \"../molecules\";\n\ntype TallyModalProps = {\n  header?: ReactNode;\n  tallyId: string;\n  prefilledFieldsQueryParams?: string;\n  onClickCancel: MouseEventHandler<HTMLButtonElement>;\n};\n\nconst TallyModal = ({\n  tallyId,\n  prefilledFieldsQueryParams,\n  ...modalProps\n}: TallyModalProps) => (\n  <Modal\n    {...modalProps}\n    content={\n      <iframe\n        src={constructIframeSrc(tallyId, prefilledFieldsQueryParams)}\n        loading=\"lazy\"\n      />\n    }\n    width=\"640px\"\n    height=\"480px\"\n  />\n);\n\nexport default TallyModal;\n\nconst constructIframeSrc = (\n  tallyId: string,\n  prefilledFieldsQueryParams?: string,\n) =>\n  `https://tally.so/embed/${tallyId}?${TALLY_QUERIES}${prefilledFieldsQueryParams ? `&${prefilledFieldsQueryParams}` : \"\"}`;\n\nconst TALLY_QUERIES =\n  \"alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=0\";\n"]}

package/core/organisms/YesNoOptions.d.ts

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, InputHTMLAttributes } from "react";
+import { type DetailedHTMLProps, type InputHTMLAttributes } from "react";
 type YesNoOptionsProps = {
     name: string;
     yesProps: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;

package/core/organisms/YesNoOptions.js

@@ -1,11 +1,12 @@
-"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { LogicOption } from "@grantbii/ui-base/grant/enums";
+import { LogicValue } from "@grantbii/ui-base/grant/enums";
+import {} from "react";
 import styled from "styled-components";
 import { RadioButton } from "../atoms";
-const YesNoOptions = ({ name, yesProps, noProps, unsureProps, }) => (_jsxs(RadioGroup, { children: [_jsx(RadioButton, Object.assign({}, yesProps, { id: `${name}-yes`, label: LogicOption.YES, value: LogicOption.YES, name: name })), _jsx(RadioButton, Object.assign({}, noProps, { id: `${name}-no`, label: LogicOption.NO, value: LogicOption.NO, name: name })), unsureProps ? (_jsx(RadioButton, Object.assign({}, unsureProps, { id: `${name}-unsure`, label: LogicOption.UNSURE, value: LogicOption.UNSURE, name: name }))) : (_jsx(_Fragment, {}))] }));
+const YesNoOptions = ({ name, yesProps, noProps, unsureProps, }) => (_jsxs(RadioGroup, { children: [_jsx(RadioButton, { ...yesProps, label: LogicValue.YES, value: LogicValue.YES, name: name }), _jsx(RadioButton, { ...noProps, label: LogicValue.NO, value: LogicValue.NO, name: name }), unsureProps ? (_jsx(RadioButton, { ...unsureProps, label: LogicValue.UNSURE, value: LogicValue.UNSURE, name: name })) : (_jsx(_Fragment, {}))] }));
 export default YesNoOptions;
 const RadioGroup = styled.div `
   display: flex;
   gap: 12px;
 `;
+//# sourceMappingURL=YesNoOptions.js.map

package/core/organisms/YesNoOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YesNoOptions.js","sourceRoot":"","sources":["../../../core/organisms/YesNoOptions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAkBvC,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,GACO,EAAE,EAAE,CAAC,CACvB,MAAC,UAAU,eACT,KAAC,WAAW,OACN,QAAQ,EACZ,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,IAAI,EAAE,IAAI,GACV,EACF,KAAC,WAAW,OACN,OAAO,EACX,KAAK,EAAE,UAAU,CAAC,EAAE,EACpB,KAAK,EAAE,UAAU,CAAC,EAAE,EACpB,IAAI,EAAE,IAAI,GACV,EACD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,OACN,WAAW,EACf,KAAK,EAAE,UAAU,CAAC,MAAM,EACxB,KAAK,EAAE,UAAU,CAAC,MAAM,EACxB,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,IACU,CACd,CAAC;AAEF,eAAe,YAAY,CAAC;AAE5B,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG5B,CAAC","sourcesContent":["import { LogicValue } from \"@grantbii/ui-base/grant/enums\";\nimport { type DetailedHTMLProps, type InputHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport { RadioButton } from \"../atoms\";\n\ntype YesNoOptionsProps = {\n  name: string;\n  yesProps: DetailedHTMLProps<\n    InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >;\n  noProps: DetailedHTMLProps<\n    InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >;\n  unsureProps?: DetailedHTMLProps<\n    InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >;\n};\n\nconst YesNoOptions = ({\n  name,\n  yesProps,\n  noProps,\n  unsureProps,\n}: YesNoOptionsProps) => (\n  <RadioGroup>\n    <RadioButton\n      {...yesProps}\n      label={LogicValue.YES}\n      value={LogicValue.YES}\n      name={name}\n    />\n    <RadioButton\n      {...noProps}\n      label={LogicValue.NO}\n      value={LogicValue.NO}\n      name={name}\n    />\n    {unsureProps ? (\n      <RadioButton\n        {...unsureProps}\n        label={LogicValue.UNSURE}\n        value={LogicValue.UNSURE}\n        name={name}\n      />\n    ) : (\n      <></>\n    )}\n  </RadioGroup>\n);\n\nexport default YesNoOptions;\n\nconst RadioGroup = styled.div`\n  display: flex;\n  gap: 12px;\n`;\n"]}

package/core/organisms/index.js

@@ -1,3 +1,4 @@
 export { default as GrantMatch, useGrantMatchActiveQuery } from "./GrantMatch";
 export { default as TallyModal } from "./TallyModal";
 export { default as YesNoOptions } from "./YesNoOptions";
+//# sourceMappingURL=index.js.map

package/core/organisms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default as GrantMatch, useGrantMatchActiveQuery } from \"./GrantMatch\";\nexport { default as TallyModal } from \"./TallyModal\";\nexport { default as YesNoOptions } from \"./YesNoOptions\";\n"]}

package/index.js

@@ -1,6 +1,8 @@
+"use client";
 export * from "./core/atoms";
 export * from "./core/foundations";
 export * from "./core/global";
 export * from "./core/integrations";
 export * from "./core/molecules";
 export * from "./core/organisms";
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC","sourcesContent":["\"use client\";\n\nexport * from \"./core/atoms\";\nexport * from \"./core/foundations\";\nexport * from \"./core/global\";\nexport * from \"./core/integrations\";\nexport * from \"./core/molecules\";\nexport * from \"./core/organisms\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grantbii/design-system",
-  "version": "1.0.74",
+  "version": "1.0.78",
   "description": "Grantbii's Design System",
   "homepage": "https://design.grantbii.com",
   "repository": {
@@ -9,6 +9,7 @@
   },
   "license": "UNLICENSED",
   "main": "./index.js",
+  "types": "./index.d.ts",
   "scripts": {
     "lint": "next lint",
     "prepare": "husky",
@@ -18,7 +19,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@grantbii/ui-base": "1.0.20",
+    "@grantbii/ui-base": "1.0.26",
     "@phosphor-icons/react": "^2.1.10",
     "country-flag-icons": "^1.5.19",
     "next": "^15.5.2",
@@ -39,7 +40,7 @@
     "@storybook/nextjs-vite": "^9.1.3",
     "@types/node": "^20",
     "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.8",
+    "@types/react-dom": "^19.1.9",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "eslint": "^9.34.0",

package/stories/atoms/Badge.stories.d.ts

@@ -1,5 +1,5 @@
 import { Badge } from "@/.";
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
 declare const meta: Meta<typeof Badge>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/stories/atoms/Badge.stories.js

@@ -1,4 +1,5 @@
 import { Badge, Icons } from "@/.";
+import {} from "@storybook/nextjs-vite";
 const meta = {
     title: "Atoms/Badge",
     component: Badge,
@@ -42,3 +43,4 @@ export const Everything = {
         onClickClose,
     },
 };
+//# sourceMappingURL=Badge.stories.js.map

package/stories/atoms/Badge.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.stories.js","sourceRoot":"","sources":["../../../stories/atoms/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AACnC,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAElE,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,WAAW,GAAG,OAAO,CAAC;AAC5B,MAAM,QAAQ,GAAG,6CAA6C,CAAC;AAC/D,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC,eAAe;QAC3B,IAAI,EAAE,WAAW;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;QACjB,YAAY;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,eAAe,EAAE,GAAG;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC,eAAe;QAC3B,IAAI,EAAE,QAAQ;QACd,eAAe,EAAE,GAAG;QACpB,YAAY;KACb;CACF,CAAC","sourcesContent":["import { Badge, Icons } from \"@/.\";\nimport { type Meta, type StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof Badge> = {\n  title: \"Atoms/Badge\",\n  component: Badge,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst defaultText = \"Badge\";\nconst longText = \"the quick brown fox jumps over the lazy dog\";\nconst onClickClose = () => alert(\"You have closed the badge.\");\n\nexport const TextOnly: Story = {\n  args: {\n    text: defaultText,\n  },\n};\n\nexport const Icon: Story = {\n  args: {\n    Icon: Icons.SmileyXEyesIcon,\n    text: defaultText,\n  },\n};\n\nexport const Closeable: Story = {\n  args: {\n    text: defaultText,\n    onClickClose,\n  },\n};\n\nexport const LongText: Story = {\n  args: {\n    text: longText,\n    textWidthPixels: 160,\n  },\n};\n\nexport const Everything: Story = {\n  args: {\n    Icon: Icons.SmileyXEyesIcon,\n    text: longText,\n    textWidthPixels: 160,\n    onClickClose,\n  },\n};\n"]}

package/stories/atoms/BrandLogo.stories.d.ts

@@ -1,5 +1,5 @@
 import { BrandLogo } from "@/.";
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
 declare const meta: Meta<typeof BrandLogo>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/stories/atoms/BrandLogo.stories.js

@@ -1,4 +1,5 @@
 import { BrandLogo } from "@/.";
+import {} from "@storybook/nextjs-vite";
 const meta = {
     title: "Atoms/Brand Logo",
     component: BrandLogo,
@@ -21,3 +22,4 @@ export const Dark = {
         isDarkTheme: true,
     },
 };
+//# sourceMappingURL=BrandLogo.stories.js.map

package/stories/atoms/BrandLogo.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandLogo.stories.js","sourceRoot":"","sources":["../../../stories/atoms/BrandLogo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAElE,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;KAClB;CACF,CAAC","sourcesContent":["import { BrandLogo } from \"@/.\";\nimport { type Meta, type StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof BrandLogo> = {\n  title: \"Atoms/Brand Logo\",\n  component: BrandLogo,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {},\n};\n\nexport const Light: Story = {\n  args: {\n    isDarkTheme: false,\n  },\n};\n\nexport const Dark: Story = {\n  args: {\n    isDarkTheme: true,\n  },\n};\n"]}

package/stories/atoms/Button.stories.d.ts

@@ -1,5 +1,5 @@
 import { Button } from "@/.";
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/stories/atoms/Button.stories.js

@@ -1,4 +1,5 @@
 import { Button, Colors, Icons } from "@/.";
+import {} from "@storybook/nextjs-vite";
 const meta = {
     title: "Atoms/Button",
     component: Button,
@@ -16,14 +17,29 @@ export const TextOnly = {
     args: baseArgs,
 };
 export const LeftIcon = {
-    args: Object.assign(Object.assign({}, baseArgs), { LeftIcon: Icons.PlusIcon }),
+    args: {
+        ...baseArgs,
+        LeftIcon: Icons.PlusIcon,
+    },
 };
 export const RightIcon = {
-    args: Object.assign(Object.assign({}, baseArgs), { RightIcon: Icons.MinusIcon }),
+    args: {
+        ...baseArgs,
+        RightIcon: Icons.MinusIcon,
+    },
 };
 export const BothIcons = {
-    args: Object.assign(Object.assign({}, baseArgs), { LeftIcon: Icons.SmileyXEyesIcon, RightIcon: Icons.SmileyMeltingIcon }),
+    args: {
+        ...baseArgs,
+        LeftIcon: Icons.SmileyXEyesIcon,
+        RightIcon: Icons.SmileyMeltingIcon,
+    },
 };
 export const Underline = {
-    args: Object.assign(Object.assign({}, baseArgs), { underline: true, color: Colors.typography.blackMedium }),
+    args: {
+        ...baseArgs,
+        underline: true,
+        color: Colors.typography.blackMedium,
+    },
 };
+//# sourceMappingURL=Button.stories.js.map

package/stories/atoms/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../stories/atoms/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAElE,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iCAAiC,CAAC;CACxD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,SAAS,EAAE,KAAK,CAAC,SAAS;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,QAAQ,EAAE,KAAK,CAAC,eAAe;QAC/B,SAAS,EAAE,KAAK,CAAC,iBAAiB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,WAAW;KACrC;CACF,CAAC","sourcesContent":["import { Button, Colors, Icons } from \"@/.\";\nimport { type Meta, type StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof Button> = {\n  title: \"Atoms/Button\",\n  component: Button,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n  text: \"Button\",\n  onClick: () => alert(\"You have clicked on the button.\"),\n};\n\nexport const TextOnly: Story = {\n  args: baseArgs,\n};\n\nexport const LeftIcon: Story = {\n  args: {\n    ...baseArgs,\n    LeftIcon: Icons.PlusIcon,\n  },\n};\n\nexport const RightIcon: Story = {\n  args: {\n    ...baseArgs,\n    RightIcon: Icons.MinusIcon,\n  },\n};\n\nexport const BothIcons: Story = {\n  args: {\n    ...baseArgs,\n    LeftIcon: Icons.SmileyXEyesIcon,\n    RightIcon: Icons.SmileyMeltingIcon,\n  },\n};\n\nexport const Underline: Story = {\n  args: {\n    ...baseArgs,\n    underline: true,\n    color: Colors.typography.blackMedium,\n  },\n};\n"]}

package/stories/atoms/Checkbox.stories.d.ts

@@ -1,5 +1,5 @@
 import { Checkbox } from "@/.";
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
 declare const meta: Meta<typeof Checkbox>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/stories/atoms/Checkbox.stories.js

@@ -1,4 +1,5 @@
 import { Checkbox } from "@/.";
+import {} from "@storybook/nextjs-vite";
 const meta = {
     title: "Atoms/Checkbox",
     component: Checkbox,
@@ -21,3 +22,4 @@ export const LabelAfter = {
         labelBefore: false,
     },
 };
+//# sourceMappingURL=Checkbox.stories.js.map

package/stories/atoms/Checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../stories/atoms/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAElE,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,KAAK,GAAG,sBAAsB,CAAC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,KAAK;QACL,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK;QACL,WAAW,EAAE,KAAK;KACnB;CACF,CAAC","sourcesContent":["import { Checkbox } from \"@/.\";\nimport { type Meta, type StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof Checkbox> = {\n  title: \"Atoms/Checkbox\",\n  component: Checkbox,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst label = \"Grantbii is the best\";\n\nexport const LabelBefore: Story = {\n  args: {\n    label,\n    labelBefore: true,\n  },\n};\n\nexport const LabelAfter: Story = {\n  args: {\n    label,\n    labelBefore: false,\n  },\n};\n"]}

package/stories/atoms/LinkButton.stories.d.ts

@@ -1,5 +1,5 @@
 import { LinkButton } from "@/.";
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
 declare const meta: Meta<typeof LinkButton>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/stories/atoms/LinkButton.stories.js

@@ -1,4 +1,5 @@
 import { Colors, Icons, LinkButton } from "@/.";
+import {} from "@storybook/nextjs-vite";
 const meta = {
     title: "Atoms/Link Button",
     component: LinkButton,
@@ -17,14 +18,29 @@ export const TextOnly = {
     args: baseArgs,
 };
 export const LeftIcon = {
-    args: Object.assign(Object.assign({}, baseArgs), { LeftIcon: Icons.PlusIcon }),
+    args: {
+        ...baseArgs,
+        LeftIcon: Icons.PlusIcon,
+    },
 };
 export const RightIcon = {
-    args: Object.assign(Object.assign({}, baseArgs), { RightIcon: Icons.MinusIcon }),
+    args: {
+        ...baseArgs,
+        RightIcon: Icons.MinusIcon,
+    },
 };
 export const BothIcons = {
-    args: Object.assign(Object.assign({}, baseArgs), { LeftIcon: Icons.SmileyXEyesIcon, RightIcon: Icons.SmileyMeltingIcon }),
+    args: {
+        ...baseArgs,
+        LeftIcon: Icons.SmileyXEyesIcon,
+        RightIcon: Icons.SmileyMeltingIcon,
+    },
 };
 export const Underline = {
-    args: Object.assign(Object.assign({}, baseArgs), { underline: true, color: Colors.typography.blackMedium }),
+    args: {
+        ...baseArgs,
+        underline: true,
+        color: Colors.typography.blackMedium,
+    },
 };
+//# sourceMappingURL=LinkButton.stories.js.map

package/stories/atoms/LinkButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../../stories/atoms/LinkButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAElE,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,sBAAsB;IAC5B,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,SAAS,EAAE,KAAK,CAAC,SAAS;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,QAAQ,EAAE,KAAK,CAAC,eAAe;QAC/B,SAAS,EAAE,KAAK,CAAC,iBAAiB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,WAAW;KACrC;CACF,CAAC","sourcesContent":["import { Colors, Icons, LinkButton } from \"@/.\";\nimport { type Meta, type StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof LinkButton> = {\n  title: \"Atoms/Link Button\",\n  component: LinkButton,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n  text: \"Link\",\n  href: \"https://grantbii.com\",\n  target: \"_blank\",\n};\n\nexport const TextOnly: Story = {\n  args: baseArgs,\n};\n\nexport const LeftIcon: Story = {\n  args: {\n    ...baseArgs,\n    LeftIcon: Icons.PlusIcon,\n  },\n};\n\nexport const RightIcon: Story = {\n  args: {\n    ...baseArgs,\n    RightIcon: Icons.MinusIcon,\n  },\n};\n\nexport const BothIcons: Story = {\n  args: {\n    ...baseArgs,\n    LeftIcon: Icons.SmileyXEyesIcon,\n    RightIcon: Icons.SmileyMeltingIcon,\n  },\n};\n\nexport const Underline: Story = {\n  args: {\n    ...baseArgs,\n    underline: true,\n    color: Colors.typography.blackMedium,\n  },\n};\n"]}

package/stories/atoms/PageLoader.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
 type PageLoaderExampleProps = {
     isPacman?: boolean;
 };

package/stories/atoms/PageLoader.stories.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PageLoader } from "@/.";
+import {} from "@storybook/nextjs-vite";
 import styled from "styled-components";
 const PageLoaderExample = ({ isPacman }) => (_jsx(BaseExample, { children: _jsx(PageLoader, { isPacman: isPacman }) }));
 const BaseExample = styled.div `
@@ -21,3 +22,4 @@ export const GrantbiiApp = {
 export const AdminConsole = {
     args: { isPacman: true },
 };
+//# sourceMappingURL=PageLoader.stories.js.map

package/stories/atoms/PageLoader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLoader.stories.js","sourceRoot":"","sources":["../../../stories/atoms/PageLoader.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAClE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE,CAAC,CAClE,KAAC,WAAW,cACV,KAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,GAAI,GACtB,CACf,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG7B,CAAC;AAEF,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;CACzB,CAAC","sourcesContent":["import { PageLoader } from \"@/.\";\nimport { type Meta, type StoryObj } from \"@storybook/nextjs-vite\";\nimport styled from \"styled-components\";\n\ntype PageLoaderExampleProps = {\n  isPacman?: boolean;\n};\n\nconst PageLoaderExample = ({ isPacman }: PageLoaderExampleProps) => (\n  <BaseExample>\n    <PageLoader isPacman={isPacman} />\n  </BaseExample>\n);\n\nconst BaseExample = styled.div`\n  width: 100vw;\n  height: 100vh;\n`;\n\nconst meta: Meta<typeof PageLoaderExample> = {\n  title: \"Atoms/Page Loader\",\n  component: PageLoaderExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"fullscreen\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const GrantbiiApp: Story = {\n  args: {},\n};\n\nexport const AdminConsole: Story = {\n  args: { isPacman: true },\n};\n"]}

package/stories/atoms/Textarea.stories.d.ts

@@ -1,5 +1,5 @@
 import { Textarea } from "@/.";
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
 declare const meta: Meta<typeof Textarea>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/stories/atoms/Textarea.stories.js

@@ -1,4 +1,5 @@
 import { Textarea } from "@/.";
+import {} from "@storybook/nextjs-vite";
 const meta = {
     title: "Atoms/Textarea",
     component: Textarea,
@@ -14,3 +15,4 @@ export const BasicExample = {
 export const WithValidation = {
     args: { placeholder: "Must be at least 10 characters long", minLength: 10 },
 };
+//# sourceMappingURL=Textarea.stories.js.map

package/stories/atoms/Textarea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.stories.js","sourceRoot":"","sources":["../../../stories/atoms/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAElE,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE,WAAW,EAAE,qCAAqC,EAAE,SAAS,EAAE,EAAE,EAAE;CAC5E,CAAC","sourcesContent":["import { Textarea } from \"@/.\";\nimport { type Meta, type StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof Textarea> = {\n  title: \"Atoms/Textarea\",\n  component: Textarea,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const BasicExample: Story = {\n  args: { placeholder: \"Type here\" },\n};\n\nexport const WithValidation: Story = {\n  args: { placeholder: \"Must be at least 10 characters long\", minLength: 10 },\n};\n"]}

package/stories/molecules/FileDrop.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
 declare const FileDropExample: () => import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof FileDropExample>;
 export default meta;

package/stories/molecules/FileDrop.stories.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FileDrop, useFileDrop } from "@/.";
+import {} from "@storybook/nextjs-vite";
 import styled from "styled-components";
 const FileDropExample = () => {
     const { files, uploadFiles, removeFile, errorMessage } = useFileDrop();
@@ -20,3 +21,4 @@ export default meta;
 export const Example = {
     args: {},
 };
+//# sourceMappingURL=FileDrop.stories.js.map

package/stories/molecules/FileDrop.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDrop.stories.js","sourceRoot":"","sources":["../../../stories/molecules/FileDrop.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAClE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC;IAEvE,OAAO,CACL,KAAC,SAAS,cACR,KAAC,QAAQ,IACP,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,GACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3B,CAAC;AAEF,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC","sourcesContent":["import { FileDrop, useFileDrop } from \"@/.\";\nimport { type Meta, type StoryObj } from \"@storybook/nextjs-vite\";\nimport styled from \"styled-components\";\n\nconst FileDropExample = () => {\n  const { files, uploadFiles, removeFile, errorMessage } = useFileDrop();\n\n  return (\n    <Container>\n      <FileDrop\n        uploadedFiles={files}\n        uploadFiles={uploadFiles}\n        removeFile={removeFile}\n        errorMessage={errorMessage}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  width: 400px;\n`;\n\nconst meta: Meta<typeof FileDropExample> = {\n  title: \"Molecules/File Drop\",\n  component: FileDropExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Example: Story = {\n  args: {},\n};\n"]}

package/stories/molecules/Modal.stories.d.ts

@@ -1,8 +1,8 @@
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
-import { ReactNode } from "react";
+import { type Meta, type StoryObj } from "@storybook/nextjs-vite";
+import { type JSX, type ReactNode } from "react";
 type ModalExampleProps = {
     header?: ReactNode;
-    content: ReactNode;
+    content: JSX.Element;
     footer?: ReactNode;
     width?: string;
     height?: string;