@artsy/palette 39.0.3 → 40.0.0-canary.1408.31244.0

package/dist/elements/Text/Text.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.story.js","names":["_v","require","_themeGet","_react","_interopRequireDefault","_storybookStates","_styledComponents","_Flex","_Text","obj","__esModule","default","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","Table","styled","table","withConfig","displayName","componentId","themeGet","Specification","_ref","size","treatment","textColor","small","large","createElement","Fragment","entries","map","_ref2","_ref3","property","Flex","key","Text","variant","_default","title","exports","Variants","TEXT_VARIANT_NAMES","TEXT_VARIANTS","As","ELEMENTS","element","as","Truncation","States","states","overflowEllipsis","lineClamp","Caps","textTransform"],"sources":["../../../src/elements/Text/Text.story.tsx"],"sourcesContent":["import {\n  TEXT_VARIANT_NAMES,\n  TEXT_VARIANTS,\n} from \"@artsy/palette-tokens/dist/typography/v3\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Color } from \"../../Theme\"\nimport { Flex } from \"../Flex\"\nimport { Text, TextProps } from \"./Text\"\n\nconst Table = styled.table`\n  width: 100%;\n  border: 1px solid ${themeGet(\"colors.black10\")};\n  border-collapse: collapse;\n\n  > thead > tr > th {\n    text-align: left;\n    font-weight: normal;\n  }\n\n  > thead > tr > th,\n  > tbody > tr > td {\n    border-bottom: 1px solid ${themeGet(\"colors.black10\")};\n    border-left: 1px solid ${themeGet(\"colors.black10\")};\n    padding: ${themeGet(\"space.1\")};\n  }\n`\n\nconst Specification: React.FC<{\n  size?: \"small\" | \"large\" | \"default\"\n  treatment: any\n}> = ({ size, treatment }) => {\n  const textColor =\n    {\n      small: [\"purple100\", \"black60\"] as Color[],\n      large: [\"black60\", \"purple100\"] as Color[],\n    }[size || \"small\"] || \"black60\"\n\n  return (\n    <>\n      {Object.entries(treatment).map(([property, value]) => {\n        return (\n          value && (\n            <Flex key={property}>\n              <Text variant=\"xs\" textColor={textColor}>\n                {property}:&nbsp;\n              </Text>\n\n              <Text variant=\"xs\" textColor={textColor}>\n                {value as any}\n              </Text>\n            </Flex>\n          )\n        )\n      })}\n    </>\n  )\n}\n\nexport default { title: \"Components/Text\" }\n\nexport const Variants = () => {\n  return (\n    <Table>\n      <thead>\n        <tr>\n          <th>\n            <Text variant=\"sm-display\">Variant</Text>\n          </th>\n\n          <th>\n            <Text variant=\"sm-display\">Specifications</Text>\n          </th>\n\n          <th>\n            <Text variant=\"sm-display\">Example</Text>\n          </th>\n        </tr>\n      </thead>\n\n      <tbody>\n        {TEXT_VARIANT_NAMES.map((key) => (\n          <tr key={key}>\n            <td>\n              <Text variant=\"sm-display\">{key}</Text>\n            </td>\n\n            <td>\n              <Specification size=\"default\" treatment={TEXT_VARIANTS[key]} />\n            </td>\n\n            <td>\n              <Text variant={key}>\n                All their equipment and instruments are alive\n              </Text>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </Table>\n  )\n}\n\nexport const As = () => {\n  const ELEMENTS = [\"h1\", \"h2\", \"h3\", \"p\"] as Array<keyof JSX.IntrinsicElements>\n\n  return (\n    <>\n      {ELEMENTS.map((element) => {\n        return (\n          <Text key={element} as={element} variant=\"sm\">\n            This is a text component with an element set to {element}\n          </Text>\n        )\n      })}\n    </>\n  )\n}\n\nexport const Truncation = () => {\n  return (\n    <States<TextProps> states={[{ overflowEllipsis: true }, { lineClamp: 2 }]}>\n      <Text variant=\"sm\">\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n      </Text>\n    </States>\n  )\n}\n\nexport const Caps = () => {\n  return (\n    <States<TextProps>\n      states={[\n        {},\n        { textTransform: \"uppercase\" },\n        { textTransform: \"capitalize\" },\n      ]}\n    >\n      <Text variant=\"xs\">Hello world</Text>\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Text.story.js","names":["_v","require","_themeGet","_react","_interopRequireDefault","_storybookStates","_styledComponents","_Flex","_Text","obj","__esModule","default","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","Table","styled","table","withConfig","displayName","componentId","themeGet","Specification","_ref","size","treatment","textColor","small","large","createElement","Fragment","entries","map","_ref2","_ref3","property","Flex","key","Text","variant","_default","title","exports","Variants","TEXT_VARIANT_NAMES","TEXT_VARIANTS","As","ELEMENTS","element","as","Truncation","States","states","overflowEllipsis","lineClamp","Caps","textTransform"],"sources":["../../../src/elements/Text/Text.story.tsx"],"sourcesContent":["import {\n  TEXT_VARIANT_NAMES,\n  TEXT_VARIANTS,\n} from \"@artsy/palette-tokens/dist/typography/v3\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Color } from \"../../Theme\"\nimport { Flex } from \"../Flex\"\nimport { Text, TextProps } from \"./Text\"\n\nconst Table = styled.table`\n  width: 100%;\n  border: 1px solid ${themeGet(\"colors.black10\")};\n  border-collapse: collapse;\n\n  > thead > tr > th {\n    text-align: left;\n    font-weight: normal;\n  }\n\n  > thead > tr > th,\n  > tbody > tr > td {\n    border-bottom: 1px solid ${themeGet(\"colors.black10\")};\n    border-left: 1px solid ${themeGet(\"colors.black10\")};\n    padding: ${themeGet(\"space.1\")};\n  }\n`\n\nconst Specification: React.FC<React.PropsWithChildren<{\n  size?: \"small\" | \"large\" | \"default\"\n  treatment: any\n}>> = ({ size, treatment }) => {\n  const textColor =\n    {\n      small: [\"purple100\", \"black60\"] as Color[],\n      large: [\"black60\", \"purple100\"] as Color[],\n    }[size || \"small\"] || \"black60\"\n\n  return (\n    <>\n      {Object.entries(treatment).map(([property, value]) => {\n        return (\n          value && (\n            <Flex key={property}>\n              <Text variant=\"xs\" textColor={textColor}>\n                {property}:&nbsp;\n              </Text>\n\n              <Text variant=\"xs\" textColor={textColor}>\n                {value as any}\n              </Text>\n            </Flex>\n          )\n        )\n      })}\n    </>\n  )\n}\n\nexport default { title: \"Components/Text\" }\n\nexport const Variants = () => {\n  return (\n    <Table>\n      <thead>\n        <tr>\n          <th>\n            <Text variant=\"sm-display\">Variant</Text>\n          </th>\n\n          <th>\n            <Text variant=\"sm-display\">Specifications</Text>\n          </th>\n\n          <th>\n            <Text variant=\"sm-display\">Example</Text>\n          </th>\n        </tr>\n      </thead>\n\n      <tbody>\n        {TEXT_VARIANT_NAMES.map((key) => (\n          <tr key={key}>\n            <td>\n              <Text variant=\"sm-display\">{key}</Text>\n            </td>\n\n            <td>\n              <Specification size=\"default\" treatment={TEXT_VARIANTS[key]} />\n            </td>\n\n            <td>\n              <Text variant={key}>\n                All their equipment and instruments are alive\n              </Text>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </Table>\n  )\n}\n\nexport const As = () => {\n  const ELEMENTS = [\"h1\", \"h2\", \"h3\", \"p\"] as Array<keyof JSX.IntrinsicElements>\n\n  return (\n    <>\n      {ELEMENTS.map((element) => {\n        return (\n          <Text key={element} as={element} variant=\"sm\">\n            This is a text component with an element set to {element}\n          </Text>\n        )\n      })}\n    </>\n  )\n}\n\nexport const Truncation = () => {\n  return (\n    <States<TextProps> states={[{ overflowEllipsis: true }, { lineClamp: 2 }]}>\n      <Text variant=\"sm\">\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n      </Text>\n    </States>\n  )\n}\n\nexport const Caps = () => {\n  return (\n    <States<TextProps>\n      states={[\n        {},\n        { textTransform: \"uppercase\" },\n        { textTransform: \"capitalize\" },\n      ]}\n    >\n      <Text variant=\"xs\">Hello world</Text>\n    </States>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/TextArea/TextArea.d.ts

@@ -19,6 +19,4 @@ export interface TextAreaChange {
     exceedsCharacterLimit: boolean;
 }
 /** TextArea */
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & {
-    ref?: React.Ref<HTMLTextAreaElement>;
-}>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/elements/TextArea/TextArea.js

@@ -122,8 +122,8 @@ TextArea.displayName = "TextArea";
 var StyledTextArea = _styledComponents.default.textarea.withConfig({
   displayName: "TextArea__StyledTextArea",
   componentId: "sc-tnq35k-0"
-})(["appearance:none;display:block;width:100%;background-color:", ";padding:", ";resize:vertical;transition:border-color 0.25s,color 0.25s;outline:none;border:1px solid;border-radius:3px;font-family:", ";::placeholder{transition:color 0.25s,opacity 0.25s;}", ""], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("fonts.sans"), function (props) {
-  return (0, _styledComponents.css)(["", " ", " ", " ", " ", " ", " &:hover{", "}&:not(:placeholder-shown){", " ", "}&:focus{outline:none;", " :not(:placeholder-shown){", " ", "}}&:disabled{cursor:default;", "}", ""], _tokens.TEXTAREA_STATES.default, props.hover && _tokens.TEXTAREA_STATES.hover, props.focus && _tokens.TEXTAREA_STATES.focus, props.active && _tokens.TEXTAREA_STATES.active, props.disabled && _tokens.TEXTAREA_STATES.disabled, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.hover, _tokens.TEXTAREA_STATES.completed, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.focus, !!props.placeholder && _tokens.TEXTAREA_STATES.active, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.disabled, props.title && (0, _styledComponents.css)(["::placeholder{opacity:0;}"]));
+})(["appearance:none;display:block;width:100%;background-color:", ";padding:", ";resize:vertical;transition:border-color 0.25s,color 0.25s;outline:none;border:1px solid;border-radius:3px;font-family:", ";&::placeholder{transition:color 0.25s,opacity 0.25s;}", ""], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("fonts.sans"), function (props) {
+  return (0, _styledComponents.css)(["", " ", " ", " ", " ", " ", " &:hover{", "}&:not(:placeholder-shown){", " ", "}&:focus{outline:none;", " :not(:placeholder-shown){", " ", "}&::placeholder{opacity:1;}}&:disabled{cursor:default;", "}", ""], _tokens.TEXTAREA_STATES.default, props.hover && _tokens.TEXTAREA_STATES.hover, props.focus && _tokens.TEXTAREA_STATES.focus, props.active && _tokens.TEXTAREA_STATES.active, props.disabled && _tokens.TEXTAREA_STATES.disabled, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.hover, _tokens.TEXTAREA_STATES.completed, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.focus, !!props.placeholder && _tokens.TEXTAREA_STATES.active, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.disabled, props.title && (0, _styledComponents.css)(["&::placeholder{opacity:0;}"]));
 });
 var StyledLabel = _styledComponents.default.label.withConfig({
   displayName: "TextArea__StyledLabel",

package/dist/elements/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_RequiredField","_Box","_Text","_Tooltip","_tokens","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TextArea","React","forwardRef","_ref","ref","error","disabled","focus","hover","characterLimit","characterLimitHelper","title","description","_ref$defaultValue","defaultValue","required","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useState","useState","_useState2","setValue","characterLimitExceeded","useCallback","text","Boolean","characterLimitReached","handleChange","event","nextValue","currentTarget","exceedsCharacterLimit","hasError","useMemo","showCharacterLimitReached","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","position","mt","StyledTextArea","placeholder","StyledLabel","htmlFor","display","mx","RequiredField","flex","ml","exports","displayName","styled","textarea","withConfig","componentId","themeGet","props","css","TEXTAREA_STATES","active","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/TextArea/TextArea.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback, useMemo, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { TEXTAREA_STATES } from \"./tokens\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\n\nexport interface TextAreaProps\n  extends BoxProps,\n    Omit<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      \"onChange\" | \"title\"\n    > {\n  active?: boolean\n  characterLimit?: number\n  characterLimitHelper?: boolean\n  defaultValue?: string\n  description?: React.ReactNode\n  required?: boolean\n  title?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  onChange?(result: TextAreaChange): void\n}\n\nexport interface TextAreaChange {\n  value: string\n  exceedsCharacterLimit: boolean\n}\n\n/** TextArea */\nexport const TextArea: React.ForwardRefExoticComponent<\n  TextAreaProps & { ref?: React.Ref<HTMLTextAreaElement> }\n> = React.forwardRef(\n  (\n    {\n      error,\n      disabled,\n      focus,\n      hover,\n      characterLimit,\n      characterLimitHelper,\n      title,\n      description,\n      defaultValue = \"\",\n      required,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, inputProps] = splitBoxProps(rest)\n\n    const [value, setValue] = useState(defaultValue)\n\n    const characterLimitExceeded = useCallback(\n      (text: string) => {\n        return Boolean(characterLimit && text.length > characterLimit)\n      },\n      [characterLimit]\n    )\n\n    const characterLimitReached = useCallback(\n      (text: string) => {\n        return Boolean(characterLimit && text.length >= characterLimit)\n      },\n      [characterLimit]\n    )\n\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const nextValue = event.currentTarget.value\n        setValue(nextValue)\n        onChange?.({\n          value: nextValue,\n          exceedsCharacterLimit: characterLimitExceeded(nextValue),\n        })\n      },\n      [characterLimitExceeded, onChange]\n    )\n\n    const hasError = useMemo(\n      () => Boolean(error || characterLimitExceeded(value)),\n      [characterLimitExceeded, error, value]\n    )\n\n    const showCharacterLimitReached =\n      characterLimitHelper &&\n      typeof characterLimit !== \"undefined\" &&\n      characterLimitReached(value)\n\n    return (\n      <Box width=\"100%\" {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"black60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Box position=\"relative\" mt={!!title && !description ? 1 : 0}>\n          <StyledTextArea\n            ref={ref as any}\n            disabled={disabled}\n            focus={focus}\n            hover={hover}\n            error={hasError}\n            onChange={handleChange}\n            defaultValue={defaultValue}\n            required={required}\n            title={title}\n            placeholder={inputProps.placeholder || \" \"}\n            {...inputProps}\n          />\n\n          {!!title && (\n            <StyledLabel htmlFor={inputProps.name}>\n              {title}\n              <span />\n            </StyledLabel>\n          )}\n        </Box>\n\n        {(required || characterLimit) && !(error && typeof error === \"string\") && (\n          <Box display=\"flex\" mt={0.5} mx={1}>\n            {required && !showCharacterLimitReached && (\n              <RequiredField flex={1} disabled={disabled} />\n            )}\n\n            {showCharacterLimitReached && (\n              <Text flex={1} variant=\"xs\" color=\"black60\" textAlign=\"left\">\n                Character limit reached\n              </Text>\n            )}\n\n            {typeof characterLimit !== \"undefined\" && (\n              <Text\n                flex={1}\n                variant=\"xs\"\n                color={characterLimitExceeded(value) ? \"red100\" : \"black60\"}\n                textAlign=\"right\"\n              >\n                {value.length}/{characterLimit}\n              </Text>\n            )}\n          </Box>\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" color=\"red100\" mt={0.5} ml={1}>\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nTextArea.displayName = \"TextArea\"\n\ntype StyledTextAreaProps = Pick<\n  TextAreaProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"active\" | \"title\"\n>\n\nconst StyledTextArea = styled.textarea<StyledTextAreaProps>`\n  appearance: none;\n  display: block;\n  width: 100%;\n  background-color: ${themeGet(\"colors.white100\")};\n  padding: ${themeGet(\"space.1\")};\n  resize: vertical;\n  transition: border-color 0.25s, color 0.25s;\n  outline: none;\n  border: 1px solid;\n  border-radius: 3px;\n  font-family: ${themeGet(\"fonts.sans\")};\n\n  ::placeholder {\n    transition: color 0.25s, opacity 0.25s;\n  }\n\n  ${(props) => {\n    return css`\n      ${TEXTAREA_STATES.default}\n      ${props.hover && TEXTAREA_STATES.hover}\n      ${props.focus && TEXTAREA_STATES.focus}\n      ${props.active && TEXTAREA_STATES.active}\n      ${props.disabled && TEXTAREA_STATES.disabled}\n      ${props.error && TEXTAREA_STATES.error}\n\n      &:hover {\n        ${TEXTAREA_STATES.hover}\n      }\n\n      &:not(:placeholder-shown) {\n        ${TEXTAREA_STATES.completed}\n        ${props.error && TEXTAREA_STATES.error}\n      }\n\n      &:focus {\n        outline: none;\n        ${TEXTAREA_STATES.focus}\n\n        :not(:placeholder-shown) {\n          ${!!props.placeholder && TEXTAREA_STATES.active}\n          ${props.error && TEXTAREA_STATES.error}\n        }\n      }\n\n      &:disabled {\n        cursor: default;\n        ${TEXTAREA_STATES.disabled}\n      }\n\n      ${props.title &&\n      css`\n        ::placeholder {\n          opacity: 0;\n        }\n      `}\n    `\n  }}\n`\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 25px;\n  left: 6px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, transform, padding, font-size;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n\n  & > span {\n    background-color: ${themeGet(\"colors.white100\")};\n    height: 100%;\n    width: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: ${FORM_ELEMENT_TRANSITION};\n    transition-property: height, top;\n    transition-delay: 0.1s;\n  }\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAD,uBAAA,CAAAF,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAAuD,IAAAU,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,MAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,YAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AA2BvD;AACO,IAAMoD,QAEZ,gBAAGC,cAAK,CAACC,UAAU,CAClB,UAAAC,IAAA,EAeEC,GAAG,EACA;EAAA,IAdDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,oBAAoB,GAAAP,IAAA,CAApBO,oBAAoB;IACpBC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IAAAC,iBAAA,GAAAV,IAAA,CACXW,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;IACjBE,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACLC,IAAI,GAAA1B,wBAAA,CAAAY,IAAA,EAAAlF,SAAA;EAIT,IAAAiG,cAAA,GAA+B,IAAAC,kBAAa,EAACF,IAAI,CAAC;IAAAG,eAAA,GAAAlE,cAAA,CAAAgE,cAAA;IAA3CG,QAAQ,GAAAD,eAAA;IAAEE,UAAU,GAAAF,eAAA;EAE3B,IAAAG,SAAA,GAA0B,IAAAC,eAAQ,EAACV,YAAY,CAAC;IAAAW,UAAA,GAAAvE,cAAA,CAAAqE,SAAA;IAAzCpC,KAAK,GAAAsC,UAAA;IAAEC,QAAQ,GAAAD,UAAA;EAEtB,IAAME,sBAAsB,GAAG,IAAAC,kBAAW,EACxC,UAACC,IAAY,EAAK;IAChB,OAAOC,OAAO,CAACrB,cAAc,IAAIoB,IAAI,CAAC9E,MAAM,GAAG0D,cAAc,CAAC;EAChE,CAAC,EACD,CAACA,cAAc,CAAC,CACjB;EAED,IAAMsB,qBAAqB,GAAG,IAAAH,kBAAW,EACvC,UAACC,IAAY,EAAK;IAChB,OAAOC,OAAO,CAACrB,cAAc,IAAIoB,IAAI,CAAC9E,MAAM,IAAI0D,cAAc,CAAC;EACjE,CAAC,EACD,CAACA,cAAc,CAAC,CACjB;EAED,IAAMuB,YAAY,GAAG,IAAAJ,kBAAW,EAC9B,UAACK,KAA6C,EAAK;IACjD,IAAMC,SAAS,GAAGD,KAAK,CAACE,aAAa,CAAChD,KAAK;IAC3CuC,QAAQ,CAACQ,SAAS,CAAC;IACnBlB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG;MACT7B,KAAK,EAAE+C,SAAS;MAChBE,qBAAqB,EAAET,sBAAsB,CAACO,SAAS;IACzD,CAAC,CAAC;EACJ,CAAC,EACD,CAACP,sBAAsB,EAAEX,QAAQ,CAAC,CACnC;EAED,IAAMqB,QAAQ,GAAG,IAAAC,cAAO,EACtB;IAAA,OAAMR,OAAO,CAACzB,KAAK,IAAIsB,sBAAsB,CAACxC,KAAK,CAAC,CAAC;EAAA,GACrD,CAACwC,sBAAsB,EAAEtB,KAAK,EAAElB,KAAK,CAAC,CACvC;EAED,IAAMoD,yBAAyB,GAC7B7B,oBAAoB,IACpB,OAAOD,cAAc,KAAK,WAAW,IACrCsB,qBAAqB,CAAC5C,KAAK,CAAC;EAE9B,oBACE3E,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC5H,IAAA,CAAA6H,GAAG,EAAAhG,QAAA;IAACiG,KAAK,EAAC;EAAM,GAAKrB,QAAQ,GAC3B,CAAC,CAACT,WAAW,iBACZpG,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC1H,QAAA,CAAA6H,OAAO;IAACC,OAAO;IAACC,OAAO,EAAEjC,WAAY;IAACkC,SAAS,EAAC;EAAS,gBACxDtI,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC3H,KAAA,CAAAkI,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC,SAAS;IAACC,SAAS,EAAC;EAAO,gBAClD1I,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,YAAG,eAAa,CAAI,CACf,CAEV,eAEDhI,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC5H,IAAA,CAAA6H,GAAG;IAACU,QAAQ,EAAC,UAAU;IAACC,EAAE,EAAE,CAAC,CAACzC,KAAK,IAAI,CAACC,WAAW,GAAG,CAAC,GAAG;EAAE,gBAC3DpG,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAACa,cAAc,EAAA5G,QAAA;IACb2D,GAAG,EAAEA,GAAW;IAChBE,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA,KAAM;IACbH,KAAK,EAAEgC,QAAS;IAChBrB,QAAQ,EAAEgB,YAAa;IACvBlB,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAEA,KAAM;IACb2C,WAAW,EAAEhC,UAAU,CAACgC,WAAW,IAAI;EAAI,GACvChC,UAAU,EACd,EAED,CAAC,CAACX,KAAK,iBACNnG,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAACe,WAAW;IAACC,OAAO,EAAElC,UAAU,CAACtD;EAAK,GACnC2C,KAAK,eACNnG,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,cAAQ,CAEX,CACG,EAEL,CAACzB,QAAQ,IAAIN,cAAc,KAAK,EAAEJ,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,CAAC,iBACpE7F,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC5H,IAAA,CAAA6H,GAAG;IAACgB,OAAO,EAAC,MAAM;IAACL,EAAE,EAAE,GAAI;IAACM,EAAE,EAAE;EAAE,GAChC3C,QAAQ,IAAI,CAACwB,yBAAyB,iBACrC/H,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC7H,cAAA,CAAAgJ,aAAa;IAACC,IAAI,EAAE,CAAE;IAACtD,QAAQ,EAAEA;EAAS,EAC5C,EAEAiC,yBAAyB,iBACxB/H,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC3H,KAAA,CAAAkI,IAAI;IAACa,IAAI,EAAE,CAAE;IAACZ,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC,SAAS;IAACC,SAAS,EAAC;EAAM,GAAC,yBAE7D,CACD,EAEA,OAAOzC,cAAc,KAAK,WAAW,iBACpCjG,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC3H,KAAA,CAAAkI,IAAI;IACHa,IAAI,EAAE,CAAE;IACRZ,OAAO,EAAC,IAAI;IACZC,KAAK,EAAEtB,sBAAsB,CAACxC,KAAK,CAAC,GAAG,QAAQ,GAAG,SAAU;IAC5D+D,SAAS,EAAC;EAAO,GAEhB/D,KAAK,CAACpC,MAAM,EAAC,GAAC,EAAC0D,cAAc,CAEjC,CAEJ,EAEAJ,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,iBACjC7F,MAAA,CAAAkB,OAAA,CAAA8G,aAAA,CAAC3H,KAAA,CAAAkI,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACG,EAAE,EAAE,GAAI;IAACS,EAAE,EAAE;EAAE,GAC9CxD,KAAK,CAET,CACG;AAEV,CAAC,CACF;AAAAyD,OAAA,CAAA9D,QAAA,GAAAA,QAAA;AAEDA,QAAQ,CAAC+D,WAAW,GAAG,UAAU;AAOjC,IAAMV,cAAc,GAAGW,yBAAM,CAACC,QAAQ,CAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,wQAIhB,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpC,IAAAA,kBAAQ,EAAC,SAAS,CAAC,EAMf,IAAAA,kBAAQ,EAAC,YAAY,CAAC,EAMnC,UAACC,KAAK,EAAK;EACX,WAAOC,qBAAG,wLACNC,uBAAe,CAAC7I,OAAO,EACvB2I,KAAK,CAAC7D,KAAK,IAAI+D,uBAAe,CAAC/D,KAAK,EACpC6D,KAAK,CAAC9D,KAAK,IAAIgE,uBAAe,CAAChE,KAAK,EACpC8D,KAAK,CAACG,MAAM,IAAID,uBAAe,CAACC,MAAM,EACtCH,KAAK,CAAC/D,QAAQ,IAAIiE,uBAAe,CAACjE,QAAQ,EAC1C+D,KAAK,CAAChE,KAAK,IAAIkE,uBAAe,CAAClE,KAAK,EAGlCkE,uBAAe,CAAC/D,KAAK,EAIrB+D,uBAAe,CAACE,SAAS,EACzBJ,KAAK,CAAChE,KAAK,IAAIkE,uBAAe,CAAClE,KAAK,EAKpCkE,uBAAe,CAAChE,KAAK,EAGnB,CAAC,CAAC8D,KAAK,CAACf,WAAW,IAAIiB,uBAAe,CAACC,MAAM,EAC7CH,KAAK,CAAChE,KAAK,IAAIkE,uBAAe,CAAClE,KAAK,EAMtCkE,uBAAe,CAACjE,QAAQ,EAG1B+D,KAAK,CAAC1D,KAAK,QACb2D,qBAAG,gCAIF;AAEL,CAAC,CACF;AACD,IAAMf,WAAW,GAAGS,yBAAM,CAACU,KAAK,CAAAR,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,kZAOhBQ,gCAAuB,EAEtB,IAAAP,kBAAQ,EAAC,YAAY,CAAC,EAIf,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAQjCO,gCAAuB,CAIxC"}
+{"version":3,"file":"TextArea.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_RequiredField","_Box","_Text","_Tooltip","_tokens","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TextArea","React","forwardRef","_ref","ref","error","disabled","focus","hover","characterLimit","characterLimitHelper","title","description","_ref$defaultValue","defaultValue","required","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useState","useState","_useState2","setValue","characterLimitExceeded","useCallback","text","Boolean","characterLimitReached","handleChange","event","nextValue","currentTarget","exceedsCharacterLimit","hasError","useMemo","showCharacterLimitReached","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","position","mt","StyledTextArea","placeholder","StyledLabel","htmlFor","display","mx","RequiredField","flex","ml","exports","displayName","styled","textarea","withConfig","componentId","themeGet","props","css","TEXTAREA_STATES","active","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/TextArea/TextArea.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback, useMemo, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { TEXTAREA_STATES } from \"./tokens\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\n\nexport interface TextAreaProps\n  extends BoxProps,\n    Omit<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      \"onChange\" | \"title\"\n    > {\n  active?: boolean\n  characterLimit?: number\n  characterLimitHelper?: boolean\n  defaultValue?: string\n  description?: React.ReactNode\n  required?: boolean\n  title?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  onChange?(result: TextAreaChange): void\n}\n\nexport interface TextAreaChange {\n  value: string\n  exceedsCharacterLimit: boolean\n}\n\n/** TextArea */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      error,\n      disabled,\n      focus,\n      hover,\n      characterLimit,\n      characterLimitHelper,\n      title,\n      description,\n      defaultValue = \"\",\n      required,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, inputProps] = splitBoxProps(rest)\n\n    const [value, setValue] = useState(defaultValue)\n\n    const characterLimitExceeded = useCallback(\n      (text: string) => {\n        return Boolean(characterLimit && text.length > characterLimit)\n      },\n      [characterLimit]\n    )\n\n    const characterLimitReached = useCallback(\n      (text: string) => {\n        return Boolean(characterLimit && text.length >= characterLimit)\n      },\n      [characterLimit]\n    )\n\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const nextValue = event.currentTarget.value\n        setValue(nextValue)\n        onChange?.({\n          value: nextValue,\n          exceedsCharacterLimit: characterLimitExceeded(nextValue),\n        })\n      },\n      [characterLimitExceeded, onChange]\n    )\n\n    const hasError = useMemo(\n      () => Boolean(error || characterLimitExceeded(value)),\n      [characterLimitExceeded, error, value]\n    )\n\n    const showCharacterLimitReached =\n      characterLimitHelper &&\n      typeof characterLimit !== \"undefined\" &&\n      characterLimitReached(value)\n\n    return (\n      <Box width=\"100%\" {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"black60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Box position=\"relative\" mt={!!title && !description ? 1 : 0}>\n          <StyledTextArea\n            ref={ref as any}\n            disabled={disabled}\n            focus={focus}\n            hover={hover}\n            error={hasError}\n            onChange={handleChange}\n            defaultValue={defaultValue}\n            required={required}\n            title={title}\n            placeholder={inputProps.placeholder || \" \"}\n            {...inputProps}\n          />\n\n          {!!title && (\n            <StyledLabel htmlFor={inputProps.name}>\n              {title}\n              <span />\n            </StyledLabel>\n          )}\n        </Box>\n\n        {(required || characterLimit) && !(error && typeof error === \"string\") && (\n          <Box display=\"flex\" mt={0.5} mx={1}>\n            {required && !showCharacterLimitReached && (\n              <RequiredField flex={1} disabled={disabled} />\n            )}\n\n            {showCharacterLimitReached && (\n              <Text flex={1} variant=\"xs\" color=\"black60\" textAlign=\"left\">\n                Character limit reached\n              </Text>\n            )}\n\n            {typeof characterLimit !== \"undefined\" && (\n              <Text\n                flex={1}\n                variant=\"xs\"\n                color={characterLimitExceeded(value) ? \"red100\" : \"black60\"}\n                textAlign=\"right\"\n              >\n                {value.length}/{characterLimit}\n              </Text>\n            )}\n          </Box>\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" color=\"red100\" mt={0.5} ml={1}>\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nTextArea.displayName = \"TextArea\"\n\ntype StyledTextAreaProps = Pick<\n  TextAreaProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"active\" | \"title\"\n>\n\nconst StyledTextArea = styled.textarea<StyledTextAreaProps>`\n  appearance: none;\n  display: block;\n  width: 100%;\n  background-color: ${themeGet(\"colors.white100\")};\n  padding: ${themeGet(\"space.1\")};\n  resize: vertical;\n  transition: border-color 0.25s, color 0.25s;\n  outline: none;\n  border: 1px solid;\n  border-radius: 3px;\n  font-family: ${themeGet(\"fonts.sans\")};\n\n  &::placeholder {\n    transition: color 0.25s, opacity 0.25s;\n  }\n\n  ${(props) => {\n    return css`\n      ${TEXTAREA_STATES.default}\n      ${props.hover && TEXTAREA_STATES.hover}\n      ${props.focus && TEXTAREA_STATES.focus}\n      ${props.active && TEXTAREA_STATES.active}\n      ${props.disabled && TEXTAREA_STATES.disabled}\n      ${props.error && TEXTAREA_STATES.error}\n\n      &:hover {\n        ${TEXTAREA_STATES.hover}\n      }\n\n      &:not(:placeholder-shown) {\n        ${TEXTAREA_STATES.completed}\n        ${props.error && TEXTAREA_STATES.error}\n      }\n\n      &:focus {\n        outline: none;\n        ${TEXTAREA_STATES.focus}\n\n        :not(:placeholder-shown) {\n          ${!!props.placeholder && TEXTAREA_STATES.active}\n          ${props.error && TEXTAREA_STATES.error}\n        }\n\n        &::placeholder {\n          opacity: 1;\n        }\n      }\n\n      &:disabled {\n        cursor: default;\n        ${TEXTAREA_STATES.disabled}\n      }\n\n      ${props.title &&\n      css`\n        &::placeholder {\n          opacity: 0;\n        }\n      `}\n    `\n  }}\n`\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 25px;\n  left: 6px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, transform, padding, font-size;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n\n  & > span {\n    background-color: ${themeGet(\"colors.white100\")};\n    height: 100%;\n    width: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: ${FORM_ELEMENT_TRANSITION};\n    transition-property: height, top;\n    transition-delay: 0.1s;\n  }\n`\n"],"mappings":"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"}

package/dist/elements/TextArea/TextArea.story.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Required: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const Required: () => React.JSX.Element;

package/dist/elements/Toasts/Toast.d.ts

@@ -12,7 +12,7 @@ export interface ToastProps extends BoxProps {
     onClose?(id: string): void;
     variant?: ToastVariant;
 }
-export declare const Toast: React.FC<ToastProps>;
+export declare const Toast: React.FC<React.PropsWithChildren<ToastProps>>;
 export declare const TOAST_VARIANTS: {
     message: {
         backgroundColor: string;

package/dist/elements/Toasts/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Flex","_Clickable","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toast","_ref","id","action","description","message","onClose","rest","handleClick","createElement","Container","width","px","py","bg","color","role","tabIndex","onClick","onKeyPress","event","style","cursor","Flex","alignItems","justifyContent","Text","variant","Clickable","textDecoration","label","exports","displayName","TOAST_VARIANTS","backgroundColor","alert","success","error","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Toasts/Toast.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\n\nexport type ToastVariant = keyof typeof TOAST_VARIANTS\n\nexport interface ToastProps extends BoxProps {\n  id: string\n  action?: {\n    label: string\n    onClick(): void\n  }\n  description?: string\n  message: string\n  onClose?(id: string): void\n  variant?: ToastVariant\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n  id,\n  action,\n  description,\n  message,\n  onClose,\n  ...rest\n}) => {\n  const handleClick = () => {\n    onClose?.(id)\n  }\n\n  return (\n    <Container\n      width=\"100%\"\n      px={2}\n      py={1}\n      bg=\"black100\"\n      color=\"white100\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyPress={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          onClose?.(id)\n        }\n      }}\n      style={{ cursor: \"pointer\" }}\n      {...rest}\n    >\n      <Flex alignItems=\"flex-start\" justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">{message}</Text>\n\n        {action && (\n          <Clickable onClick={action.onClick} textDecoration=\"underline\">\n            <Text variant=\"xs\">{action.label}</Text>\n          </Clickable>\n        )}\n      </Flex>\n\n      {description && <Text variant=\"xs\">{description}</Text>}\n    </Container>\n  )\n}\n\nexport const TOAST_VARIANTS = {\n  message: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n  alert: {\n    backgroundColor: \"blue100\",\n    color: \"white100\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"white100\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"white100\",\n  },\n}\n\nconst Container = styled(Box)`\n  ${variant({ variants: TOAST_VARIANTS })}\n  user-select: none;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Toast.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Flex","_Clickable","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toast","_ref","id","action","description","message","onClose","rest","handleClick","createElement","Container","width","px","py","bg","color","role","tabIndex","onClick","onKeyPress","event","style","cursor","Flex","alignItems","justifyContent","Text","variant","Clickable","textDecoration","label","exports","displayName","TOAST_VARIANTS","backgroundColor","alert","success","error","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Toasts/Toast.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\n\nexport type ToastVariant = keyof typeof TOAST_VARIANTS\n\nexport interface ToastProps extends BoxProps {\n  id: string\n  action?: {\n    label: string\n    onClick(): void\n  }\n  description?: string\n  message: string\n  onClose?(id: string): void\n  variant?: ToastVariant\n}\n\nexport const Toast: React.FC<React.PropsWithChildren<ToastProps>> = ({\n  id,\n  action,\n  description,\n  message,\n  onClose,\n  ...rest\n}) => {\n  const handleClick = () => {\n    onClose?.(id)\n  }\n\n  return (\n    <Container\n      width=\"100%\"\n      px={2}\n      py={1}\n      bg=\"black100\"\n      color=\"white100\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyPress={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          onClose?.(id)\n        }\n      }}\n      style={{ cursor: \"pointer\" }}\n      {...rest}\n    >\n      <Flex alignItems=\"flex-start\" justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">{message}</Text>\n\n        {action && (\n          <Clickable onClick={action.onClick} textDecoration=\"underline\">\n            <Text variant=\"xs\">{action.label}</Text>\n          </Clickable>\n        )}\n      </Flex>\n\n      {description && <Text variant=\"xs\">{description}</Text>}\n    </Container>\n  )\n}\n\nexport const TOAST_VARIANTS = {\n  message: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n  alert: {\n    backgroundColor: \"blue100\",\n    color: \"white100\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"white100\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"white100\",\n  },\n}\n\nconst Container = styled(Box)`\n  ${variant({ variants: TOAST_VARIANTS })}\n  user-select: none;\n`\n"],"mappings":"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"}

package/dist/elements/Toasts/Toast.story.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/Toasts/Toasts.d.ts

@@ -3,4 +3,4 @@ import { BoxProps } from "../Box";
 export interface ToastsProps extends BoxProps {
     limit?: number;
 }
-export declare const Toasts: React.FC<ToastsProps>;
+export declare const Toasts: React.FC<React.PropsWithChildren<ToastsProps>>;

package/dist/elements/Toasts/Toasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toasts.js","names":["_react","_interopRequireDefault","require","_VisuallyHidden","_Box","_Join","_Spacer","_Toast","_useToasts2","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toasts","_ref","_ref$limit","limit","rest","_useToasts","useToasts","toasts","createElement","Fragment","Box","Join","separator","Spacer","y","takeRight","map","_ref2","id","Toast","VisuallyHidden","toast","message","description","exports","xs","undefined","slice"],"sources":["../../../src/elements/Toasts/Toasts.tsx"],"sourcesContent":["import React from \"react\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { Toast } from \"./Toast\"\nimport { useToasts } from \"./useToasts\"\n\nexport interface ToastsProps extends BoxProps {\n  limit?: number\n}\n\nexport const Toasts: React.FC<ToastsProps> = ({ limit = 5, ...rest }) => {\n  const { toasts } = useToasts()\n\n  return (\n    <>\n      <Box {...rest}>\n        <Join separator={<Spacer y={1} />}>\n          {takeRight(toasts, limit).map(({ id, ...rest }) => (\n            <Toast key={id} id={id} {...rest} />\n          ))}\n        </Join>\n      </Box>\n\n      <VisuallyHidden\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-relevant=\"additions\"\n      >\n        {toasts.map((toast, i) => {\n          return (\n            <div key={i}>\n              {toast.message} - {toast.description}\n            </div>\n          )\n        })}\n      </VisuallyHidden>\n    </>\n  )\n}\n\nconst takeRight = <T,>(xs: T[], limit = 1) => {\n  if (xs.length < limit) {\n    return xs\n  }\n\n  return xs.slice(xs.length - limit, xs.length)\n}\n"],"mappings":"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"}
+{"version":3,"file":"Toasts.js","names":["_react","_interopRequireDefault","require","_VisuallyHidden","_Box","_Join","_Spacer","_Toast","_useToasts2","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toasts","_ref","_ref$limit","limit","rest","_useToasts","useToasts","toasts","createElement","Fragment","Box","Join","separator","Spacer","y","takeRight","map","_ref2","id","Toast","VisuallyHidden","toast","message","description","exports","xs","undefined","slice"],"sources":["../../../src/elements/Toasts/Toasts.tsx"],"sourcesContent":["import React from \"react\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { Toast } from \"./Toast\"\nimport { useToasts } from \"./useToasts\"\n\nexport interface ToastsProps extends BoxProps {\n  limit?: number\n}\n\nexport const Toasts: React.FC<React.PropsWithChildren<ToastsProps>> = ({ limit = 5, ...rest }) => {\n  const { toasts } = useToasts()\n\n  return (\n    <>\n      <Box {...rest}>\n        <Join separator={<Spacer y={1} />}>\n          {takeRight(toasts, limit).map(({ id, ...rest }) => (\n            <Toast key={id} id={id} {...rest} />\n          ))}\n        </Join>\n      </Box>\n\n      <VisuallyHidden\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-relevant=\"additions\"\n      >\n        {toasts.map((toast, i) => {\n          return (\n            <div key={i}>\n              {toast.message} - {toast.description}\n            </div>\n          )\n        })}\n      </VisuallyHidden>\n    </>\n  )\n}\n\nconst takeRight = <T,>(xs: T[], limit = 1) => {\n  if (xs.length < limit) {\n    return xs\n  }\n\n  return xs.slice(xs.length - limit, xs.length)\n}\n"],"mappings":"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"}

package/dist/elements/Toasts/Toasts.story.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const Demo: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
+    (): React.JSX.Element;
+    decorators: ((Story: any) => React.JSX.Element)[];
 };

package/dist/elements/Toasts/useToasts.d.ts

@@ -20,7 +20,7 @@ export declare const ToastsContext: React.Context<{
     };
     retractToast(id: string): void;
 }>;
-export declare const ToastsProvider: React.FC;
+export declare const ToastsProvider: React.FC<React.PropsWithChildren<unknown>>;
 export declare const useToasts: () => {
     toasts: Toast[];
     sendToast: (toast: Payload) => {

package/dist/elements/Toasts/useToasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToasts.js","names":["_react","_interopRequireWildcard","require","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","Array","isArray","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","reducer","state","action","type","toasts","concat","payload","_ref","id","ToastsContext","createContext","sendToast","handleClose","retractToast","exports","ToastsProvider","_ref2","children","_useReducer","useReducer","_useReducer2","dispatch","activeToasts","useRef","Map","useCallback","_toast$onClose","toast","current","clearTimeout","timeout","delete","onClose","_ref3","_ref3$ttl","ttl","rest","generateId","Infinity","window","setTimeout","useEffect","createElement","Provider","displayName","useToasts","_useContext","useContext","Math","random"],"sources":["../../../src/elements/Toasts/useToasts.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useReducer,\n  useCallback,\n  useRef,\n  useEffect,\n} from \"react\"\nimport { ToastProps } from \"./Toast\"\n\ninterface Toast extends ToastProps {\n  id: string\n  ttl: number\n  onClose(id: string): void\n}\n\ntype Payload = Omit<Toast, \"id\" | \"ttl\" | \"onClose\"> & {\n  ttl?: number\n  onClose?(id: string): void\n}\n\ntype State = { toasts: Toast[] }\n\ntype Action =\n  | { type: \"SEND\"; payload: Toast }\n  | { type: \"RETRACT\"; payload: { id: string } }\n\nconst reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"SEND\":\n      return { ...state, toasts: [...state.toasts, action.payload] }\n\n    case \"RETRACT\":\n      return {\n        ...state,\n        toasts: state.toasts.filter(({ id }) => {\n          return id !== action.payload.id\n        }),\n      }\n  }\n}\n\nexport const ToastsContext = createContext<{\n  state: State\n  sendToast(toast: Payload): { id: string; handleClose: () => void }\n  retractToast(id: string): void\n}>({\n  state: { toasts: [] },\n  sendToast: () => {\n    return {\n      id: \"\",\n      handleClose: () => {\n        // NOOP\n      },\n    }\n  },\n  retractToast: () => {\n    // NOOP\n  },\n})\n\nexport const ToastsProvider: React.FC = ({ children }) => {\n  const [state, dispatch] = useReducer(reducer, { toasts: [] })\n\n  const activeToasts = useRef<\n    Map<\n      string,\n      {\n        timeout: number\n        onClose?: (id: string) => void\n      }\n    >\n  >(new Map())\n\n  const retractToast = useCallback((id: string) => {\n    const toast = activeToasts.current.get(id)\n\n    if (!toast) return\n\n    clearTimeout(toast.timeout)\n\n    activeToasts.current.delete(id)\n\n    dispatch({ type: \"RETRACT\", payload: { id } })\n\n    toast.onClose?.(id)\n  }, [])\n\n  const sendToast = useCallback(\n    ({ ttl = 6000, onClose, ...rest }: Payload) => {\n      const id = generateId()\n\n      const handleClose = () => {\n        retractToast(id)\n      }\n\n      dispatch({\n        type: \"SEND\",\n        payload: { ...rest, id, ttl, onClose: handleClose },\n      })\n\n      activeToasts.current.set(id, {\n        timeout: ttl !== Infinity ? window.setTimeout(handleClose, ttl) : -1,\n        onClose,\n      })\n\n      return { id, handleClose }\n    },\n    [retractToast]\n  )\n\n  useEffect(() => {\n    const toasts = activeToasts.current\n\n    return () => {\n      toasts.forEach((toast) => clearTimeout(toast.timeout))\n    }\n  }, [])\n\n  return (\n    <ToastsContext.Provider value={{ state, sendToast, retractToast }}>\n      {children}\n    </ToastsContext.Provider>\n  )\n}\n\nexport const useToasts = () => {\n  const {\n    state: { toasts },\n    sendToast,\n    retractToast,\n  } = useContext(ToastsContext)\n\n  return { toasts, sendToast, retractToast }\n}\n\nconst generateId = () => Math.random().toString(26).slice(2)\n"],"mappings":"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"}
+{"version":3,"file":"useToasts.js","names":["_react","_interopRequireWildcard","require","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","Array","isArray","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","reducer","state","action","type","toasts","concat","payload","_ref","id","ToastsContext","createContext","sendToast","handleClose","retractToast","exports","ToastsProvider","_ref2","children","_useReducer","useReducer","_useReducer2","dispatch","activeToasts","useRef","Map","useCallback","_toast$onClose","toast","current","clearTimeout","timeout","delete","onClose","_ref3","_ref3$ttl","ttl","rest","generateId","Infinity","window","setTimeout","useEffect","createElement","Provider","displayName","useToasts","_useContext","useContext","Math","random"],"sources":["../../../src/elements/Toasts/useToasts.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useReducer,\n  useCallback,\n  useRef,\n  useEffect,\n} from \"react\"\nimport { ToastProps } from \"./Toast\"\n\ninterface Toast extends ToastProps {\n  id: string\n  ttl: number\n  onClose(id: string): void\n}\n\ntype Payload = Omit<Toast, \"id\" | \"ttl\" | \"onClose\"> & {\n  ttl?: number\n  onClose?(id: string): void\n}\n\ntype State = { toasts: Toast[] }\n\ntype Action =\n  | { type: \"SEND\"; payload: Toast }\n  | { type: \"RETRACT\"; payload: { id: string } }\n\nconst reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"SEND\":\n      return { ...state, toasts: [...state.toasts, action.payload] }\n\n    case \"RETRACT\":\n      return {\n        ...state,\n        toasts: state.toasts.filter(({ id }) => {\n          return id !== action.payload.id\n        }),\n      }\n  }\n}\n\nexport const ToastsContext = createContext<{\n  state: State\n  sendToast(toast: Payload): { id: string; handleClose: () => void }\n  retractToast(id: string): void\n}>({\n  state: { toasts: [] },\n  sendToast: () => {\n    return {\n      id: \"\",\n      handleClose: () => {\n        // NOOP\n      },\n    }\n  },\n  retractToast: () => {\n    // NOOP\n  },\n})\n\nexport const ToastsProvider: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => {\n  const [state, dispatch] = useReducer(reducer, { toasts: [] })\n\n  const activeToasts = useRef<\n    Map<\n      string,\n      {\n        timeout: number\n        onClose?: (id: string) => void\n      }\n    >\n  >(new Map())\n\n  const retractToast = useCallback((id: string) => {\n    const toast = activeToasts.current.get(id)\n\n    if (!toast) return\n\n    clearTimeout(toast.timeout)\n\n    activeToasts.current.delete(id)\n\n    dispatch({ type: \"RETRACT\", payload: { id } })\n\n    toast.onClose?.(id)\n  }, [])\n\n  const sendToast = useCallback(\n    ({ ttl = 6000, onClose, ...rest }: Payload) => {\n      const id = generateId()\n\n      const handleClose = () => {\n        retractToast(id)\n      }\n\n      dispatch({\n        type: \"SEND\",\n        payload: { ...rest, id, ttl, onClose: handleClose },\n      })\n\n      activeToasts.current.set(id, {\n        timeout: ttl !== Infinity ? window.setTimeout(handleClose, ttl) : -1,\n        onClose,\n      })\n\n      return { id, handleClose }\n    },\n    [retractToast]\n  )\n\n  useEffect(() => {\n    const toasts = activeToasts.current\n\n    return () => {\n      toasts.forEach((toast) => clearTimeout(toast.timeout))\n    }\n  }, [])\n\n  return (\n    <ToastsContext.Provider value={{ state, sendToast, retractToast }}>\n      {children}\n    </ToastsContext.Provider>\n  )\n}\n\nexport const useToasts = () => {\n  const {\n    state: { toasts },\n    sendToast,\n    retractToast,\n  } = useContext(ToastsContext)\n\n  return { toasts, sendToast, retractToast }\n}\n\nconst generateId = () => Math.random().toString(26).slice(2)\n"],"mappings":"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"}

package/dist/elements/Toggle/Toggle.d.ts

@@ -11,4 +11,4 @@ export interface ToggleProps extends BoxProps, Omit<React.HTMLAttributes<HTMLDiv
     onSelect?: (selected: boolean) => void;
 }
 /** A toggle */
-export declare const Toggle: React.FC<ToggleProps>;
+export declare const Toggle: React.FC<React.PropsWithChildren<ToggleProps>>;

package/dist/elements/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Box","_tokens","_themeGet","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toggle","_ref","_ref$selected","selected","disabled","hover","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Switch","exports","displayName","styled","Box","withConfig","componentId","themeGet","props","css","SWITCH_STATES","TOGGLE_STATES"],"sources":["../../../src/elements/Toggle/Toggle.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\nimport { SWITCH_STATES, TOGGLE_STATES } from \"./tokens\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface ToggleProps\n  extends BoxProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable toggle interactions */\n  disabled?: boolean\n  /** Select the toggle on render */\n  selected?: boolean\n  /** Used to force the toggle into the visual hover state */\n  hover?: boolean\n  /** Callback when selected */\n  onSelect?: (selected: boolean) => void\n}\n\n/** A toggle */\nexport const Toggle: React.FC<ToggleProps> = ({\n  selected = false,\n  disabled,\n  hover,\n  onSelect,\n  onClick,\n  ...rest\n}) => {\n  const isSelectable = !disabled && onSelect !== undefined\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (isSelectable && onSelect) {\n      onSelect(!selected)\n    }\n\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \" && isSelectable && onSelect) {\n      event.preventDefault()\n      onSelect(!selected)\n    }\n  }\n\n  return (\n    <Container\n      display=\"flex\"\n      alignItems=\"center\"\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      role=\"toggle\"\n      aria-checked={selected}\n      selected={selected}\n      disabled={disabled}\n      hover={hover}\n      {...rest}\n    >\n      <Switch selected={selected} />\n    </Container>\n  )\n}\n\nconst Switch = styled(Box)<{ selected: boolean }>`\n  width: 26px;\n  height: 26px;\n  margin: 3px;\n  border-radius: 50%;\n  transition: transform 0.3s;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n\n  ${(props) => {\n    return css`\n      ${props.selected ? SWITCH_STATES.selected : SWITCH_STATES.default}\n    `\n  }}\n`\n\nconst Container = styled(Box)<{\n  selected: boolean\n  hover?: boolean\n  disabled?: boolean\n}>`\n  user-select: none;\n  border-radius: 100px;\n  width: 51px;\n  height: 31px;\n  flex-shrink: 0;\n\n  ${(props) => {\n    return css`\n      ${props.selected ? TOGGLE_STATES.selected : TOGGLE_STATES.default}\n      ${props.hover && TOGGLE_STATES.hover}\n      ${props.disabled &&\n      (props.selected\n        ? TOGGLE_STATES.disabled.selected\n        : TOGGLE_STATES.disabled.default)}\n\n      &:hover {\n        ${TOGGLE_STATES.hover}\n      }\n    `\n  }}\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAAmD,IAAAM,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAN,wBAAAU,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAApB,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAAA,SAAAkB,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAenD;AACO,IAAMe,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAOpC;EAAA,IAAAC,aAAA,GAAAD,IAAA,CANJE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACJC,IAAI,GAAAjB,wBAAA,CAAAU,IAAA,EAAA3C,SAAA;EAEP,IAAMmD,YAAY,GAAG,CAACL,QAAQ,IAAIE,QAAQ,KAAKI,SAAS;EAExD,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAmD,EAAK;IAC3E,IAAIH,YAAY,IAAIH,QAAQ,EAAE;MAC5BA,QAAQ,CAAC,CAACH,QAAQ,CAAC;IACrB;IAEA,IAAII,OAAO,EAAE;MACXA,OAAO,CAACK,KAAK,CAAC;IAChB;EACF,CAAC;EAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAID,KAA0C,EAAK;IACrE,IAAIA,KAAK,CAACpC,GAAG,KAAK,GAAG,IAAIiC,YAAY,IAAIH,QAAQ,EAAE;MACjDM,KAAK,CAACE,cAAc,EAAE;MACtBR,QAAQ,CAAC,CAACH,QAAQ,CAAC;IACrB;EACF,CAAC;EAED,oBACErD,MAAA,CAAAiB,OAAA,CAAAgD,aAAA,CAACC,SAAS,EAAAlC,QAAA;IACRmC,OAAO,EAAC,MAAM;IACdC,UAAU,EAAC,QAAQ;IACnBX,OAAO,EAAEI,WAAY;IACrBQ,QAAQ,EAAEf,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;IAC5BgB,UAAU,EAAEP,cAAe;IAC3BQ,IAAI,EAAC,QAAQ;IACb,gBAAclB,QAAS;IACvBA,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA;EAAM,GACTG,IAAI,gBAER1D,MAAA,CAAAiB,OAAA,CAAAgD,aAAA,CAACO,MAAM;IAACnB,QAAQ,EAAEA;EAAS,EAAG,CACpB;AAEhB,CAAC;AAAAoB,OAAA,CAAAvB,MAAA,GAAAA,MAAA;AA5CYA,MAA6B,CAAAwB,WAAA;AA8C1C,IAAMF,MAAM,GAAG,IAAAG,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,2GAMV,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC,EAE1C,UAACC,KAAK,EAAK;EACX,WAAOC,qBAAG,YACND,KAAK,CAAC3B,QAAQ,GAAG6B,qBAAa,CAAC7B,QAAQ,GAAG6B,qBAAa,CAACjE,OAAO;AAErE,CAAC,CACF;AAED,IAAMiD,SAAS,GAAG,IAAAS,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,uFAWzB,UAACE,KAAK,EAAK;EACX,WAAOC,qBAAG,oCACND,KAAK,CAAC3B,QAAQ,GAAG8B,qBAAa,CAAC9B,QAAQ,GAAG8B,qBAAa,CAAClE,OAAO,EAC/D+D,KAAK,CAACzB,KAAK,IAAI4B,qBAAa,CAAC5B,KAAK,EAClCyB,KAAK,CAAC1B,QAAQ,KACf0B,KAAK,CAAC3B,QAAQ,GACX8B,qBAAa,CAAC7B,QAAQ,CAACD,QAAQ,GAC/B8B,qBAAa,CAAC7B,QAAQ,CAACrC,OAAO,CAAC,EAG/BkE,qBAAa,CAAC5B,KAAK;AAG3B,CAAC,CACF"}
+{"version":3,"file":"Toggle.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Box","_tokens","_themeGet","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toggle","_ref","_ref$selected","selected","disabled","hover","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Switch","exports","displayName","styled","Box","withConfig","componentId","themeGet","props","css","SWITCH_STATES","TOGGLE_STATES"],"sources":["../../../src/elements/Toggle/Toggle.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\nimport { SWITCH_STATES, TOGGLE_STATES } from \"./tokens\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface ToggleProps\n  extends BoxProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable toggle interactions */\n  disabled?: boolean\n  /** Select the toggle on render */\n  selected?: boolean\n  /** Used to force the toggle into the visual hover state */\n  hover?: boolean\n  /** Callback when selected */\n  onSelect?: (selected: boolean) => void\n}\n\n/** A toggle */\nexport const Toggle: React.FC<React.PropsWithChildren<ToggleProps>> = ({\n  selected = false,\n  disabled,\n  hover,\n  onSelect,\n  onClick,\n  ...rest\n}) => {\n  const isSelectable = !disabled && onSelect !== undefined\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (isSelectable && onSelect) {\n      onSelect(!selected)\n    }\n\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \" && isSelectable && onSelect) {\n      event.preventDefault()\n      onSelect(!selected)\n    }\n  }\n\n  return (\n    <Container\n      display=\"flex\"\n      alignItems=\"center\"\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      role=\"toggle\"\n      aria-checked={selected}\n      selected={selected}\n      disabled={disabled}\n      hover={hover}\n      {...rest}\n    >\n      <Switch selected={selected} />\n    </Container>\n  )\n}\n\nconst Switch = styled(Box)<{ selected: boolean }>`\n  width: 26px;\n  height: 26px;\n  margin: 3px;\n  border-radius: 50%;\n  transition: transform 0.3s;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n\n  ${(props) => {\n    return css`\n      ${props.selected ? SWITCH_STATES.selected : SWITCH_STATES.default}\n    `\n  }}\n`\n\nconst Container = styled(Box)<{\n  selected: boolean\n  hover?: boolean\n  disabled?: boolean\n}>`\n  user-select: none;\n  border-radius: 100px;\n  width: 51px;\n  height: 31px;\n  flex-shrink: 0;\n\n  ${(props) => {\n    return css`\n      ${props.selected ? TOGGLE_STATES.selected : TOGGLE_STATES.default}\n      ${props.hover && TOGGLE_STATES.hover}\n      ${props.disabled &&\n      (props.selected\n        ? TOGGLE_STATES.disabled.selected\n        : TOGGLE_STATES.disabled.default)}\n\n      &:hover {\n        ${TOGGLE_STATES.hover}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}

package/dist/elements/Toggle/Toggle.story.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Demo: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const Demo: () => React.JSX.Element;

package/dist/elements/Tooltip/Tooltip.d.ts

@@ -26,4 +26,4 @@ export interface TooltipProps extends BoxProps {
 /**
  * A tooltip
  */
-export declare const Tooltip: React.FC<TooltipProps>;
+export declare const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>>;

package/dist/elements/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_helpers","_usePosition2","_Box","_Pointer","_Text","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TOOLTIP_VARIANTS","defaultLight","backgroundColor","color","defaultDark","exports","Tooltip","_ref","_children$props","_children$props2","_children$props3","_children$props4","_children$props5","children","content","_ref$width","width","_ref$offset","offset","_ref$placement","placement","_ref$pointer","pointer","_ref$variant","variant","visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","active","setActive","handleClick","prevActive","activate","deactivate","_usePosition","usePosition","position","anchorRef","tooltipRef","isFlipped","state","createElement","Fragment","React","cloneElement","ref","tabIndex","onClick","compose","props","onMouseOver","onMouseOut","onFocus","onBlur","Tip","style","opacity","Pointer","Panel","p","isText","Text","styled","Box","withConfig","displayName","componentId","themeGet","variants","a","b","_len","args","_key"],"sources":["../../../src/elements/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { isText } from \"../../helpers\"\nimport { Position, usePosition } from \"../../utils/usePosition\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Pointer } from \"../Pointer\"\nimport { Text } from \"../Text\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const TOOLTIP_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"white100\",\n    color: \"black100\",\n  },\n  defaultDark: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n}\n\nexport type TooltipVariant = keyof typeof TOOLTIP_VARIANTS\n\nexport interface TooltipProps extends BoxProps {\n  /** Anchor element to attach to tooltip */\n  children: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  /** Content of tooltip */\n  content: React.ReactNode\n  offset?: number\n  placement?: Position\n  pointer?: boolean\n  variant?: TooltipVariant\n  visible?: boolean\n}\n\n/**\n * A tooltip\n */\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  content,\n  width = 230,\n  offset = 10,\n  placement = \"top\",\n  pointer = false,\n  variant = \"defaultLight\",\n  visible,\n  zIndex = 1,\n  ...rest\n}) => {\n  const [active, setActive] = useState(false)\n\n  const handleClick = () => {\n    setActive((prevActive) => !prevActive)\n  }\n\n  const activate = () => {\n    setActive(true)\n  }\n\n  const deactivate = () => {\n    setActive(false)\n  }\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible ?? active,\n  })\n\n  return (\n    <>\n      {React.cloneElement(children, {\n        ref: anchorRef,\n        tabIndex: 0,\n        onClick: compose(handleClick, children.props?.onClick),\n        onMouseOver: compose(activate, children.props?.onMouseOver),\n        onMouseOut: compose(deactivate, children.props?.onMouseOut),\n        onFocus: compose(activate, children.props?.onFocus),\n        onBlur: compose(deactivate, children.props?.onBlur),\n      })}\n\n      <Tip\n        ref={tooltipRef as any}\n        variant={variant}\n        width={width}\n        zIndex={zIndex}\n        style={\n          // If visible is explictly set to `false` then the tooltip should be hidden\n          // Otherwise it should be visible or utilize the active state.\n          visible !== false\n            ? {\n                opacity: visible ?? active ? 1 : 0,\n              }\n            : { opacity: 0 }\n        }\n      >\n        {pointer && (\n          <Pointer\n            anchorRef={anchorRef}\n            tooltipRef={tooltipRef}\n            variant={variant}\n            placement={placement}\n            isFlipped={isFlipped}\n          />\n        )}\n\n        <Panel variant={variant} p={1} {...rest}>\n          {isText(content) ? <Text variant=\"xs\">{content}</Text> : content}\n        </Panel>\n      </Tip>\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: TooltipVariant }>`\n  position: absolute;\n  transition: opacity 250ms ease-out;\n  text-align: left;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  cursor: default;\n  pointer-events: none;\n  font-weight: normal;\n  font-style: normal;\n  ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: TooltipVariant }>`\n  ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst compose = (a?: (...args: any) => any, b?: (...args: any) => any) => {\n  return (...args) => {\n    a?.(...args)\n    b?.(...args)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_helpers","_usePosition2","_Box","_Pointer","_Text","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TOOLTIP_VARIANTS","defaultLight","backgroundColor","color","defaultDark","exports","Tooltip","_ref","_children$props","_children$props2","_children$props3","_children$props4","_children$props5","children","content","_ref$width","width","_ref$offset","offset","_ref$placement","placement","_ref$pointer","pointer","_ref$variant","variant","visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","active","setActive","handleClick","prevActive","activate","deactivate","_usePosition","usePosition","position","anchorRef","tooltipRef","isFlipped","state","createElement","Fragment","React","cloneElement","ref","tabIndex","onClick","compose","props","onMouseOver","onMouseOut","onFocus","onBlur","Tip","style","opacity","Pointer","Panel","p","isText","Text","styled","Box","withConfig","displayName","componentId","themeGet","variants","a","b","_len","args","_key"],"sources":["../../../src/elements/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { isText } from \"../../helpers\"\nimport { Position, usePosition } from \"../../utils/usePosition\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Pointer } from \"../Pointer\"\nimport { Text } from \"../Text\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const TOOLTIP_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"white100\",\n    color: \"black100\",\n  },\n  defaultDark: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n}\n\nexport type TooltipVariant = keyof typeof TOOLTIP_VARIANTS\n\nexport interface TooltipProps extends BoxProps {\n  /** Anchor element to attach to tooltip */\n  children: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  /** Content of tooltip */\n  content: React.ReactNode\n  offset?: number\n  placement?: Position\n  pointer?: boolean\n  variant?: TooltipVariant\n  visible?: boolean\n}\n\n/**\n * A tooltip\n */\nexport const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>> = ({\n  children,\n  content,\n  width = 230,\n  offset = 10,\n  placement = \"top\",\n  pointer = false,\n  variant = \"defaultLight\",\n  visible,\n  zIndex = 1,\n  ...rest\n}) => {\n  const [active, setActive] = useState(false)\n\n  const handleClick = () => {\n    setActive((prevActive) => !prevActive)\n  }\n\n  const activate = () => {\n    setActive(true)\n  }\n\n  const deactivate = () => {\n    setActive(false)\n  }\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible ?? active,\n  })\n\n  return (\n    <>\n      {React.cloneElement(children, {\n        ref: anchorRef,\n        tabIndex: 0,\n        onClick: compose(handleClick, children.props?.onClick),\n        onMouseOver: compose(activate, children.props?.onMouseOver),\n        onMouseOut: compose(deactivate, children.props?.onMouseOut),\n        onFocus: compose(activate, children.props?.onFocus),\n        onBlur: compose(deactivate, children.props?.onBlur),\n      })}\n\n      <Tip\n        ref={tooltipRef as any}\n        variant={variant}\n        width={width}\n        zIndex={zIndex}\n        style={\n          // If visible is explictly set to `false` then the tooltip should be hidden\n          // Otherwise it should be visible or utilize the active state.\n          visible !== false\n            ? {\n                opacity: visible ?? active ? 1 : 0,\n              }\n            : { opacity: 0 }\n        }\n      >\n        {pointer && (\n          <Pointer\n            anchorRef={anchorRef}\n            tooltipRef={tooltipRef}\n            variant={variant}\n            placement={placement}\n            isFlipped={isFlipped}\n          />\n        )}\n\n        <Panel variant={variant} p={1} {...rest}>\n          {isText(content) ? <Text variant=\"xs\">{content}</Text> : content}\n        </Panel>\n      </Tip>\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: TooltipVariant }>`\n  position: absolute;\n  transition: opacity 250ms ease-out;\n  text-align: left;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  cursor: default;\n  pointer-events: none;\n  font-weight: normal;\n  font-style: normal;\n  ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: TooltipVariant }>`\n  ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst compose = (a?: (...args: any) => any, b?: (...args: any) => any) => {\n  return (...args) => {\n    a?.(...args)\n    b?.(...args)\n  }\n}\n"],"mappings":"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"}

package/dist/elements/Tooltip/Tooltip.story.d.ts

@@ -1,10 +1,11 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
 export declare const _Clickable: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         parameters: {
             chromatic: {
@@ -13,12 +14,12 @@ export declare const _Clickable: {
         };
     };
 };
-export declare const Placement: () => JSX.Element;
-export declare const IconExample: () => JSX.Element;
-export declare const ExternalControl: () => JSX.Element;
-export declare const PointerCentering: () => JSX.Element;
+export declare const Placement: () => React.JSX.Element;
+export declare const IconExample: () => React.JSX.Element;
+export declare const ExternalControl: () => React.JSX.Element;
+export declare const PointerCentering: () => React.JSX.Element;
 export declare const StressTest: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         parameters: {
             chromatic: {
@@ -27,4 +28,4 @@ export declare const StressTest: {
         };
     };
 };
-export declare const PositioningBug: () => JSX.Element;
+export declare const PositioningBug: () => React.JSX.Element;

package/dist/elements/VisuallyHidden/VisuallyHidden.d.ts

@@ -22,6 +22,6 @@ export interface VisuallyHiddenProps extends BoxProps {
  * https://webaim.org/techniques/css/invisiblecontent/
  * https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
  */
-export declare const VisuallyHidden: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const VisuallyHidden: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, VisuallyHiddenProps>> & string;

package/dist/shared/RequiredField.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { TextProps } from "../elements";
-export declare const RequiredField: React.FC<TextProps & {
+export declare const RequiredField: React.FC<React.PropsWithChildren<TextProps & {
     disabled?: boolean;
-}>;
+}>>;