@stokelp/ui 2.102.0 → 2.104.0

package/dist/components/illustration/Illustration.js.map

@@ -1 +1 @@
-{"version":3,"file":"Illustration.js","sources":["../../../src/components/illustration/Illustration.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { HTMLArkProps } from '@ark-ui/react/factory'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { illustration, type IllustrationVariantProps } from '@stokelp/styled-system/recipes'\nimport { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { type FC, useLayoutEffect, useRef } from 'react'\nimport * as Patterns from '~/components/illustration/patterns'\n\nexport type IllustrationProps = Omit<Assign<JsxStyleProps, HTMLArkProps<'div'>>, 'children'> & IllustrationVariantProps\n\nconst StyledIllustration = styled(ark.div, illustration)\n\nconst getIllustrationForPattern = (pattern: IllustrationVariantProps['pattern']) => {\n  switch (pattern) {\n    case 'neutral':\n      return <Patterns.NeutralPattern />\n    case 'fish':\n      return <Patterns.FishPattern />\n    case 'meat':\n      return <Patterns.MeatPattern />\n    case 'fruit':\n      return <Patterns.FruitPattern />\n    case 'vegetable':\n      return <Patterns.VegetablePattern />\n    case 'cereal':\n      return <Patterns.CerealPattern />\n    case 'oil':\n      return <Patterns.OilPattern />\n    case 'aromatic':\n      return <Patterns.AromaticPattern />\n    default:\n      throw new Error(`Invalid pattern given: \"${pattern}\"`)\n  }\n}\n\nexport const Illustration: FC<IllustrationProps> = (props: IllustrationProps) => {\n  const $element = useRef<HTMLDivElement>(null)\n\n  useLayoutEffect(() => {\n    if ($element.current) {\n      const $parent = $element.current.parentElement\n      if ($parent) {\n        if (getComputedStyle($parent).position === 'static') {\n          $parent.style.position = 'relative'\n        }\n      }\n    }\n  }, [])\n\n  return (\n    <StyledIllustration ref={$element} {...props}>\n      {getIllustrationForPattern(props.pattern)}\n    </StyledIllustration>\n  )\n}\n"],"names":["StyledIllustration","styled","ark","illustration","getIllustrationForPattern","pattern","jsx","Patterns.NeutralPattern","Patterns.FishPattern","Patterns.MeatPattern","Patterns.FruitPattern","Patterns.VegetablePattern","Patterns.CerealPattern","Patterns.OilPattern","Patterns.AromaticPattern","Illustration","props","$element","useRef","useLayoutEffect","$parent"],"mappings":";;;;;;;AAUA,MAAMA,IAAqBC,EAAOC,EAAI,KAAKC,CAAY,GAEjDC,IAA4B,CAACC,MAAiD;AAClF,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO,gBAAAC,EAACC,GAAA,EAAwB;AAAA,IAClC,KAAK;AACH,aAAO,gBAAAD,EAACE,GAAA,EAAqB;AAAA,IAC/B,KAAK;AACH,aAAO,gBAAAF,EAACG,GAAA,EAAqB;AAAA,IAC/B,KAAK;AACH,aAAO,gBAAAH,EAACI,GAAA,EAAsB;AAAA,IAChC,KAAK;AACH,aAAO,gBAAAJ,EAACK,GAAA,EAA0B;AAAA,IACpC,KAAK;AACH,aAAO,gBAAAL,EAACM,GAAA,EAAuB;AAAA,IACjC,KAAK;AACH,aAAO,gBAAAN,EAACO,GAAA,EAAoB;AAAA,IAC9B,KAAK;AACH,aAAO,gBAAAP,EAACQ,GAAA,EAAyB;AAAA,IACnC;AACE,YAAM,IAAI,MAAM,2BAA2BT,CAAO,GAAG;AAAA,EAAA;AAE3D,GAEaU,IAAsC,CAACC,MAA6B;AAC/E,QAAMC,IAAWC,EAAuB,IAAI;AAE5C,SAAAC,EAAgB,MAAM;AACpB,QAAIF,EAAS,SAAS;AACpB,YAAMG,IAAUH,EAAS,QAAQ;AACjC,MAAIG,KACE,iBAAiBA,CAAO,EAAE,aAAa,aACzCA,EAAQ,MAAM,WAAW;AAAA,IAG/B;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAd,EAACN,KAAmB,KAAKiB,GAAW,GAAGD,GACpC,UAAAZ,EAA0BY,EAAM,OAAO,EAAA,CAC1C;AAEJ;"}
+{"version":3,"file":"Illustration.js","names":[],"sources":["../../../src/components/illustration/Illustration.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { HTMLArkProps } from '@ark-ui/react/factory'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { illustration, type IllustrationVariantProps } from '@stokelp/styled-system/recipes'\nimport { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { type FC, useLayoutEffect, useRef } from 'react'\nimport * as Patterns from '~/components/illustration/patterns'\n\nexport type IllustrationProps = Omit<Assign<JsxStyleProps, HTMLArkProps<'div'>>, 'children'> & IllustrationVariantProps\n\nconst StyledIllustration = styled(ark.div, illustration)\n\nconst getIllustrationForPattern = (pattern: IllustrationVariantProps['pattern']) => {\n  switch (pattern) {\n    case 'neutral':\n      return <Patterns.NeutralPattern />\n    case 'fish':\n      return <Patterns.FishPattern />\n    case 'meat':\n      return <Patterns.MeatPattern />\n    case 'fruit':\n      return <Patterns.FruitPattern />\n    case 'vegetable':\n      return <Patterns.VegetablePattern />\n    case 'cereal':\n      return <Patterns.CerealPattern />\n    case 'oil':\n      return <Patterns.OilPattern />\n    case 'aromatic':\n      return <Patterns.AromaticPattern />\n    default:\n      throw new Error(`Invalid pattern given: \"${pattern}\"`)\n  }\n}\n\nexport const Illustration: FC<IllustrationProps> = (props: IllustrationProps) => {\n  const $element = useRef<HTMLDivElement>(null)\n\n  useLayoutEffect(() => {\n    if ($element.current) {\n      const $parent = $element.current.parentElement\n      if ($parent) {\n        if (getComputedStyle($parent).position === 'static') {\n          $parent.style.position = 'relative'\n        }\n      }\n    }\n  }, [])\n\n  return (\n    <StyledIllustration ref={$element} {...props}>\n      {getIllustrationForPattern(props.pattern)}\n    </StyledIllustration>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAqB,EAAO,EAAI,KAAK,CAAY,GAEjD,KAA6B,MAAiD;CAClF,QAAQ,GAAR;EACE,KAAK,WACH,OAAO,kBAAC,GAAD,CAA0B,CAAA;EACnC,KAAK,QACH,OAAO,kBAAC,GAAD,CAAuB,CAAA;EAChC,KAAK,QACH,OAAO,kBAAC,GAAD,CAAuB,CAAA;EAChC,KAAK,SACH,OAAO,kBAAC,GAAD,CAAwB,CAAA;EACjC,KAAK,aACH,OAAO,kBAAC,GAAD,CAA4B,CAAA;EACrC,KAAK,UACH,OAAO,kBAAC,GAAD,CAAyB,CAAA;EAClC,KAAK,OACH,OAAO,kBAAC,GAAD,CAAsB,CAAA;EAC/B,KAAK,YACH,OAAO,kBAAC,GAAD,CAA2B,CAAA;EACpC,SACE,MAAU,MAAM,2BAA2B,EAAQ,EAAE;CACzD;AACF,GAEa,KAAuC,MAA6B;CAC/E,IAAM,IAAW,EAAuB,IAAI;CAa5C,OAXA,QAAsB;EACpB,IAAI,EAAS,SAAS;GACpB,IAAM,IAAU,EAAS,QAAQ;GACjC,AAAI,KACE,iBAAiB,CAAO,EAAE,aAAa,aACzC,EAAQ,MAAM,WAAW;EAG/B;CACF,GAAG,CAAC,CAAC,GAGH,kBAAC,GAAD;EAAoB,KAAK;EAAU,GAAI;YACpC,EAA0B,EAAM,OAAO;CACtB,CAAA;AAExB"}