@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/fields/components/CommonInput.js

@@ -1,21 +1,22 @@
 import styled, { css } from 'styled-components';
-import { Icon } from '../../Icon/Icon.js';
-import { theme } from '../../theme.js';
-
-const Input = styled.input`
+import { Icon } from '../../Icon';
+import { theme } from '../../theme';
+export const Input = styled.input `
   border: none;
-  color: ${({ error }) => theme.colors[`${error ? "strawberry" : "liquorice"}`]};
+  color: ${({ error }) => theme.colors[`${error ? 'strawberry' : 'liquorice'}`]};
   font-size: 16px;
   width: 100%;
   outline: none;
-  cursor: ${({ disabled }) => disabled ? "not-allowed" : "initial"};
-  opacity: ${({ disabled }) => disabled ? "0.5" : "1"};
+  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'initial')};
+  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
   padding: 18px 14px;
   background-color: ${({ fallbackStyle }) => fallbackStyle ? theme.colors.custard : theme.colors.cream};
   border: 2px solid
-    ${({ error }) => error ? theme.colors.strawberry : theme.colors.oatmeal};
+    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};
 
-  ${({ disabled, error }) => !disabled && !error && css`
+  ${({ disabled, error }) => !disabled &&
+    !error &&
+    css `
       &:hover,
       &:focus-within {
         border-color: ${theme.colors.marzipan};
@@ -25,11 +26,13 @@ const Input = styled.input`
   border-radius: 12px;
   height: auto;
 
-  ${({ frontIcon }) => frontIcon && `
+  ${({ frontIcon }) => frontIcon &&
+    `
       padding-left: 42px;
     `}
 
-  ${({ trailingIcon }) => trailingIcon && `
+  ${({ trailingIcon }) => trailingIcon &&
+    `
       padding-right: 42px;
     `}
 
@@ -46,21 +49,19 @@ const Input = styled.input`
     color: ${theme.colors.sesame};
   }
 `;
-const StyledFrontIcon = styled(Icon)`
+export const StyledFrontIcon = styled(Icon) `
   position: relative;
   left: 36px;
   margin-left: -24px;
   z-index: 1;
-  opacity: ${({ disabled }) => disabled ? "0.5" : "1"};
+  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
   color: ${theme.colors.liquorice};
 `;
-const StyledTrailingIcon = styled(Icon)`
+export const StyledTrailingIcon = styled(Icon) `
   position: relative;
   right: 36px;
   margin-right: -36px;
-  opacity: ${({ disabled }) => disabled ? "0.5" : "1"};
+  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
   color: ${theme.colors.liquorice};
 `;
-
-export { Input, StyledFrontIcon, StyledTrailingIcon };
-//# sourceMappingURL=CommonInput.js.map
+//# sourceMappingURL=CommonInput.js.map

package/dist/fields/components/CommonInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonInput.js","sources":["../../../src/fields/components/CommonInput.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Icon } from '../../Icon'\nimport { Icons } from '../../Icon/iconsList'\nimport { theme } from '../../theme'\n\ninterface IInput {\n  error?: boolean\n  disabled?: boolean\n  selected?: boolean\n  step?: number\n  value?: string\n  frontIcon?: Icons\n  trailingIcon?: Icons\n  fallbackStyle?: boolean\n}\n\ninterface SIcon {\n  disabled?: boolean\n}\n\nexport const Input = styled.input<IInput>`\n  border: none;\n  color: ${({ error }) =>\n    theme.colors[`${error ? 'strawberry' : 'liquorice'}`]};\n  font-size: 16px;\n  width: 100%;\n  outline: none;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'initial')};\n  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};\n  padding: 18px 14px;\n  background-color: ${({ fallbackStyle }) =>\n    fallbackStyle ? theme.colors.custard : theme.colors.cream};\n  border: 2px solid\n    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};\n\n  ${({ disabled, error }) =>\n    !disabled &&\n    !error &&\n    css`\n      &:hover,\n      &:focus-within {\n        border-color: ${theme.colors.marzipan};\n      }\n    `}\n\n  border-radius: 12px;\n  height: auto;\n\n  ${({ frontIcon }) =>\n    frontIcon &&\n    `\n      padding-left: 42px;\n    `}\n\n  ${({ trailingIcon }) =>\n    trailingIcon &&\n    `\n      padding-right: 42px;\n    `}\n\n  /* Remove the spinner on Firefox and Webkit browsers */\n  -moz-appearance: textfield;\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &::placeholder {\n    color: ${theme.colors.sesame};\n  }\n`\n\nexport const StyledFrontIcon = styled(Icon)<SIcon>`\n  position: relative;\n  left: 36px;\n  margin-left: -24px;\n  z-index: 1;\n  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};\n  color: ${theme.colors.liquorice};\n`\n\nexport const StyledTrailingIcon = styled(Icon)<SIcon>`\n  position: relative;\n  right: 36px;\n  margin-right: -36px;\n  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};\n  color: ${theme.colors.liquorice};\n`\n"],"names":[],"mappings":";;;;AAoBO,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AAAA;AAAA,SAEjB,EAAA,CAAC,EAAE,KAAA,EACV,KAAA,KAAA,CAAM,MAAO,CAAA,CAAA,EAAG,KAAQ,GAAA,YAAA,GAAe,WAAW,CAAA,CAAE,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAI7C,CAAC,EAAE,QAAA,EAAgB,KAAA,QAAA,GAAW,gBAAgB,SAAU,CAAA;AAAA,WAAA,EACvD,CAAC,EAAE,QAAA,EAAgB,KAAA,QAAA,GAAW,QAAQ,GAAI,CAAA;AAAA;AAAA,oBAEjC,EAAA,CAAC,EAAE,aAAA,EACrB,KAAA,aAAA,GAAgB,MAAM,MAAO,CAAA,OAAA,GAAU,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA;AAAA,IAEvD,EAAA,CAAC,EAAE,KAAA,EAAa,KAAA,KAAA,GAAQ,MAAM,MAAO,CAAA,UAAA,GAAa,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA;AAAA;AAAA,EAEzE,EAAA,CAAC,EAAE,QAAU,EAAA,KAAA,OACb,CAAC,QAAA,IACD,CAAC,KACD,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,sBAGoB,EAAA,KAAA,CAAM,OAAO,QAAQ,CAAA;AAAA;AAAA,IAExC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAKD,CAAC,EAAE,SAAU,EAAA,KACb,SACA,IAAA,CAAA;AAAA;AAAA,IAEC,CAAA,CAAA;AAAA;AAAA,EAAA,EAED,CAAC,EAAE,YAAa,EAAA,KAChB,YACA,IAAA,CAAA;AAAA;AAAA,IAEC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAYQ,EAAA,KAAA,CAAM,OAAO,MAAM,CAAA;AAAA;AAAA,EAAA;AAInB,MAAA,eAAA,GAAkB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAK7B,CAAC,EAAE,QAAA,EAAgB,KAAA,QAAA,GAAW,QAAQ,GAAI,CAAA;AAAA,SAC5C,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA,EAAA;AAGpB,MAAA,kBAAA,GAAqB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIhC,CAAC,EAAE,QAAA,EAAgB,KAAA,QAAA,GAAW,QAAQ,GAAI,CAAA;AAAA,SAC5C,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;;;;"}
+{"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAQ;;WAE9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;;YAI7C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;sBAEjC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACxC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAEvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;IAEzE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CACxB,CAAC,QAAQ;IACT,CAAC,KAAK;IACN,GAAG,CAAA;;;wBAGiB,KAAK,CAAC,MAAM,CAAC,QAAQ;;KAExC;;;;;IAKD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT;;KAEC;;IAED,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACrB,YAAY;IACZ;;KAEC;;;;;;;;;;;;aAYQ,KAAK,CAAC,MAAM,CAAC,MAAM;;CAE/B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;;aAKrC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC5C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;aAIxC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC5C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA"}

package/dist/fields/components/InternalField.js

@@ -1,95 +1,48 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React from 'react';
 import styled, { css } from 'styled-components';
-import { Text } from '../../Text/Text.js';
-import { Box } from '../../Box/Box.js';
-import { Icon } from '../../Icon/Icon.js';
-
-const InternalField = ({
-  children,
-  fieldType,
-  renderAsTitle,
-  htmlFor,
-  className,
-  label,
-  assistiveText,
-  error,
-  errorMsg,
-  required,
-  completed,
-  ...marginProps
-}) => {
-  const labelTag = fieldType === "field" ? "label" : "legend";
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      as: fieldType === "field" ? "div" : "fieldset",
-      className,
-      ...marginProps,
-      children: [
-        label && /* @__PURE__ */ jsx(Fragment, { children: renderAsTitle ? /* @__PURE__ */ jsxs(Box, { mb: "16px", children: [
-          /* @__PURE__ */ jsx(Text, { tag: labelTag, typo: "heading-small", htmlFor, children: label }),
-          assistiveText && /* @__PURE__ */ jsx(Text, { tag: "p", color: "sesame", mt: { custom: 4 }, children: assistiveText })
-        ] }) : /* @__PURE__ */ jsxs(
-          Text,
-          {
-            tag: labelTag,
-            typo: "label",
-            color: error ? "strawberry" : "sesame",
-            htmlFor,
-            mb: { custom: 4 },
-            children: [
-              label,
-              required && /* @__PURE__ */ jsx(Text, { tag: "span", typo: "body-small", color: "strawberry", children: "*" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Box, { children }),
-        fieldType === "field" && assistiveText && !renderAsTitle && /* @__PURE__ */ jsx(
-          Text,
-          {
-            tag: labelTag,
-            typo: "caption",
-            color: error ? "strawberry" : "sesame",
-            mt: { custom: 4 },
-            children: assistiveText
-          }
-        ),
-        error && errorMsg && (typeof errorMsg === "string" ? /* @__PURE__ */ jsx(Text, { tag: "span", typo: "caption", color: "strawberry", mt: "8px", children: errorMsg }) : /* @__PURE__ */ jsx(Box, { mt: "8px", children: errorMsg })),
-        completed !== void 0 && /* @__PURE__ */ jsx(
-          AnimationWrapper,
-          {
-            displayStatus: completed,
-            isError: !!(error && errorMsg),
-            children: /* @__PURE__ */ jsxs(StatusWrapper, { mt: "8px", children: [
-              /* @__PURE__ */ jsx(Icon, { render: "included", size: 16, color: "apple" }),
-              /* @__PURE__ */ jsx(Text, { typo: "caption", color: "apple", children: "Complete" })
-            ] })
-          }
-        )
-      ]
-    }
-  );
+import { Text } from '../../Text';
+import { Box } from '../../Box';
+import { Icon } from '../../Icon';
+export const InternalField = ({ children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, error, errorMsg, required, completed, ...marginProps }) => {
+    const labelTag = fieldType === 'field' ? 'label' : 'legend';
+    return (React.createElement(Container, { as: fieldType === 'field' ? 'div' : 'fieldset', className: className, ...marginProps },
+        label && (React.createElement(React.Fragment, null, renderAsTitle ? (React.createElement(Box, { mb: "16px" },
+            React.createElement(Text, { tag: labelTag, typo: "heading-small", htmlFor: htmlFor }, label),
+            assistiveText && (React.createElement(Text, { tag: "p", color: "sesame", mt: { custom: 4 } }, assistiveText)))) : (React.createElement(Text, { tag: labelTag, typo: "label", color: error ? 'strawberry' : 'sesame', htmlFor: htmlFor, mb: { custom: 4 } },
+            label,
+            required && (React.createElement(Text, { tag: "span", typo: "body-small", color: "strawberry" }, "*")))))),
+        React.createElement(Box, null, children),
+        fieldType === 'field' && assistiveText && !renderAsTitle && (React.createElement(Text, { tag: labelTag, typo: "caption", color: error ? 'strawberry' : 'sesame', mt: { custom: 4 } }, assistiveText)),
+        error &&
+            errorMsg &&
+            (typeof errorMsg === 'string' ? (React.createElement(Text, { tag: "span", typo: "caption", color: "strawberry", mt: "8px" }, errorMsg)) : (React.createElement(Box, { mt: "8px" }, errorMsg))),
+        completed !== undefined && (React.createElement(AnimationWrapper, { displayStatus: completed, isError: !!(error && errorMsg) },
+            React.createElement(StatusWrapper, { mt: '8px' },
+                React.createElement(Icon, { render: "included", size: 16, color: "apple" }),
+                React.createElement(Text, { typo: "caption", color: "apple" }, "Complete"))))));
 };
-const AnimationWrapper = styled(Box)`
+const AnimationWrapper = styled(Box) `
   width: 0;
   overflow: hidden;
 
-  ${({ displayStatus }) => displayStatus && css`
+  ${({ displayStatus }) => displayStatus &&
+    css `
       transition: width 0.6s ease-in;
       width: 100%;
     `}
 
   /* This enables animation to appear when previous state is error */
-  ${({ isError }) => isError && css`
+  ${({ isError }) => isError &&
+    css `
       height: 0;
     `}
 `;
-const StatusWrapper = styled(Box)`
+const StatusWrapper = styled(Box) `
   display: flex;
   align-items: center;
   gap: 4px;
 `;
-const Container = styled(Box)`
+const Container = styled(Box) `
   display: flex;
   flex-direction: column;
   position: relative;
@@ -98,6 +51,4 @@ const Container = styled(Box)`
   // In case, the element is a 'fieldset', we remove the border
   border: 0;
 `;
-
-export { InternalField };
-//# sourceMappingURL=InternalField.js.map
+//# sourceMappingURL=InternalField.js.map

package/dist/fields/components/InternalField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalField.js","sources":["../../../src/fields/components/InternalField.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Text } from '../../Text'\nimport { Box } from '../../Box'\nimport { CommonFieldProps } from '../commonFieldTypes'\nimport { Icon } from '../../Icon'\n\ninterface InternalFieldProps extends CommonFieldProps {\n  children: ReactNode\n  className?: string\n  htmlFor?: string\n  fieldType: 'field' | 'fieldset'\n}\n\nexport const InternalField = ({\n  children,\n  fieldType,\n  renderAsTitle,\n  htmlFor,\n  className,\n  label,\n  assistiveText,\n  error,\n  errorMsg,\n  required,\n  completed,\n  ...marginProps\n}: InternalFieldProps) => {\n  const labelTag = fieldType === 'field' ? 'label' : 'legend'\n\n  return (\n    <Container\n      as={fieldType === 'field' ? 'div' : 'fieldset'}\n      className={className}\n      {...marginProps}\n    >\n      {label && (\n        <>\n          {renderAsTitle ? (\n            <Box mb=\"16px\">\n              <Text tag={labelTag} typo=\"heading-small\" htmlFor={htmlFor}>\n                {label}\n              </Text>\n\n              {assistiveText && (\n                <Text tag=\"p\" color=\"sesame\" mt={{ custom: 4 }}>\n                  {assistiveText}\n                </Text>\n              )}\n            </Box>\n          ) : (\n            <Text\n              tag={labelTag}\n              typo=\"label\"\n              color={error ? 'strawberry' : 'sesame'}\n              htmlFor={htmlFor}\n              mb={{ custom: 4 }}\n            >\n              {label}\n              {required && (\n                <Text tag=\"span\" typo=\"body-small\" color=\"strawberry\">\n                  *\n                </Text>\n              )}\n            </Text>\n          )}\n        </>\n      )}\n\n      <Box>{children}</Box>\n      {fieldType === 'field' && assistiveText && !renderAsTitle && (\n        <Text\n          tag={labelTag}\n          typo=\"caption\"\n          color={error ? 'strawberry' : 'sesame'}\n          mt={{ custom: 4 }}\n        >\n          {assistiveText}\n        </Text>\n      )}\n\n      {error &&\n        errorMsg &&\n        (typeof errorMsg === 'string' ? (\n          <Text tag=\"span\" typo=\"caption\" color=\"strawberry\" mt=\"8px\">\n            {errorMsg}\n          </Text>\n        ) : (\n          <Box mt=\"8px\">{errorMsg}</Box>\n        ))}\n\n      {/* When completed is false, whitespace is rendered */}\n      {completed !== undefined && (\n        <AnimationWrapper\n          displayStatus={completed}\n          isError={!!(error && errorMsg)}\n        >\n          <StatusWrapper mt={'8px'}>\n            <Icon render=\"included\" size={16} color=\"apple\" />\n            <Text typo=\"caption\" color=\"apple\">\n              Complete\n            </Text>\n          </StatusWrapper>\n        </AnimationWrapper>\n      )}\n    </Container>\n  )\n}\n\nconst AnimationWrapper = styled(Box)<{\n  displayStatus: boolean\n  isError: boolean\n}>`\n  width: 0;\n  overflow: hidden;\n\n  ${({ displayStatus }) =>\n    displayStatus &&\n    css`\n      transition: width 0.6s ease-in;\n      width: 100%;\n    `}\n\n  /* This enables animation to appear when previous state is error */\n  ${({ isError }) =>\n    isError &&\n    css`\n      height: 0;\n    `}\n`\n\nconst StatusWrapper = styled(Box)`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n`\n\nconst Container = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n\n  // In case, the element is a 'fieldset', we remove the border\n  border: 0;\n`\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,WAAA;AACL,CAA0B,KAAA;AACxB,EAAM,MAAA,QAAA,GAAW,SAAc,KAAA,OAAA,GAAU,OAAU,GAAA,QAAA,CAAA;AAEnD,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,SAAc,KAAA,OAAA,GAAU,KAAQ,GAAA,UAAA;AAAA,MACpC,SAAA;AAAA,MACC,GAAG,WAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,oBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,aAAA,mBACE,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,MACN,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAK,GAAK,EAAA,QAAA,EAAU,IAAK,EAAA,eAAA,EAAgB,SACvC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,UAEC,aACC,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAI,GAAI,EAAA,KAAA,EAAM,QAAS,EAAA,EAAA,EAAI,EAAE,MAAA,EAAQ,CAAE,EAAA,EAC1C,QACH,EAAA,aAAA,EAAA,CAAA;AAAA,SAAA,EAEJ,CAEA,mBAAA,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA,QAAA;AAAA,YACL,IAAK,EAAA,OAAA;AAAA,YACL,KAAA,EAAO,QAAQ,YAAe,GAAA,QAAA;AAAA,YAC9B,OAAA;AAAA,YACA,EAAA,EAAI,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,YAEf,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cACA,QAAA,wBACE,IAAK,EAAA,EAAA,GAAA,EAAI,QAAO,IAAK,EAAA,YAAA,EAAa,KAAM,EAAA,YAAA,EAAa,QAEtD,EAAA,GAAA,EAAA,CAAA;AAAA,aAAA;AAAA,WAAA;AAAA,SAIR,EAAA,CAAA;AAAA,wBAGF,GAAA,CAAC,OAAK,QAAS,EAAA,CAAA;AAAA,QACd,SAAc,KAAA,OAAA,IAAW,aAAiB,IAAA,CAAC,aAC1C,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA,QAAA;AAAA,YACL,IAAK,EAAA,SAAA;AAAA,YACL,KAAA,EAAO,QAAQ,YAAe,GAAA,QAAA;AAAA,YAC9B,EAAA,EAAI,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,YAEf,QAAA,EAAA,aAAA;AAAA,WAAA;AAAA,SACH;AAAA,QAGD,KAAA,IACC,aACC,OAAO,QAAA,KAAa,2BAClB,GAAA,CAAA,IAAA,EAAA,EAAK,KAAI,MAAO,EAAA,IAAA,EAAK,WAAU,KAAM,EAAA,YAAA,EAAa,IAAG,KACnD,EAAA,QAAA,EAAA,QAAA,EACH,oBAEC,GAAA,CAAA,GAAA,EAAA,EAAI,EAAG,EAAA,KAAA,EAAO,QAAS,EAAA,QAAA,EAAA,CAAA,CAAA;AAAA,QAI3B,cAAc,KACb,CAAA,oBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,aAAe,EAAA,SAAA;AAAA,YACf,OAAA,EAAS,CAAC,EAAE,KAAS,IAAA,QAAA,CAAA;AAAA,YAErB,QAAA,kBAAA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,KACjB,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAK,MAAO,EAAA,UAAA,EAAW,IAAM,EAAA,EAAA,EAAI,OAAM,OAAQ,EAAA,CAAA;AAAA,kCAC/C,IAAK,EAAA,EAAA,IAAA,EAAK,SAAU,EAAA,KAAA,EAAM,SAAQ,QAEnC,EAAA,UAAA,EAAA,CAAA;AAAA,aACF,EAAA,CAAA;AAAA,WAAA;AAAA,SACF;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,EAAA;AAEA,MAAM,gBAAA,GAAmB,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAO/B,CAAC,EAAE,aAAc,EAAA,KACjB,aACA,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,IAGC,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA,EAGD,CAAC,EAAE,OAAQ,EAAA,KACX,OACA,IAAA,GAAA,CAAA;AAAA;AAAA,IAEC,CAAA,CAAA;AAAA,CAAA,CAAA;AAGL,MAAM,aAAA,GAAgB,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMhC,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"InternalField.js","sourceRoot":"","sources":["../../../src/fields/components/InternalField.tsx"],"names":[],"mappings":"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"}

package/dist/fields/components/Placeholder.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Box } from '../../Box';
+import { theme } from '../../theme';
+export const Placeholder = () => {
+    return (React.createElement(Wrapper, null,
+        React.createElement(Svg, { xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement(Line, { x1: "0", y1: "0", x2: "100%", y2: "100%" }),
+            React.createElement(Line, { x1: "100%", y1: "0", x2: "0", y2: "100%" }))));
+};
+const Wrapper = styled(Box) `
+  background-color: ${theme.colors.coconut};
+  border: 2px solid ${theme.colors.chia};
+  height: 40px;
+  width: auto;
+`;
+const Svg = styled.svg `
+  width: 100%;
+  height: 100%;
+`;
+const Line = styled.line `
+  stroke-width: 2px;
+  stroke: ${theme.colors.chia};
+`;
+//# sourceMappingURL=Placeholder.js.map

package/dist/fields/components/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../src/fields/components/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,GAAG,IAAC,KAAK,EAAC,4BAA4B;YACrC,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,GAAG;YAC1C,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,GAAG,CACtC,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;sBACL,KAAK,CAAC,MAAM,CAAC,OAAO;sBACpB,KAAK,CAAC,MAAM,CAAC,IAAI;;;CAGtC,CAAA;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrB,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;YAEZ,KAAK,CAAC,MAAM,CAAC,IAAI;CAC5B,CAAA"}

package/dist/fontStyle.js

@@ -1,7 +1,6 @@
 import { createGlobalStyle } from 'styled-components';
-import { theme } from './theme.js';
-
-const FontStyle = createGlobalStyle`
+import { theme } from './theme';
+export const FontStyle = createGlobalStyle `
   @font-face {
     font-family: 'Circular';
     src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665430aaedf8cb0bbf3_CircularXXSub-RegularSubset.woff2') format('woff2');
@@ -33,6 +32,4 @@ const FontStyle = createGlobalStyle`
     font-style: normal;
   }
 `;
-
-export { FontStyle };
-//# sourceMappingURL=fontStyle.js.map
+//# sourceMappingURL=fontStyle.js.map

package/dist/fontStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"fontStyle.js","sources":["../src/fontStyle.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components'\nimport { theme } from './theme'\n\nexport const FontStyle = createGlobalStyle`\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665430aaedf8cb0bbf3_CircularXXSub-RegularSubset.woff2') format('woff2');\n    font-weight: ${theme.font.weight.normal};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f066540b11e802f892996_CircularXXWeb-Medium.woff2') format('woff2');\n    font-weight: ${theme.font.weight.medium};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665ddfa22dd5375ca6e_CircularXXWeb-Bold.woff2') format('woff2');\n    font-weight: ${theme.font.weight.bold};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'MarshmallowYouth';\n    src: url('https://assets.marshmallow.com/fonts/MarshmallowYouth-Bold.woff2') format('woff2');\n    font-weight: ${theme.font.weight.bold};\n    font-style: normal;\n  }\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,SAAY,GAAA,iBAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAIN,EAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQxB,EAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQxB,EAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQtB,EAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"fontStyle.js","sourceRoot":"","sources":["../src/fontStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,iBAAiB,CAAA;;;;mBAIvB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;;;;;mBAQtB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;CAGxC,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1,5 @@
+export * from './useEventListener';
+export * from './useClickOutside';
+export * from './useScript';
+export * from './useTimeout';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}

package/dist/hooks/useClickOutside/index.js

@@ -1,33 +1,24 @@
 import { useCallback, useRef } from 'react';
-import { useEventListener } from '../useEventListener/index.js';
-
-const useOnClickOutside = ({
-  ref,
-  callback
-}) => {
-  const onClickOutsideListener = useCallback(
-    (event) => {
-      if (!ref || !ref.current || ref.current.contains(event.target)) {
-        return;
-      }
-      callback(event);
-    },
-    [ref, callback]
-  );
-  const documentRef = useRef(document.body);
-  useEventListener({
-    eventName: "click",
-    ref: documentRef,
-    callback: onClickOutsideListener,
-    capture: true
-  });
-  useEventListener({
-    eventName: "touchend",
-    ref: documentRef,
-    callback: onClickOutsideListener,
-    capture: true
-  });
+import { useEventListener } from '../useEventListener';
+export const useOnClickOutside = ({ ref, callback, }) => {
+    const onClickOutsideListener = useCallback((event) => {
+        if (!ref || !ref.current || ref.current.contains(event.target)) {
+            return;
+        }
+        callback(event);
+    }, [ref, callback]);
+    const documentRef = useRef(document.body);
+    useEventListener({
+        eventName: 'click',
+        ref: documentRef,
+        callback: onClickOutsideListener,
+        capture: true,
+    });
+    useEventListener({
+        eventName: 'touchend',
+        ref: documentRef,
+        callback: onClickOutsideListener,
+        capture: true,
+    });
 };
-
-export { useOnClickOutside };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/useClickOutside/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from 'react'\nimport { useEventListener } from '../useEventListener'\nimport { GenericEventCallback } from '../../types'\n\nexport const useOnClickOutside = ({\n  ref,\n  callback,\n}: {\n  ref: RefObject<HTMLElement>\n  callback: GenericEventCallback\n}) => {\n  const onClickOutsideListener = useCallback(\n    (event: MouseEvent) => {\n      if (!ref || !ref.current || ref.current.contains(event.target as Node)) {\n        return\n      }\n\n      callback(event)\n    },\n\n    [ref, callback],\n  )\n\n  const documentRef = useRef(document.body)\n\n  useEventListener({\n    eventName: 'click',\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true,\n  })\n\n  useEventListener({\n    eventName: 'touchend',\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true,\n  })\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAoB,CAAC;AAAA,EAChC,GAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,sBAAyB,GAAA,WAAA;AAAA,IAC7B,CAAC,KAAsB,KAAA;AACrB,MAAI,IAAA,CAAC,GAAO,IAAA,CAAC,GAAI,CAAA,OAAA,IAAW,IAAI,OAAQ,CAAA,QAAA,CAAS,KAAM,CAAA,MAAc,CAAG,EAAA;AACtE,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,KAChB;AAAA,IAEA,CAAC,KAAK,QAAQ,CAAA;AAAA,GAChB,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAExC,EAAiB,gBAAA,CAAA;AAAA,IACf,SAAW,EAAA,OAAA;AAAA,IACX,GAAK,EAAA,WAAA;AAAA,IACL,QAAU,EAAA,sBAAA;AAAA,IACV,OAAS,EAAA,IAAA;AAAA,GACV,CAAA,CAAA;AAED,EAAiB,gBAAA,CAAA;AAAA,IACf,SAAW,EAAA,UAAA;AAAA,IACX,GAAK,EAAA,WAAA;AAAA,IACL,QAAU,EAAA,sBAAA;AAAA,IACV,OAAS,EAAA,IAAA;AAAA,GACV,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useClickOutside/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,GAAG,EACH,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,KAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YACvE,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EAED,CAAC,GAAG,EAAE,QAAQ,CAAC,CAChB,CAAA;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEzC,gBAAgB,CAAC;QACf,SAAS,EAAE,OAAO;QAClB,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,sBAAsB;QAChC,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,gBAAgB,CAAC;QACf,SAAS,EAAE,UAAU;QACrB,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,sBAAsB;QAChC,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/dist/hooks/useClickOutside/useClickOutside.test.js

@@ -0,0 +1,45 @@
+import { act, cleanup, fireEvent, renderHook } from '@testing-library/react';
+import { useOnClickOutside } from '.';
+describe('useClickOutside', () => {
+    let element;
+    let cb;
+    beforeEach(() => {
+        cb = vi.fn();
+        element = document.createElement('div');
+        document.body.appendChild(element);
+        renderHook(() => useOnClickOutside({ ref: { current: element }, callback: cb }));
+    });
+    afterEach(() => {
+        element.remove();
+        cleanup();
+    });
+    describe('mouseDown', () => {
+        it('should call the callback when click outside the element', () => {
+            act(() => {
+                fireEvent.click(document.body);
+            });
+            return expect(cb.mock.calls).toHaveLength(1);
+        });
+        it('should not call the callback when clicking the element', () => {
+            act(() => {
+                fireEvent.click(element);
+            });
+            return expect(cb.mock.calls).toHaveLength(0);
+        });
+    });
+    describe('touchStart', () => {
+        it('should call the callback when click outside the element', () => {
+            act(() => {
+                fireEvent.touchEnd(document.body);
+            });
+            return expect(cb.mock.calls).toHaveLength(1);
+        });
+        it('should not call the callback when clicking the element', () => {
+            act(() => {
+                fireEvent.touchEnd(element);
+            });
+            return expect(cb.mock.calls).toHaveLength(0);
+        });
+    });
+});
+//# sourceMappingURL=useClickOutside.test.js.map

package/dist/hooks/useClickOutside/useClickOutside.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.test.js","sourceRoot":"","sources":["../../../src/hooks/useClickOutside/useClickOutside.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAErC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,IAAI,OAAoB,CAAA;IACxB,IAAI,EAAQ,CAAA;IAEZ,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACZ,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAClC,UAAU,CAAC,GAAG,EAAE,CACd,iBAAiB,CAAC,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC/D,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,MAAM,EAAE,CAAA;QAChB,OAAO,EAAE,CAAA;IACX,CAAC,CAAC,CAAA;IACF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,GAAG,CAAC,GAAG,EAAE;gBACP,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YAChC,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAChE,GAAG,CAAC,GAAG,EAAE;gBACP,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAC1B,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,GAAG,CAAC,GAAG,EAAE;gBACP,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACnC,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAChE,GAAG,CAAC,GAAG,EAAE;gBACP,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;YAC7B,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/hooks/useEventListener/index.js

@@ -1,22 +1,14 @@
 import { useEffect } from 'react';
-
-const useEventListener = ({
-  eventName,
-  callback,
-  ref,
-  capture = false
-}) => {
-  useEffect(() => {
-    const refElement = ref && ref.current;
-    if (!refElement)
-      return;
-    const listenerOptions = { capture };
-    refElement.addEventListener(eventName, callback, listenerOptions);
-    return () => {
-      refElement.removeEventListener(eventName, callback, listenerOptions);
-    };
-  }, [eventName, ref, callback, capture]);
+export const useEventListener = ({ eventName, callback, ref, capture = false, }) => {
+    useEffect(() => {
+        const refElement = ref && ref.current;
+        if (!refElement)
+            return;
+        const listenerOptions = { capture };
+        refElement.addEventListener(eventName, callback, listenerOptions);
+        return () => {
+            refElement.removeEventListener(eventName, callback, listenerOptions);
+        };
+    }, [eventName, ref, callback, capture]);
 };
-
-export { useEventListener };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/useEventListener/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useEventListener/index.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react'\nimport { GenericEventCallback } from '../../types'\n\nexport const useEventListener = ({\n  eventName,\n  callback,\n  ref,\n  capture = false,\n}: {\n  eventName: keyof HTMLElementEventMap | string\n  callback: GenericEventCallback\n  ref: RefObject<HTMLElement | Document>\n  capture?: boolean\n}): void => {\n  useEffect(() => {\n    const refElement = ref && ref.current\n    if (!refElement) return\n    const listenerOptions = { capture }\n\n    refElement.addEventListener(eventName, callback, listenerOptions)\n\n    return () => {\n      refElement.removeEventListener(eventName, callback, listenerOptions)\n    }\n  }, [eventName, ref, callback, capture])\n}\n"],"names":[],"mappings":";;AAGO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,OAAU,GAAA,KAAA;AACZ,CAKY,KAAA;AACV,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,UAAA,GAAa,OAAO,GAAI,CAAA,OAAA,CAAA;AAC9B,IAAA,IAAI,CAAC,UAAA;AAAY,MAAA,OAAA;AACjB,IAAM,MAAA,eAAA,GAAkB,EAAE,OAAQ,EAAA,CAAA;AAElC,IAAW,UAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,QAAA,EAAU,eAAe,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,mBAAA,CAAoB,SAAW,EAAA,QAAA,EAAU,eAAe,CAAA,CAAA;AAAA,KACrE,CAAA;AAAA,KACC,CAAC,SAAA,EAAW,GAAK,EAAA,QAAA,EAAU,OAAO,CAAC,CAAA,CAAA;AACxC;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useEventListener/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,OAAO,GAAG,KAAK,GAMhB,EAAQ,EAAE;IACT,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAA;QACrC,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,MAAM,eAAe,GAAG,EAAE,OAAO,EAAE,CAAA;QAEnC,UAAU,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAA;QAEjE,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAA;QACtE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;AACzC,CAAC,CAAA"}

package/dist/hooks/useEventListener/useEventLitener.test.js

@@ -0,0 +1,36 @@
+import { act, fireEvent, renderHook } from '@testing-library/react';
+import { vi } from 'vitest';
+import { useEventListener } from '.';
+describe('useEventListener', () => {
+    let element;
+    let cb;
+    describe('click', () => {
+        beforeEach(() => {
+            cb = vi.fn();
+            element = document.createElement('div');
+            document.body.appendChild(element);
+            renderHook(() => useEventListener({
+                eventName: 'click',
+                ref: { current: element },
+                callback: cb,
+            }));
+        });
+        afterEach(() => {
+            vi.clearAllMocks();
+            vi.resetAllMocks();
+        });
+        it('should call the callback when clicking', () => {
+            act(() => {
+                fireEvent.click(element);
+            });
+            return expect(cb.mock.calls).toHaveLength(1);
+        });
+        it('should not call callback on a different (not click) event', () => {
+            act(() => {
+                fireEvent.keyDown(element);
+            });
+            return expect(cb.mock.calls).toHaveLength(0);
+        });
+    });
+});
+//# sourceMappingURL=useEventLitener.test.js.map

package/dist/hooks/useEventListener/useEventLitener.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventLitener.test.js","sourceRoot":"","sources":["../../../src/hooks/useEventListener/useEventLitener.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnE,OAAO,EAAQ,EAAE,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAEpC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,OAAoB,CAAA;IACxB,IAAI,EAAQ,CAAA;IACZ,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACrB,UAAU,CAAC,GAAG,EAAE;YACd,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;YACZ,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;YAClC,UAAU,CAAC,GAAG,EAAE,CACd,gBAAgB,CAAC;gBACf,SAAS,EAAE,OAAO;gBAClB,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBACzB,QAAQ,EAAE,EAAE;aACb,CAAC,CACH,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,SAAS,CAAC,GAAG,EAAE;YACb,EAAE,CAAC,aAAa,EAAE,CAAA;YAClB,EAAE,CAAC,aAAa,EAAE,CAAA;QACpB,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;YAChD,GAAG,CAAC,GAAG,EAAE;gBACP,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAC1B,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;YACnE,GAAG,CAAC,GAAG,EAAE;gBACP,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YAC5B,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/hooks/useScript/index.js

@@ -1,19 +1,13 @@
 import { useEffect } from 'react';
-
-const useScript = ({
-  url,
-  async = true
-}) => {
-  useEffect(() => {
-    const script = document.createElement("script");
-    script.src = url;
-    script.async = async;
-    document.body.appendChild(script);
-    return () => {
-      document.body.removeChild(script);
-    };
-  }, [url]);
+export const useScript = ({ url, async = true, }) => {
+    useEffect(() => {
+        const script = document.createElement('script');
+        script.src = url;
+        script.async = async;
+        document.body.appendChild(script);
+        return () => {
+            document.body.removeChild(script);
+        };
+    }, [url]);
 };
-
-export { useScript };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/useScript/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useScript/index.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useScript = ({\n  url,\n  async = true,\n}: {\n  url: string\n  async?: boolean\n}) => {\n  useEffect(() => {\n    const script = document.createElement('script')\n\n    script.src = url\n    script.async = async\n\n    document.body.appendChild(script)\n\n    return () => {\n      document.body.removeChild(script)\n    }\n  }, [url])\n}\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB,GAAA;AAAA,EACA,KAAQ,GAAA,IAAA;AACV,CAGM,KAAA;AACJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,MAAA,GAAS,QAAS,CAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AAE9C,IAAA,MAAA,CAAO,GAAM,GAAA,GAAA,CAAA;AACb,IAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAEf,IAAS,QAAA,CAAA,IAAA,CAAK,YAAY,MAAM,CAAA,CAAA;AAEhC,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,IAAA,CAAK,YAAY,MAAM,CAAA,CAAA;AAAA,KAClC,CAAA;AAAA,GACF,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AACV;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useScript/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,GAAG,EACH,KAAK,GAAG,IAAI,GAIb,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAE/C,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QAChB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QAEjC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AACX,CAAC,CAAA"}

package/dist/hooks/useScript/useScript.test.js

@@ -0,0 +1,17 @@
+import { cleanup, renderHook } from '@testing-library/react';
+import { useScript } from '.';
+describe('useScript', () => {
+    beforeEach(() => {
+        renderHook(() => useScript({
+            url: 'test',
+        }));
+    });
+    afterEach(() => {
+        cleanup();
+    });
+    it('should append the script with the correct url to the body', () => {
+        const script = document.querySelector('script[src="test"]');
+        return expect(script).toBeTruthy();
+    });
+});
+//# sourceMappingURL=useScript.test.js.map

package/dist/hooks/useScript/useScript.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScript.test.js","sourceRoot":"","sources":["../../../src/hooks/useScript/useScript.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAA;AAE7B,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE;QACd,UAAU,CAAC,GAAG,EAAE,CACd,SAAS,CAAC;YACR,GAAG,EAAE,MAAM;SACZ,CAAC,CACH,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,EAAE,CAAA;IACX,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACnE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAA;QAC3D,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}