@artsy/palette 45.13.1 → 45.14.0-canary.1497.33070.0

package/dist/cjs/elements/ReadMore/ReadMore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadMore.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Clickable","_Text","_Box","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","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","ReadMore","exports","_ref","expandedHTML","content","disabled","defaultExpanded","_ref$maxLines","maxLines","Infinity","onReadLessClicked","onReadMoreClicked","ref","useRef","_useState","useState","_useState2","overflowing","setOverflowing","_useState3","_useState4","expanded","setExpanded","maxLinesToShow","handleClick","prevExpanded","nextExpanded","handleResize","current","shouldExpand","scrollHeight","clientHeight","initialized","useEffect","createElement","Container","LineClamp","concat","lineClamp","Box","position","dangerouslySetInnerHTML","__html","Clickable","cursor","textDecoration","onClick","display","width","Text","variant","fontWeight","displayName","styled","div","withConfig","componentId","props"],"sources":["../../../../src/elements/ReadMore/ReadMore.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\n\nexport interface ReadMoreProps {\n  content: string\n  disabled?: boolean\n  defaultExpanded?: boolean\n  maxLines?: number\n  onReadLessClicked?: () => void\n  onReadMoreClicked?: () => void\n}\n\nexport const ReadMore: React.FC<React.PropsWithChildren<ReadMoreProps>> = ({\n  content: expandedHTML,\n  disabled,\n  defaultExpanded,\n  maxLines = Infinity,\n  onReadLessClicked,\n  onReadMoreClicked,\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  const [overflowing, setOverflowing] = useState(false)\n  const [expanded, setExpanded] = useState(!!defaultExpanded)\n\n  const maxLinesToShow = expanded ? Infinity : maxLines\n\n  const handleClick = () => {\n    if (disabled) return\n\n    setExpanded((prevExpanded) => {\n      const nextExpanded = !prevExpanded\n      nextExpanded ? onReadMoreClicked?.() : onReadLessClicked?.()\n      return nextExpanded\n    })\n  }\n\n  const handleResize = () => {\n    if (!ref.current) return false\n\n    const shouldExpand = ref.current.scrollHeight > ref.current.clientHeight\n    setOverflowing(shouldExpand)\n\n    return shouldExpand\n  }\n\n  const initialized = useRef(false)\n\n  useEffect(() => {\n    if (initialized.current) return\n\n    const shouldExpand = handleResize()\n    if (!shouldExpand) setExpanded(true)\n\n    initialized.current = true\n  }, [])\n\n  return (\n    <Container aria-expanded={expanded}>\n      <LineClamp\n        key={`${expanded}`} // Forces a re-render on Mobile Safari\n        ref={ref}\n        lineClamp={maxLinesToShow}\n      >\n        {/* LineClamp's `display` causes stacking of margins. Nested div ensures internal margins collapse. */}\n        <Box\n          position=\"relative\"\n          dangerouslySetInnerHTML={{\n            __html: expandedHTML,\n          }}\n        />\n      </LineClamp>\n\n      {overflowing && (\n        <Clickable\n          cursor=\"pointer\"\n          textDecoration=\"underline\"\n          onClick={handleClick}\n          display=\"block\"\n          width=\"100%\"\n        >\n          <Text variant=\"xs\" fontWeight=\"bold\">\n            Read {expanded ? \"less\" : \"more\"}\n          </Text>\n        </Clickable>\n      )}\n    </Container>\n  )\n}\n\nconst Container = styled.div`\n  position: relative;\n`\n\nContainer.displayName = \"Container\"\n\nconst LineClamp = styled.div<{ lineClamp: number }>`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: ${(props) => props.lineClamp};\n  line-clamp: ${(props) => props.lineClamp};\n  overflow: hidden;\n`\n"],"mappings":"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"}

package/dist/cjs/elements/ReadMore/ReadMore.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadMore.story.js","names":["_react","_interopRequireDefault","require","_HTML","_ReadMore","_storybookBlocklist","obj","__esModule","default","_default","exports","component","ReadMore","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","maxLines","onReadMoreClicked","console","log","onReadLessClicked","content","story","ShortContent","AsString","CharacterCapWithHtml","render","createElement","HTML","variant","WithCustomizableTypography","WithCustomizableTypography2","CharacterCapWithHtmlDisabled","disabled"],"sources":["../../../../src/elements/ReadMore/ReadMore.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { HTML } from \"../HTML\"\nimport { ReadMore } from \"./ReadMore\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: ReadMore,\n  title: \"Components/ReadMore\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A component that truncates content and provides a 'read more' link to expand the full content.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    maxLines: 2,\n    onReadMoreClicked: () => console.log(\"Read more clicked\"),\n    onReadLessClicked: () => console.log(\"Read less clicked\"),\n    content: `<div>\n          Donald Judd, widely regarded as one of the most significant American\n          artists of <a href=\"#\">the post-war period</a>, is perhaps best-known\n          for the large-scale outdoor installations and long, spacious interiors\n          he designed in Marfa. Donald Judd, widely regarded as one of the most\n          significant American artists of the post-war period, is perhaps\n          best-known for the large-scale outdoor installations and long,\n          spacious interiors he designed in Marfa.\n        </div>`,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Read more component with character limit truncation.\",\n      },\n    },\n  },\n}\n\nexport const ShortContent = {\n  args: {\n    maxLines: 3,\n    content: `<div>\n          Donald Judd, widely regarded as one of the most significant American\n          artists of <a href=\"#\">the post-war period</a>.\n        </div>`,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Read more with content shorter than the character limit.\",\n      },\n    },\n  },\n}\n\nexport const AsString = {\n  args: {\n    maxLines: 2,\n    content:\n      \"Donald Judd, widely regarded as one of the most significant American artists of the post-war period, is perhaps best-known for the large-scale outdoor installations and long, spacious interiors he designed in Marfa. Donald Judd, widely regarded as one of the most significant American artists of the post-war period, is perhaps best-known for the large-scale outdoor installations and long, spacious interiors he designed in Marfa.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Read more with plain string content instead of HTML.\",\n      },\n    },\n  },\n}\n\nexport const CharacterCapWithHtml = {\n  render: () => (\n    <HTML variant=\"sm\">\n      <ReadMore\n        maxLines={2}\n        content={`<p>\n          Donald Judd, widely regarded as one of the most significant American\n          artists of <a href=\"#\">the post-war period</a>, is perhaps\n          best-known for the large-scale outdoor installations and long,\n          spacious interiors he designed in Marfa. Donald Judd, widely\n          regarded as one of the most significant American artists of the\n          post-war period, is perhaps best-known for the large-scale outdoor\n          installations and long, spacious interiors he designed in Marfa.\n        </p>\n        <hr />\n        <p>\n          <strong>Lorem ipsum dolor</strong> sit amet consectetur adipisicing\n          elit. Ducimus eligendi obcaecati voluptate\n          <em>molestias vero nobis voluptatum</em>, tenetur dolorum assumenda.\n        </p>\n        <p>\n          Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis\n          eveniet aliquid laborum fugiat quibusdam id suscipit est temporibus\n          labore sint aliquam, laudantium tempore. Tenetur adipisci cumque\n          alias facilis animi. Illum.\n        </p>`}\n      />\n    </HTML>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Character cap with HTML content.\",\n      },\n    },\n  },\n}\n\nexport const WithCustomizableTypography = {\n  render: () => (\n    <HTML>\n      <ReadMore\n        maxLines={3}\n        content={`\n            <p>\n              Donald Judd, widely regarded as one of the most significant\n              American artists of <a href=\"#\">the post-war period</a>, is\n              perhaps best-known for the large-scale outdoor installations and\n              long, spacious interiors he designed in Marfa. Donald Judd, widely\n              regarded as one of the most significant American artists of the\n              post-war period, is perhaps best-known for the large-scale outdoor\n              installations and long, spacious interiors he designed in Marfa.\n            </p>\n            <hr />\n            <p>\n              <strong>Lorem ipsum dolor</strong> sit amet consectetur\n              adipisicing elit. Ducimus eligendi obcaecati voluptate\n              <em>molestias vero nobis voluptatum</em>, tenetur dolorum\n              assumenda.\n            </p>\n            <p>\n              Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis\n              eveniet aliquid laborum fugiat quibusdam id suscipit est\n              temporibus labore sint aliquam, laudantium tempore. Tenetur\n              adipisci cumque alias facilis animi. Illum.\n            </p>`}\n      />\n    </HTML>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"ReadMore with customizable typography using HTML wrapper.\",\n      },\n    },\n  },\n}\n\nexport const WithCustomizableTypography2 = {\n  render: () => (\n    <HTML variant=\"lg\">\n      <ReadMore\n        maxLines={3}\n        content={`<p>\n              Donald Judd, widely regarded as one of the most significant\n              American artists of <a href=\"#\">the post-war period</a>, is\n              perhaps best-known for the large-scale outdoor installations and\n              long, spacious interiors he designed in Marfa. Donald Judd, widely\n              regarded as one of the most significant American artists of the\n              post-war period, is perhaps best-known for the large-scale outdoor\n              installations and long, spacious interiors he designed in Marfa.\n            </p>\n            <hr />\n            <p>\n              <strong>Lorem ipsum dolor</strong> sit amet consectetur\n              adipisicing elit. Ducimus eligendi obcaecati voluptate\n              <em>molestias vero nobis voluptatum</em>, tenetur dolorum\n              assumenda.\n            </p>\n            <p>\n              Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis\n              eveniet aliquid laborum fugiat quibusdam id suscipit est\n              temporibus labore sint aliquam, laudantium tempore. Tenetur\n              adipisci cumque alias facilis animi. Illum.\n            </p>`}\n      />\n    </HTML>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"ReadMore with customizable large typography using HTML wrapper.\",\n      },\n    },\n  },\n}\n\nexport const CharacterCapWithHtmlDisabled = {\n  args: {\n    disabled: true,\n    maxLines: 3,\n    content: `<div>\n          Donald Judd, widely regarded as one of the most significant American\n          artists of <a href=\"#\">the post-war period</a>, is perhaps best-known\n          for the large-scale outdoor installations and long, spacious interiors\n          he designed in Marfa. Donald Judd, widely regarded as one of the most\n          significant American artists of the post-war period, is perhaps\n          best-known for the large-scale outdoor installations and long,\n          spacious interiors he designed in Marfa.\n        </div>`,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Character cap with HTML content when disabled.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/cjs/elements/ReadMore/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ReadMore","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/elements/ReadMore/index.tsx"],"sourcesContent":["export * from \"./ReadMore\"\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/elements/ResponsiveBox/ResponsiveBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveBox.js","names":["_proportionalScale","require","_react","_interopRequireDefault","_Box","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","responsiveScale","args","maxWidth","paddingBottom","width","aspectWidth","height","aspectHeight","rest","scaled","scale","concat","ResponsiveBox","exports","_ref","children","createElement","Box","position","overflow","style","aspectRatio","displayName"],"sources":["../../../../src/elements/ResponsiveBox/ResponsiveBox.tsx"],"sourcesContent":["import { paddingBottom, scale } from \"proportional-scale\"\nimport React from \"react\"\nimport { Box, BoxProps } from \"../Box\"\n\n/** ResponsiveBoxMaxDimensions */\nexport type ResponsiveBoxMaxDimensions =\n  | {\n      maxWidth: number\n      maxHeight: number\n    }\n  | { maxWidth: number }\n  | { maxHeight: number }\n  | { maxWidth: \"100%\" }\n\nexport interface ResponsiveBoxAspectDimensions {\n  aspectWidth: number\n  aspectHeight: number\n}\n\nconst responsiveScale = (\n  args: ResponsiveBoxAspectDimensions & ResponsiveBoxMaxDimensions\n) => {\n  if (\"maxWidth\" in args && args.maxWidth === \"100%\") {\n    return {\n      maxWidth: \"100%\",\n      paddingBottom: paddingBottom({\n        width: args.aspectWidth,\n        height: args.aspectHeight,\n      }),\n    }\n  }\n\n  const { aspectWidth: width, aspectHeight: height, ...rest } = args\n  const scaled = scale({ width, height, ...rest })\n\n  return {\n    maxWidth: `${scaled.width}px`,\n    paddingBottom: scaled.paddingBottom,\n  }\n}\n\n/** ResponsiveBoxProps */\nexport type ResponsiveBoxProps = Omit<BoxProps, \"maxWidth\" | \"maxHeight\"> &\n  ResponsiveBoxAspectDimensions &\n  ResponsiveBoxMaxDimensions\n\n/** ResponsiveBox */\nexport const ResponsiveBox: React.FC<React.PropsWithChildren<ResponsiveBoxProps>> = ({\n  aspectWidth,\n  aspectHeight,\n  children,\n  ...rest\n}) => {\n  const scaled = responsiveScale({ aspectHeight, aspectWidth, ...rest })\n\n  return (\n    <Box\n      position=\"relative\"\n      width=\"100%\"\n      overflow=\"hidden\"\n      style={{\n        aspectRatio: `${aspectWidth} / ${aspectHeight}`,\n        maxWidth: scaled.maxWidth,\n      }}\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n}\n\nResponsiveBox.displayName = \"ResponsiveBox\"\n"],"mappings":";;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAAsC,IAAAI,SAAA;EAAAC,UAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAhB,MAAA,CAAAgB,IAAA,CAAAF,MAAA,OAAAd,MAAA,CAAAiB,qBAAA,QAAAC,OAAA,GAAAlB,MAAA,CAAAiB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAApB,MAAA,CAAAqB,wBAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAE,UAAA,OAAAN,IAAA,CAAAO,IAAA,CAAAX,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAArB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAS,OAAA,CAAAb,MAAA,CAAAO,MAAA,OAAAkB,OAAA,WAAAjB,GAAA,IAAAkB,eAAA,CAAAvB,MAAA,EAAAK,GAAA,EAAAD,MAAA,CAAAC,GAAA,SAAAR,MAAA,CAAA2B,yBAAA,GAAA3B,MAAA,CAAA4B,gBAAA,CAAAzB,MAAA,EAAAH,MAAA,CAAA2B,yBAAA,CAAApB,MAAA,KAAAM,OAAA,CAAAb,MAAA,CAAAO,MAAA,GAAAkB,OAAA,WAAAjB,GAAA,IAAAR,MAAA,CAAA6B,cAAA,CAAA1B,MAAA,EAAAK,GAAA,EAAAR,MAAA,CAAAqB,wBAAA,CAAAd,MAAA,EAAAC,GAAA,iBAAAL,MAAA;AAAA,SAAAuB,gBAAA9B,GAAA,EAAAY,GAAA,EAAAsB,KAAA,IAAAtB,GAAA,GAAAuB,cAAA,CAAAvB,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAI,MAAA,CAAA6B,cAAA,CAAAjC,GAAA,EAAAY,GAAA,IAAAsB,KAAA,EAAAA,KAAA,EAAAR,UAAA,QAAAU,YAAA,QAAAC,QAAA,oBAAArC,GAAA,CAAAY,GAAA,IAAAsB,KAAA,WAAAlC,GAAA;AAAA,SAAAmC,eAAAG,GAAA,QAAA1B,GAAA,GAAA2B,YAAA,CAAAD,GAAA,oBAAAE,OAAA,CAAA5B,GAAA,iBAAAA,GAAA,GAAA6B,MAAA,CAAA7B,GAAA;AAAA,SAAA2B,aAAAG,KAAA,EAAAC,IAAA,QAAAH,OAAA,CAAAE,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAA7B,IAAA,CAAA2B,KAAA,EAAAC,IAAA,oBAAAH,OAAA,CAAAQ,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAxC,MAAA,EAAAyC,QAAA,QAAAzC,MAAA,yBAAAJ,MAAA,GAAA8C,6BAAA,CAAA1C,MAAA,EAAAyC,QAAA,OAAAxC,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAiB,qBAAA,QAAAiC,gBAAA,GAAAlD,MAAA,CAAAiB,qBAAA,CAAAV,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAA0C,gBAAA,CAAA9C,CAAA,OAAA4C,QAAA,CAAAG,OAAA,CAAA3C,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAA2C,oBAAA,CAAAzC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAA8C,8BAAA1C,MAAA,EAAAyC,QAAA,QAAAzC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAArD,MAAA,CAAAgB,IAAA,CAAAT,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAA6C,UAAA,CAAAjD,CAAA,OAAA4C,QAAA,CAAAG,OAAA,CAAA3C,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEtC;;AAeA,IAAMmD,eAAe,GAAG,SAAlBA,eAAeA,CACnBC,IAAgE,EAC7D;EACH,IAAI,UAAU,IAAIA,IAAI,IAAIA,IAAI,CAACC,QAAQ,KAAK,MAAM,EAAE;IAClD,OAAO;MACLA,QAAQ,EAAE,MAAM;MAChBC,aAAa,EAAE,IAAAA,gCAAa,EAAC;QAC3BC,KAAK,EAAEH,IAAI,CAACI,WAAW;QACvBC,MAAM,EAAEL,IAAI,CAACM;MACf,CAAC;IACH,CAAC;EACH;EAEA,IAAqBH,KAAK,GAAoCH,IAAI,CAA1DI,WAAW;IAAuBC,MAAM,GAAcL,IAAI,CAAtCM,YAAY;IAAaC,IAAI,GAAAf,wBAAA,CAAKQ,IAAI,EAAA7D,SAAA;EAClE,IAAMqE,MAAM,GAAG,IAAAC,wBAAK,EAAAxC,aAAA;IAAGkC,KAAK,EAALA,KAAK;IAAEE,MAAM,EAANA;EAAM,GAAKE,IAAI,EAAG;EAEhD,OAAO;IACLN,QAAQ,KAAAS,MAAA,CAAKF,MAAM,CAACL,KAAK,OAAI;IAC7BD,aAAa,EAAEM,MAAM,CAACN;EACxB,CAAC;AACH,CAAC;;AAED;;AAKA;AACO,IAAMS,aAAoE,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAvEA,aAAoEA,CAAAE,IAAA,EAK3E;EAAA,IAJJT,WAAW,GAAAS,IAAA,CAAXT,WAAW;IACXE,YAAY,GAAAO,IAAA,CAAZP,YAAY;IACZQ,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACLP,IAAI,GAAAf,wBAAA,CAAAqB,IAAA,EAAAzE,UAAA;EAEP,IAAMoE,MAAM,GAAGT,eAAe,CAAA9B,aAAA;IAAGqC,YAAY,EAAZA,YAAY;IAAEF,WAAW,EAAXA;EAAW,GAAKG,IAAI,EAAG;EAEtE,oBACEvE,MAAA,CAAAO,OAAA,CAAAwE,aAAA,CAAC7E,IAAA,CAAA8E,GAAG,EAAAxE,QAAA;IACFyE,QAAQ,EAAC,UAAU;IACnBd,KAAK,EAAC,MAAM;IACZe,QAAQ,EAAC,QAAQ;IACjBC,KAAK,EAAE;MACLC,WAAW,KAAAV,MAAA,CAAKN,WAAW,SAAAM,MAAA,CAAMJ,YAAY,CAAE;MAC/CL,QAAQ,EAAEO,MAAM,CAACP;IACnB;EAAE,GACEM,IAAI,GAEPO,QAAQ,CACL;AAEV,CAAC;AAtBYH,aAAoE,CAAAU,WAAA;AAwBjFV,aAAa,CAACU,WAAW,GAAG,eAAe"}

package/dist/cjs/elements/ResponsiveBox/ResponsiveBox.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveBox.story.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Box","_Text","_Image","_ResponsiveBox","_storybookBlocklist","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","Measure","props","_useState","useState","width","height","_useState2","dimensions","setDimensions","ref","useRef","check","current","offsetWidth","offsetHeight","useEffect","requestAnimationFrame","window","addEventListener","removeEventListener","createElement","Box","p","Text","variant","color","aspectWidth","aspectHeight","Fragment","maxHeight","maxWidth","join","displayName","EXAMPLE_ASPECTS","EXAMPLE_MAXIMUMS","_default","exports","component","ResponsiveBox","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Basic","render","map","aspect","maximum","j","bg","my","story","MaxWidth100","Masonry","styled","withConfig","componentId","ColumnsWithResponsiveImages","fill","_","orientation","mb","Image","lazyLoad","src","concat","srcSet"],"sources":["../../../../src/elements/ResponsiveBox/ResponsiveBox.story.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Box } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Image } from \"../Image\"\nimport {\n  ResponsiveBox,\n  ResponsiveBoxAspectDimensions,\n  ResponsiveBoxMaxDimensions,\n  ResponsiveBoxProps,\n} from \"./ResponsiveBox\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst Measure: React.FC<React.PropsWithChildren<ResponsiveBoxProps>> = (\n  props\n) => {\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n\n  const ref = useRef<null | HTMLDivElement>(null)\n\n  const check = () => {\n    if (!ref.current) return\n    setDimensions({\n      width: ref.current!.offsetWidth,\n      height: ref.current!.offsetHeight,\n    })\n  }\n\n  useEffect(() => {\n    requestAnimationFrame(check)\n    window.addEventListener(\"resize\", check)\n    return () => {\n      window.removeEventListener(\"resize\", check)\n    }\n  })\n\n  return (\n    <Box width=\"100%\" height=\"100%\" p={1} ref={ref as any}>\n      <Text variant=\"xs\" color=\"mono0\">\n        {props.aspectWidth}:{props.aspectHeight}\n        <br />\n        {(\"maxWidth\" in props || \"maxHeight\" in props) && (\n          <>\n            with max dimensions of{\" \"}\n            {[\n              (props as any).maxHeight || 0,\n              (props as any).maxWidth || \"_\",\n            ].join(\" × \")}\n            <br />\n          </>\n        )}\n        Renders @ {dimensions.width} × {dimensions.height}\n      </Text>\n    </Box>\n  )\n}\n\nconst EXAMPLE_ASPECTS: ResponsiveBoxAspectDimensions[] = [\n  { aspectWidth: 300, aspectHeight: 400 },\n  { aspectWidth: 400, aspectHeight: 300 },\n]\n\nconst EXAMPLE_MAXIMUMS: ResponsiveBoxMaxDimensions[] = [\n  { maxHeight: 200, maxWidth: 200 },\n  { maxHeight: 400, maxWidth: 400 },\n  { maxHeight: 400 },\n  { maxWidth: 400 },\n  { maxHeight: 600, maxWidth: 600 },\n  { maxHeight: 100, maxWidth: 600 },\n  { maxHeight: 1024, maxWidth: 1024 },\n]\n\nexport default {\n  component: ResponsiveBox,\n  title: \"Components/ResponsiveBox\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A responsive container that maintains aspect ratio and optionally constrains maximum dimensions.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Basic = {\n  render: () => (\n    <>\n      {EXAMPLE_ASPECTS.map((aspect, i) =>\n        EXAMPLE_MAXIMUMS.map((maximum, j) => {\n          return (\n            <ResponsiveBox\n              key={[i, j].join(\".\")}\n              {...aspect}\n              {...maximum}\n              bg=\"brand\"\n              my={2}\n            >\n              <Measure {...aspect} {...maximum} />\n            </ResponsiveBox>\n          )\n        })\n      )}\n    </>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Basic responsive boxes with various aspect ratios and maximum dimensions.\",\n      },\n    },\n  },\n}\n\nexport const MaxWidth100 = {\n  render: () => (\n    <>\n      {EXAMPLE_ASPECTS.map((aspect, i) => {\n        return (\n          <ResponsiveBox key={i} {...aspect} maxWidth=\"100%\" bg=\"brand\" my={2}>\n            <Measure {...aspect} maxWidth=\"100%\" />\n          </ResponsiveBox>\n        )\n      })}\n    </>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Responsive boxes constrained to 100% maximum width.\",\n      },\n    },\n  },\n}\n\nconst Masonry = styled(Box)`\n  column-count: 3;\n\n  * {\n    break-inside: avoid;\n  }\n`\n\nexport const ColumnsWithResponsiveImages = {\n  render: () => (\n    <Masonry>\n      {new Array(12).fill(0).map((_, i) => {\n        const orientation = i % 3 === 0 ? \"portrait\" : \"landscape\"\n        const width = orientation === \"portrait\" ? 200 : 300\n        const height = orientation === \"portrait\" ? 300 : 200\n\n        return (\n          // Simply being wrapped in an extra `Box` causes a image loading bug in Chrome\n          <Box key={i}>\n            <ResponsiveBox\n              aspectWidth={width}\n              aspectHeight={height}\n              maxWidth=\"100%\"\n              bg=\"mono10\"\n              mb={2}\n            >\n              <Image\n                lazyLoad\n                width=\"100%\"\n                height=\"100%\"\n                src={`https://picsum.photos/seed/${i}/${width}/${height}`}\n                srcSet={`https://picsum.photos/seed/${i}/${width}/${height} 1x, https://picsum.photos/seed/${i}/${\n                  width * 2\n                }/${height * 2} 2x`}\n              />\n            </ResponsiveBox>\n          </Box>\n        )\n      })}\n    </Masonry>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Responsive images in a masonry layout with different orientations.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/cjs/elements/ResponsiveBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ResponsiveBox","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/elements/ResponsiveBox/index.ts"],"sourcesContent":["export * from \"./ResponsiveBox\"\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/elements/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_helpers","_RequiredField","_Box","_Text","_Tooltip","_tokens","_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","Select","exports","forwardRef","_ref","ref","description","disabled","error","focus","hover","id","options","required","selected","title","onSelect","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","selectProps","_useState","useState","_useState2","selectedOption","setSelectedOption","_useState3","_useState4","isFocused","setIsFocused","_useState5","_useState6","isHovered","setIsHovered","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","Container","mt","onMouseEnter","onMouseLeave","onFocus","onBlur","optionSelected","event","map","_ref2","text","StyledLabel","htmlFor","RequiredField","ml","displayName","resetMixin","css","caretMixin","themeGet","_ref3","styled","withConfig","componentId","props","SELECT_STATES","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../../src/elements/Select/Select.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useState } from \"react\"\nimport styled, { css, ExecutionContext } from \"styled-components\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { SELECT_STATES } from \"./tokens\"\n\nexport interface Option {\n  value: string\n  text: string\n}\n\nexport interface SelectProps\n  extends BoxProps,\n    Omit<React.SelectHTMLAttributes<HTMLSelectElement>, \"onSelect\" | \"size\"> {\n  description?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  name?: string\n  options: Option[]\n  required?: boolean\n  selected?: string\n  title?: string\n  onSelect?: (value: string) => void\n}\n\n/** A drop-down select menu */\nexport const Select = forwardRef<HTMLElement, SelectProps>(\n  (\n    {\n      description,\n      disabled,\n      error,\n      focus,\n      hover,\n      id,\n      name,\n      options,\n      required,\n      selected,\n      title,\n      onSelect,\n      onChange,\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, selectProps] = splitBoxProps(rest)\n    // due to :has not available in Firefox yet, we need to add the styles to the label using JS\n    const [selectedOption, setSelectedOption] = useState(selected || value)\n    const [isFocused, setIsFocused] = useState(false)\n    const [isHovered, setIsHovered] = useState(false)\n\n    return (\n      <Box width=\"100%\" {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"mono60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Container\n          mt={!!title && !description ? 1 : 0}\n          disabled={!!disabled}\n          hover={!!hover || isHovered}\n          error={error!}\n          focus={!!focus || isFocused}\n          title={title}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          optionSelected={!!selectedOption}\n        >\n          <select\n            ref={ref as any}\n            id={id}\n            disabled={disabled}\n            name={name}\n            value={selected || value}\n            onChange={(event) => {\n              onSelect && onSelect(event.target.value)\n              onChange && onChange(event)\n              setSelectedOption(event.target.value)\n            }}\n            {...selectProps}\n          >\n            {options.map(({ value, text }) => {\n              return (\n                <option value={value} key={value}>\n                  {text}\n                </option>\n              )\n            })}\n          </select>\n\n          {!!title && (\n            <StyledLabel htmlFor={id}>\n              {title}\n\n              <span />\n            </StyledLabel>\n          )}\n        </Container>\n\n        {required && !(error && typeof error === \"string\") && (\n          <RequiredField mt={0.5} ml={1} disabled={disabled} />\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nSelect.displayName = \"Select\"\n\nconst resetMixin = css`\n  appearance: none;\n  background: none;\n  border: none;\n  outline: 0;\n  text-indent: 0.01px;\n  text-overflow: \"\";\n  border-radius: 0;\n\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 black;\n  }\n\n  option:not(:checked) {\n    color: black; /* prevent <option>s from becoming transparent as well */\n  }\n`\n\ninterface CaretProps extends ExecutionContext {\n  disabled?: boolean\n}\n\n/** Creates a small caret */\nexport const caretMixin = css`\n  &::after {\n    content: \"\";\n    cursor: inherit;\n    width: 0;\n    height: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: ${themeGet(\"space.1\")};\n    pointer-events: none;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 4px solid\n      ${({ disabled }: CaretProps) => {\n        return disabled ? themeGet(\"colors.mono10\") : themeGet(\"colors.mono100\")\n      }};\n  }\n`\n\ntype ContainerProps = Required<\n  Pick<SelectProps, \"disabled\" | \"error\" | \"hover\" | \"focus\">\n  // adding optionSelected here to use it locally without adding it to the Select's props\n> & { optionSelected: boolean }\n\nconst Container = styled(Box)<ContainerProps>`\n  position: relative;\n  width: 100%;\n\n  > select {\n    ${resetMixin};\n    width: 100%;\n    /* 24px = space.1 + 4px-wide caret + space.1 */\n    padding: 0 24px 0 ${themeGet(\"space.1\")};\n    font-family: ${themeGet(\"fonts.sans\")};\n    border: 1px solid;\n    border-radius: 3px;\n    border-color: ${themeGet(\"colors.mono30\")};\n    cursor: pointer;\n    line-height: 1;\n    transition: color 0.25s, background-color 0.25s, border-color 0.25s;\n\n    ${(props) => {\n      return css`\n        ${SELECT_STATES.default}\n\n        ${props.hover && SELECT_STATES.hover}\n        ${props.focus && SELECT_STATES.focus}\n        ${props.disabled && SELECT_STATES.disabled}\n        ${props.error && SELECT_STATES.error}\n\n        &:hover {\n          ${SELECT_STATES.hover}\n        }\n\n        &:focus {\n          ${SELECT_STATES.focus}\n        }\n\n        &:disabled {\n          cursor: default;\n          ${SELECT_STATES.disabled}\n        }\n\n        &:not(:focus):not(:has(option[value=\"\"]:checked)) {\n          ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n          ${props.error && SELECT_STATES.error}\n        }\n\n        &:not(:focus) {\n          // Firefox polyfill for :has\n          ${!!props.optionSelected &&\n          css`\n            ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n            ${props.error && SELECT_STATES.error}\n          `}\n        }\n\n        &:not(:focus):has(option[value=\"\"]:checked) {\n          ${props.title &&\n          css`\n            color: transparent;\n          `}\n        }\n\n        &:not(:focus) {\n          // Firefox polyfill for :has\n          ${props.title &&\n          !props.optionSelected &&\n          css`\n            color: transparent;\n          `}\n        }\n      `\n    }};\n  }\n\n  ${caretMixin}\n`\n\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  padding: 0 5px;\n  pointer-events: none;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, font-size, transform;\n  background-color: transparent;\n  font-family: ${themeGet(\"fonts.sans\")};\n\n  & > span {\n    background-color: ${themeGet(\"colors.mono0\")};\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,QAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAAwC,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,IAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,UAAAwB,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,iBAAAM,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;AAuBxC;AACO,IAAMoD,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC9B,UAAAC,IAAA,EAkBEC,GAAG,EACA;EAAA,IAjBDC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,EAAE,GAAAP,IAAA,CAAFO,EAAE;IACF1C,IAAI,GAAAmC,IAAA,CAAJnC,IAAI;IACJ2C,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,SAAQ,GAAAb,IAAA,CAARa,QAAQ;IACR7B,KAAK,GAAAgB,IAAA,CAALhB,KAAK;IACF8B,IAAI,GAAA1B,wBAAA,CAAAY,IAAA,EAAAlF,SAAA;EAIT,IAAAiG,cAAA,GAAgC,IAAAC,kBAAa,EAACF,IAAI,CAAC;IAAAG,eAAA,GAAAlE,cAAA,CAAAgE,cAAA;IAA5CG,QAAQ,GAAAD,eAAA;IAAEE,WAAW,GAAAF,eAAA;EAC5B;EACA,IAAAG,SAAA,GAA4C,IAAAC,eAAQ,EAACX,QAAQ,IAAI1B,KAAK,CAAC;IAAAsC,UAAA,GAAAvE,cAAA,CAAAqE,SAAA;IAAhEG,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EACxC,IAAAG,UAAA,GAAkC,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAAK,UAAA,GAAA3E,cAAA,CAAA0E,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAkC,IAAAR,eAAQ,EAAC,KAAK,CAAC;IAAAS,UAAA,GAAA/E,cAAA,CAAA8E,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAE9B,oBACEzH,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACvH,IAAA,CAAAwH,GAAG,EAAA5F,QAAA;IAAC6F,KAAK,EAAC;EAAM,GAAKjB,QAAQ,GAC3B,CAAC,CAAChB,WAAW,iBACZ7F,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACrH,QAAA,CAAAwH,OAAO;IAACC,OAAO;IAACC,OAAO,EAAEpC,WAAY;IAACqC,SAAS,EAAC;EAAS,gBACxDlI,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACtH,KAAA,CAAA6H,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,SAAS,EAAC;EAAO,gBACjDtI,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,YAAG,eAAa,CAAI,CACf,CAEV,eAED5H,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACW,SAAS;IACRC,EAAE,EAAE,CAAC,CAAClC,KAAK,IAAI,CAACT,WAAW,GAAG,CAAC,GAAG,CAAE;IACpCC,QAAQ,EAAE,CAAC,CAACA,QAAS;IACrBG,KAAK,EAAE,CAAC,CAACA,KAAK,IAAIyB,SAAU;IAC5B3B,KAAK,EAAEA,KAAO;IACdC,KAAK,EAAE,CAAC,CAACA,KAAK,IAAIsB,SAAU;IAC5BhB,KAAK,EAAEA,KAAM;IACbmC,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQd,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IACvCe,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQf,YAAY,CAAC,KAAK,CAAC;IAAA,CAAC;IACxCgB,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQpB,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IAClCqB,MAAM,EAAE,SAARA,MAAMA,CAAA;MAAA,OAAQrB,YAAY,CAAC,KAAK,CAAC;IAAA,CAAC;IAClCsB,cAAc,EAAE,CAAC,CAAC3B;EAAe,gBAEjClH,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,WAAA3F,QAAA;IACE2D,GAAG,EAAEA,GAAW;IAChBM,EAAE,EAAEA,EAAG;IACPJ,QAAQ,EAAEA,QAAS;IACnBtC,IAAI,EAAEA,IAAK;IACXmB,KAAK,EAAE0B,QAAQ,IAAI1B,KAAM;IACzB6B,QAAQ,EAAE,SAAVA,QAAQA,CAAGsC,KAAK,EAAK;MACnBvC,QAAQ,IAAIA,QAAQ,CAACuC,KAAK,CAAC1G,MAAM,CAACuC,KAAK,CAAC;MACxC6B,SAAQ,IAAIA,SAAQ,CAACsC,KAAK,CAAC;MAC3B3B,iBAAiB,CAAC2B,KAAK,CAAC1G,MAAM,CAACuC,KAAK,CAAC;IACvC;EAAE,GACEmC,WAAW,GAEdX,OAAO,CAAC4C,GAAG,CAAC,UAAAC,KAAA,EAAqB;IAAA,IAAlBrE,KAAK,GAAAqE,KAAA,CAALrE,KAAK;MAAEsE,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACzB,oBACEjJ,MAAA,CAAAkB,OAAA,CAAA0G,aAAA;MAAQjD,KAAK,EAAEA,KAAM;MAAChD,GAAG,EAAEgD;IAAM,GAC9BsE,IAAI,CACE;EAEb,CAAC,CAAC,CACK,EAER,CAAC,CAAC3C,KAAK,iBACNtG,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACsB,WAAW;IAACC,OAAO,EAAEjD;EAAG,GACtBI,KAAK,eAENtG,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,cAAQ,CAEX,CACS,EAEXxB,QAAQ,IAAI,EAAEL,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,CAAC,iBAChD/F,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACxH,cAAA,CAAAgJ,aAAa;IAACZ,EAAE,EAAE,GAAI;IAACa,EAAE,EAAE,CAAE;IAACvD,QAAQ,EAAEA;EAAS,EACnD,EAEAC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,iBACjC/F,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACtH,KAAA,CAAA6H,IAAI;IAACC,OAAO,EAAC,IAAI;IAACI,EAAE,EAAE,GAAI;IAACa,EAAE,EAAE,CAAE;IAAChB,KAAK,EAAC;EAAQ,GAC9CtC,KAAK,CAET,CACG;AAEV,CAAC,CACF;AAEDP,MAAM,CAAC8D,WAAW,GAAG,QAAQ;AAE7B,IAAMC,UAAU,OAAGC,qBAAG,iNAiBrB;AAMD;AACO,IAAMC,UAAU,GAAAhE,OAAA,CAAAgE,UAAA,OAAGD,qBAAG,kPAShB,IAAAE,kBAAQ,EAAC,SAAS,CAAC,EAKxB,UAAAC,KAAA,EAA8B;EAAA,IAA3B7D,QAAQ,GAAA6D,KAAA,CAAR7D,QAAQ;EACX,OAAOA,QAAQ,GAAG,IAAA4D,kBAAQ,EAAC,eAAe,CAAC,GAAG,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;AAC1E,CAAC,CAEN;AAOD,IAAMnB,SAAS,GAAG,IAAAqB,yBAAM,EAAC/B,QAAG,CAAC,CAAAgC,UAAA;EAAAP,WAAA;EAAAQ,WAAA;AAAA,mQAKvBP,UAAU,EAGQ,IAAAG,kBAAQ,EAAC,SAAS,CAAC,EACxB,IAAAA,kBAAQ,EAAC,YAAY,CAAC,EAGrB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKvC,UAACK,KAAK,EAAK;EACX,WAAOP,qBAAG,iPACNQ,qBAAa,CAAC9I,OAAO,EAErB6I,KAAK,CAAC9D,KAAK,IAAI+D,qBAAa,CAAC/D,KAAK,EAClC8D,KAAK,CAAC/D,KAAK,IAAIgE,qBAAa,CAAChE,KAAK,EAClC+D,KAAK,CAACjE,QAAQ,IAAIkE,qBAAa,CAAClE,QAAQ,EACxCiE,KAAK,CAAChE,KAAK,IAAIiE,qBAAa,CAACjE,KAAK,EAGhCiE,qBAAa,CAAC/D,KAAK,EAInB+D,qBAAa,CAAChE,KAAK,EAKnBgE,qBAAa,CAAClE,QAAQ,EAItB,EAAEiE,KAAK,CAACjE,QAAQ,IAAIiE,KAAK,CAAC/D,KAAK,CAAC,IAAIgE,qBAAa,CAACC,SAAS,EAC3DF,KAAK,CAAChE,KAAK,IAAIiE,qBAAa,CAACjE,KAAK,EAKlC,CAAC,CAACgE,KAAK,CAAClB,cAAc,QACxBW,qBAAG,iBACC,EAAEO,KAAK,CAACjE,QAAQ,IAAIiE,KAAK,CAAC/D,KAAK,CAAC,IAAIgE,qBAAa,CAACC,SAAS,EAC3DF,KAAK,CAAChE,KAAK,IAAIiE,qBAAa,CAACjE,KAAK,CACrC,EAICgE,KAAK,CAACzD,KAAK,QACbkD,qBAAG,yBAEF,EAKCO,KAAK,CAACzD,KAAK,IACb,CAACyD,KAAK,CAAClB,cAAc,QACrBW,qBAAG,yBAEF;AAGP,CAAC,EAGDC,UAAU,CACb;AAED,IAAMP,WAAW,GAAGU,yBAAM,CAACM,KAAK,CAAAL,UAAA;EAAAP,WAAA;EAAAQ,WAAA;AAAA,yYAOhBK,gCAAuB,EAGtB,IAAAT,kBAAQ,EAAC,YAAY,CAAC,EAGf,IAAAA,kBAAQ,EAAC,cAAc,CAAC,EAQ9BS,gCAAuB,CAIxC"}

package/dist/cjs/elements/Select/Select.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.story.js","names":["_Select","require","_storybookBlocklist","_default","exports","default","component","Select","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","OPTIONS","text","value","Default","args","options","story","Focus","focus","Hover","hover","WithError","error","Disabled","disabled","WithTitle","WithTitleAndDescription","WithTitleAndFocus","WithTitleAndHover","WithTitleAndError","WithTitleDisabled","Required","required","WithSelectedValue","selected","WithCustomId","id","WithDescriptionOnly"],"sources":["../../../../src/elements/Select/Select.story.tsx"],"sourcesContent":["import { Select } from \"./Select\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Select,\n  title: \"Components/Select\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A styled select dropdown component with options, states, and form validation.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nconst OPTIONS = [\n  { text: \"Please select\", value: \"\" },\n  { text: \"Default\", value: \"-decayed_merch\" },\n  { text: \"Price (desc.)\", value: \"-has_price,-prices\" },\n  { text: \"Price (asc.)\", value: \"-has_price,prices\" },\n  { text: \"Recently updated\", value: \"-partner_updated_at\" },\n  { text: \"Recently added\", value: \"-published_at\" },\n  { text: \"Artwork year (desc.)\", value: \"-year\" },\n  { text: \"Artwork year (asc.)\", value: \"year\" },\n]\n\nexport const Default = {\n  args: {\n    options: OPTIONS,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Default Select component.\",\n      },\n    },\n  },\n}\n\nexport const Focus = {\n  args: {\n    options: OPTIONS,\n    focus: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with focus state.\",\n      },\n    },\n  },\n}\n\nexport const Hover = {\n  args: {\n    options: OPTIONS,\n    hover: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with hover state.\",\n      },\n    },\n  },\n}\n\nexport const WithError = {\n  args: {\n    options: OPTIONS,\n    error: \"Something went wrong.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with error state.\",\n      },\n    },\n  },\n}\n\nexport const Disabled = {\n  args: {\n    options: OPTIONS,\n    disabled: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select disabled state.\",\n      },\n    },\n  },\n}\n\nexport const WithTitle = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleAndDescription = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    description: \"A description of sorting\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and description.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleAndFocus = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    focus: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and focus state.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleAndHover = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    hover: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and hover state.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleAndError = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    error: \"Something went wrong.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and error state.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleDisabled = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    disabled: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and disabled state.\",\n      },\n    },\n  },\n}\n\nexport const Required = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    required: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with required state.\",\n      },\n    },\n  },\n}\n\nexport const WithSelectedValue = {\n  args: {\n    options: OPTIONS,\n    selected: \"year\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with pre-selected value.\",\n      },\n    },\n  },\n}\n\nexport const WithCustomId = {\n  args: {\n    options: OPTIONS,\n    title: \"Pick something\",\n    required: true,\n    id: \"pick\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with custom id.\",\n      },\n    },\n  },\n}\n\nexport const WithDescriptionOnly = {\n  args: {\n    options: OPTIONS,\n    title: \"Pick something\",\n    description: \"This matters a lot.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with descriptive text.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/cjs/elements/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Select","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/elements/Select/index.tsx"],"sourcesContent":["export * from \"./Select\"\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/elements/Select/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SELECT_STATES","exports","default","css","themeGet","_ref","optionSelected","focus","_ref2","hover","_ref3","disabled","completed","_ref4","_ref5","error"],"sources":["../../../../src/elements/Select/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, ExecutionContext } from \"styled-components\"\nimport { State } from \"./types\"\n\ninterface SelectProps extends ExecutionContext {\n  optionSelected?: boolean\n  disabled?: boolean\n}\n\nexport const SELECT_STATES: Record<State, any> = {\n  default: css`\n    height: 50px;\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n\n    + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    &:has(option[value=\"\"]:checked) + label {\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      !optionSelected &&\n      css`\n        + label {\n          text-decoration: underline;\n        }\n      `}\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.blue100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n    text-decoration: underline;\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    &:has(option[value=\"\"]:checked):not(:disabled) + label {\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected, disabled }: SelectProps) =>\n      !optionSelected &&\n      !disabled &&\n      css`\n        + label {\n          color: ${themeGet(\"colors.blue100\")};\n          text-decoration: underline;\n        }\n      `}\n  `,\n  completed: css`\n    border-color: ${themeGet(\"colors.mono60\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  disabled: css`\n    color: ${themeGet(\"colors.mono30\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.mono30\")};\n      text-decoration: none;\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  error: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.red100\")};\n\n    + label {\n      color: ${themeGet(\"colors.red100\")};\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAQO,IAAME,aAAiC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC/CE,OAAO,MAAEC,qBAAG,gOAEG,IAAAC,kBAAQ,EAAC,kCAAkC,CAAC,EAChD,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAK5C,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAC,IAAA;IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDG,KAAK,MAAEJ,qBAAG,oOACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EAajD,UAAAI,KAAA;IAAA,IAAGF,cAAc,GAAAE,KAAA,CAAdF,cAAc;IAAA,OACjB,CAACA,cAAc,QACfH,qBAAG,0CAIF;EAAA,EACJ;EACDM,KAAK,MAAEN,qBAAG,sLACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAKnC,UAAAM,KAAA;IAAA,IAAGJ,cAAc,GAAAI,KAAA,CAAdJ,cAAc;MAAEK,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAC3B,CAACL,cAAc,IACf,CAACK,QAAQ,QACTR,qBAAG,sDAEU,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CAGtC;EAAA,EACJ;EACDQ,SAAS,MAAET,qBAAG,gMACI,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKrB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAS,KAAA;IAAA,IAAGP,cAAc,GAAAO,KAAA,CAAdP,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDO,QAAQ,MAAER,qBAAG,gOACF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAClB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAMrB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAU,KAAA;IAAA,IAAGR,cAAc,GAAAQ,KAAA,CAAdR,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDW,KAAK,MAAEZ,qBAAG,yDACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC;AAGxC,CAAC"}

package/dist/cjs/elements/Select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Select/types.ts"],"sourcesContent":["export type State =\n  | \"default\"\n  | \"focus\"\n  | \"hover\"\n  | \"disabled\"\n  | \"error\"\n  | \"completed\"\n"],"mappings":""}

package/dist/cjs/elements/SelectInput/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_utils","_Box","_Text","_tokens","_RequiredField","_SelectInputList","_Select","_Clickable","_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","SelectInput","exports","React","forwardRef","_ref","forwardedRef","className","enableSearch","disabled","dropdownValue","error","focus","hover","label","inputValue","onSelect","options","required","selectWidth","optionTextMinWidth","rest","Error","inputRef","useRef","containerRef","defaultOption","useMemo","find","option","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useState","useState","_useState2","open","setOpen","_useState3","_useState4","selectedOption","setSelectedOption","_usePosition","usePosition","position","offset","active","flip","anchorRef","tooltipRef","_useWidthOf","useWidthOf","ref","width","inputName","handleSelect","_inputRef$current","current","handleFocusChange","useCallback","focused","_useContainsFocus","useContainsFocus","onChange","containsFocusRef","handleClose","createElement","Box","composeRefs","SelectInputContainer","placeholder","SelectInputSelect","onClick","text","SelectInputInput","maxLength","SelectInputLabel","htmlFor","SelectInputDropdown","role","SelectInputList","onClose","RequiredField","mt","ml","Text","variant","mr","color","textAlign","displayName","styled","withConfig","componentId","props","css","SELECT_INPUT_STATES","completed","Clickable","caretMixin","p","_p$width","themeGet","input","systemHeight"],"sources":["../../../../src/elements/SelectInput/SelectInput.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback, useMemo, useRef, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { height as systemHeight } from \"styled-system\"\nimport { useContainsFocus, usePosition, useWidthOf } from \"../../utils\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { InputProps } from \"../Input\"\nimport { Text, TextProps } from \"../Text\"\nimport { SELECT_INPUT_STATES } from \"./tokens\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Option, SelectInputList } from \"./SelectInputList\"\nimport { caretMixin } from \"../Select\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\n\nexport interface SelectInputProps extends Omit<InputProps, \"onSelect\"> {\n  active?: boolean\n  enableSearch?: boolean\n  disabled?: boolean\n  dropdownValue?: string\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  inputValue?: string\n  label: string\n  onSelect: (option: Option) => void\n  options: Option[]\n  required?: boolean\n  /** Controls the width of the left hand select dropdown UI */\n  selectWidth?: ClickableProps[\"width\"]\n  /** Controls the gap between the text and name labels in select options */\n  optionTextMinWidth?: TextProps[\"minWidth\"]\n}\n\nexport const SelectInput = React.forwardRef<HTMLInputElement, SelectInputProps>(\n  (\n    {\n      className,\n      enableSearch,\n      disabled,\n      dropdownValue,\n      error,\n      focus,\n      hover,\n      label,\n      inputValue,\n      onSelect,\n      options,\n      required,\n      selectWidth,\n      optionTextMinWidth,\n      ...rest\n    },\n    forwardedRef\n  ) => {\n    if (options.length === 0) {\n      throw new Error(\n        \"Palette SelectInput requires at least 1 option in the options prop\"\n      )\n    }\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const containerRef = useRef<HTMLDivElement | null>(null)\n\n    const defaultOption = useMemo(\n      () =>\n        dropdownValue &&\n        options.find((option) => option.value === dropdownValue),\n      [dropdownValue, options]\n    )\n\n    const [boxProps, inputProps] = splitBoxProps(rest)\n\n    const [open, setOpen] = useState(false)\n    const [selectedOption, setSelectedOption] = useState(\n      defaultOption || options[0]\n    )\n\n    const { anchorRef, tooltipRef } = usePosition({\n      position: \"bottom\",\n      offset: 10,\n      active: open,\n      flip: false,\n    })\n\n    const { width } = useWidthOf({ ref: anchorRef })\n\n    const inputName = inputProps.name || \"palette-select-input\"\n\n    const handleSelect = (option: Option) => {\n      setSelectedOption(option)\n      setOpen(false)\n      inputRef.current?.focus()\n      onSelect?.(option)\n    }\n\n    const handleFocusChange = useCallback(\n      (focused: boolean) => {\n        if (focused || !open) return\n        setOpen(false)\n      },\n      [open]\n    )\n\n    // Handle closing the dropdown when clicking outside of the input\n    // or when focus leaves the input completely\n    const { ref: containsFocusRef } = useContainsFocus({\n      onChange: handleFocusChange,\n    })\n\n    const handleClose = () => {\n      setOpen(false)\n    }\n\n    return (\n      <Box\n        ref={composeRefs(containerRef, containsFocusRef) as any}\n        width=\"100%\"\n        className={className}\n        {...boxProps}\n      >\n        <SelectInputContainer\n          ref={anchorRef as any}\n          open={open}\n          hover={hover}\n          focus={focus}\n          error={error}\n          disabled={disabled}\n          placeholder={inputProps.placeholder}\n        >\n          <SelectInputSelect\n            data-testid=\"country-picker\"\n            disabled={disabled}\n            onClick={() => {\n              setOpen(!disabled && !open)\n            }}\n            width={selectWidth}\n          >\n            {selectedOption.text}\n          </SelectInputSelect>\n\n          <SelectInputInput\n            disabled={disabled}\n            ref={composeRefs(inputRef, forwardedRef)}\n            required={required}\n            name={inputName}\n            maxLength={25}\n            placeholder={inputProps.placeholder}\n            value={inputValue}\n            {...inputProps}\n          />\n\n          <SelectInputLabel htmlFor={inputName}>{label}</SelectInputLabel>\n        </SelectInputContainer>\n\n        {open && (\n          <SelectInputDropdown\n            ref={tooltipRef as any}\n            role=\"listbox\"\n            width={width}\n          >\n            <SelectInputList\n              options={options}\n              onSelect={handleSelect}\n              onClose={handleClose}\n              enableSearch={enableSearch}\n              optionTextMinWidth={optionTextMinWidth}\n            />\n          </SelectInputDropdown>\n        )}\n\n        {required && !(error && typeof error === \"string\") && (\n          <RequiredField mt={0.5} ml={1} disabled={disabled} />\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} mr={1} color=\"red100\" textAlign=\"right\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nSelectInput.displayName = \"SelectInput\"\n\ntype ContainerProps = Pick<\n  SelectInputProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"placeholder\"\n> & { open: boolean }\n\nconst SelectInputContainer = styled(Box)<ContainerProps>`\n  position: relative;\n  display: flex;\n  flex-direction: row;\n\n  ${(props) => {\n    return css`\n      ${SELECT_INPUT_STATES.default}\n      ${props.hover && SELECT_INPUT_STATES.hover}\n      ${(props.focus || props.open) && SELECT_INPUT_STATES.focus}\n      ${props.disabled && SELECT_INPUT_STATES.disabled}\n      ${props.error && SELECT_INPUT_STATES.error}\n\n      &:hover {\n        /* Applies hover style if the dropdown is not visible or the input is disabled */\n        ${!props.open && !props.disabled && SELECT_INPUT_STATES.hover}\n      }\n\n      &:focus-within {\n        ${!props.disabled && SELECT_INPUT_STATES.focus}\n\n        &:has(input:not(:placeholder-shown)) {\n          ${SELECT_INPUT_STATES.active}\n          ${props.error && SELECT_INPUT_STATES.error};\n        }\n      }\n\n      &:has(input:not(:placeholder-shown)) {\n        ${!!props.placeholder && SELECT_INPUT_STATES.completed}\n        ${props.error && SELECT_INPUT_STATES.error};\n      }\n    `\n  }}\n`\n\nconst SelectInputSelect = styled(Clickable)<{ disabled?: boolean }>`\n  ${caretMixin}\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-width: ${(p) => p.width ?? 120}px;\n  border: 1px solid;\n  border-right: 0;\n  /* 24px = space.1 + 4px-wide caret + space.1 */\n  padding: 0 24px 0 ${themeGet(\"space.1\")};\n  font-family: ${themeGet(\"fonts.sans\")};\n  border-radius: 3px 0 0 3px;\n  border-color: ${themeGet(\"colors.mono30\")};\n  cursor: pointer;\n  line-height: 1;\n  transition: color 0.25s, border-color 0.25s;\n  height: 50px;\n  font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n  color: ${themeGet(\"colors.mono100\")};\n  &:focus {\n    outline: none;\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  }\n`\n\nconst SelectInputDropdown = styled(Box)`\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  background: ${themeGet(\"colors.mono0\")};\n  z-index: 1;\n  padding: ${themeGet(\"space.1\")};\n`\n\nconst SelectInputInput = styled.input`\n  width: 100%;\n  background-color: ${themeGet(\"colors.mono0\")};\n  padding: 0 ${themeGet(\"space.1\")};\n  appearance: none;\n  outline: none;\n  line-height: 1;\n  border: 1px solid;\n  border-radius: 0 3px 3px 0;\n  transition: color 0.25s, border-color 0.25s;\n  font-family: ${themeGet(\"fonts.sans\")};\n  font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n  color: ${themeGet(\"colors.mono100\")};\n  border-color: ${themeGet(\"colors.mono30\")};\n  ${systemHeight}\n\n  ::placeholder {\n    color: ${themeGet(\"colors.mono60\")};\n    transition: color 0.25s;\n  }\n`\n\nconst SelectInputLabel = styled.label`\n  position: absolute;\n  top: 0;\n  left: 5px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: color 0.25s;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n  font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n  color: ${themeGet(\"colors.mono60\")};\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    height: 2px;\n    width: 100%;\n    background-color: ${themeGet(\"colors.mono0\")};\n    z-index: -1;\n  }\n`\n"],"mappings":"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"}

package/dist/cjs/elements/SelectInput/SelectInput.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.story.js","names":["_react","_interopRequireDefault","require","_SelectInput","_storybookBlocklist","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","_extends","assign","bind","target","arguments","source","key","hasOwnProperty","apply","_default","exports","component","SelectInput","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","countriesExample","text","countryCode","flag","Default","args","options","label","type","autoComplete","enableSearch","render","createElement","onSelect","option","console","log","story","WithPlaceholder","placeholder","WithoutSearch","WithoutLabel","Required","required","Disabled","disabled","CustomSelectWidth","selectWidth","CustomOptionTextWidth","optionTextMinWidth","WithError","error","currencyOptions","CurrencySelect","CurrencyWithPlaceholder","CurrencyWithSearch","LoadingDisplayTest","_React$useState","React","useState","_React$useState2","isLoaded","setIsLoaded","_React$useState3","_React$useState4","setCountryCode","_React$useState5","_React$useState6","phoneNumber","setPhoneNumber","useEffect","timer","setTimeout","clearTimeout","style","display","marginTop","dropdownValue","inputValue","onChange","e"],"sources":["../../../../src/elements/SelectInput/SelectInput.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectInput } from \"./SelectInput\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: SelectInput,\n  title: \"Components/SelectInput\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A composite input component that combines a dropdown selector with a text input, commonly used for phone numbers with country codes.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nconst countriesExample = [\n  {\n    text: \"🇦🇫 +93\",\n    name: \"Afghanistan\",\n    value: \"af\",\n    countryCode: \"+93\",\n    flag: \"🇦🇫\",\n  },\n  {\n    text: \"🇦🇽 +358\",\n    name: \"Aland Islands\",\n    value: \"ax\",\n    countryCode: \"+358\",\n    flag: \"🇦🇽\",\n  },\n  {\n    text: \"🇦🇱 +355\",\n    name: \"Albania\",\n    value: \"al\",\n    countryCode: \"+355\",\n    flag: \"🇦🇱\",\n  },\n  {\n    text: \"🇩🇿 +213\",\n    name: \"Algeria\",\n    value: \"dz\",\n    countryCode: \"+213\",\n    flag: \"🇩🇿\",\n  },\n  {\n    text: \"🇦🇸 +1684\",\n    name: \"American Samoa\",\n    value: \"as\",\n    countryCode: \"+1684\",\n    flag: \"🇦🇸\",\n  },\n  {\n    text: \"🇦🇩 +376\",\n    name: \"Andorra\",\n    value: \"ad\",\n    countryCode: \"+376\",\n    flag: \"🇦🇩\",\n  },\n  {\n    text: \"🇦🇴 +244\",\n    name: \"Angola\",\n    value: \"ao\",\n    countryCode: \"+244\",\n    flag: \"🇦🇴\",\n  },\n  {\n    text: \"🇦🇮 +1264\",\n    name: \"Anguilla\",\n    value: \"ai\",\n    countryCode: \"+1264\",\n    flag: \"🇦🇮\",\n  },\n  {\n    text: \"🇦🇶 +672\",\n    name: \"Antarctica\",\n    value: \"aq\",\n    countryCode: \"+672\",\n    flag: \"🇦🇶\",\n  },\n  {\n    text: \"🇦🇬 +1268\",\n    name: \"Antigua and Barbuda\",\n    value: \"ag\",\n    countryCode: \"+1268\",\n    flag: \"🇦🇬\",\n  },\n  {\n    text: \"🇦🇷 +54\",\n    name: \"Argentina\",\n    value: \"ar\",\n    countryCode: \"+54\",\n    flag: \"🇦🇷\",\n  },\n  {\n    text: \"🇦🇲 +374\",\n    name: \"Armenia\",\n    value: \"am\",\n    countryCode: \"+374\",\n    flag: \"🇦🇲\",\n  },\n  {\n    text: \"🇦🇼 +297\",\n    name: \"Aruba\",\n    value: \"aw\",\n    countryCode: \"+297\",\n    flag: \"🇦🇼\",\n  },\n  {\n    text: \"🇦🇺 +61\",\n    name: \"Australia\",\n    value: \"au\",\n    countryCode: \"+61\",\n    flag: \"🇦🇺\",\n  },\n  {\n    text: \"🇦🇹 +43\",\n    name: \"Austria\",\n    value: \"at\",\n    countryCode: \"+43\",\n    flag: \"🇦🇹\",\n  },\n  {\n    text: \"🇦🇿 +994\",\n    name: \"Azerbaijan\",\n    value: \"az\",\n    countryCode: \"+994\",\n    flag: \"🇦🇿\",\n  },\n  {\n    text: \"🇧🇸 +1242\",\n    name: \"Bahamas\",\n    value: \"bs\",\n    countryCode: \"+1242\",\n    flag: \"🇧🇸\",\n  },\n  {\n    text: \"🇧🇭 +973\",\n    name: \"Bahrain\",\n    value: \"bh\",\n    countryCode: \"+973\",\n    flag: \"🇧🇭\",\n  },\n  {\n    text: \"🇧🇩 +880\",\n    name: \"Bangladesh\",\n    value: \"bd\",\n    countryCode: \"+880\",\n    flag: \"🇧🇩\",\n  },\n  {\n    text: \"🇧🇧 +1246\",\n    name: \"Barbados\",\n    value: \"bb\",\n    countryCode: \"+1246\",\n    flag: \"🇧🇧\",\n  },\n  {\n    text: \"🇧🇾 +375\",\n    name: \"Belarus\",\n    value: \"by\",\n    countryCode: \"+375\",\n    flag: \"🇧🇾\",\n  },\n  {\n    text: \"🇧🇪 +32\",\n    name: \"Belgium\",\n    value: \"be\",\n    countryCode: \"+32\",\n    flag: \"🇧🇪\",\n  },\n  {\n    text: \"🇧🇿 +501\",\n    name: \"Belize\",\n    value: \"bz\",\n    countryCode: \"+501\",\n    flag: \"🇧🇿\",\n  },\n  {\n    text: \"🇧🇯 +229\",\n    name: \"Benin\",\n    value: \"bj\",\n    countryCode: \"+229\",\n    flag: \"🇧🇯\",\n  },\n  {\n    text: \"🇧🇲 +1441\",\n    name: \"Bermuda\",\n    value: \"bm\",\n    countryCode: \"+1441\",\n    flag: \"🇧🇲\",\n  },\n  {\n    text: \"🇧🇹 +975\",\n    name: \"Bhutan\",\n    value: \"bt\",\n    countryCode: \"+975\",\n    flag: \"🇧🇹\",\n  },\n  {\n    text: \"🇧🇴 +591\",\n    name: \"Bolivia\",\n    value: \"bo\",\n    countryCode: \"+591\",\n    flag: \"🇧🇴\",\n  },\n  {\n    text: \"🇧🇦 +387\",\n    name: \"Bosnia and Herzegovina\",\n    value: \"ba\",\n    countryCode: \"+387\",\n    flag: \"🇧🇦\",\n  },\n]\n\nexport const Default = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic SelectInput with search enabled.\",\n      },\n    },\n  },\n}\n\nexport const WithPlaceholder = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput with placeholder text.\",\n      },\n    },\n  },\n}\n\nexport const WithoutSearch = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: false,\n    placeholder: \"(000) 000 0000\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput without search functionality.\",\n      },\n    },\n  },\n}\n\nexport const WithoutLabel = {\n  args: {\n    options: countriesExample,\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput without a label.\",\n      },\n    },\n  },\n}\n\nexport const Required = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    required: true,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Required SelectInput with validation indicator.\",\n      },\n    },\n  },\n}\n\nexport const Disabled = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    disabled: true,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled SelectInput.\",\n      },\n    },\n  },\n}\n\nexport const CustomSelectWidth = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    selectWidth: 100,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput with custom select dropdown width.\",\n      },\n    },\n  },\n}\n\nexport const CustomOptionTextWidth = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    optionTextMinWidth: \"20ch\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput with custom minimum width for option text.\",\n      },\n    },\n  },\n}\n\nexport const WithError = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    error: \"Something is wrong\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput with error state.\",\n      },\n    },\n  },\n}\n\nconst currencyOptions = [\n  {\n    text: \"USD\",\n    name: \"US Dollar\",\n    value: \"usd\",\n  },\n  {\n    text: \"EUR\",\n    name: \"Euro\",\n    value: \"eur\",\n  },\n  {\n    text: \"GBP\",\n    name: \"British Pound\",\n    value: \"gbp\",\n  },\n  {\n    text: \"JPY\",\n    name: \"Japanese Yen\",\n    value: \"jpy\",\n  },\n  {\n    text: \"CHF\",\n    name: \"Swiss Franc\",\n    value: \"chf\",\n  },\n]\n\nexport const CurrencySelect = {\n  args: {\n    options: currencyOptions,\n    label: \"Currency\",\n    selectWidth: 70,\n    optionTextMinWidth: \"5ch\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Currency select input with custom width settings.\",\n      },\n    },\n  },\n}\n\nexport const CurrencyWithPlaceholder = {\n  args: {\n    options: currencyOptions,\n    label: \"Currency\",\n    selectWidth: 70,\n    optionTextMinWidth: \"5ch\",\n    placeholder: \"Currency\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Currency select with placeholder text.\",\n      },\n    },\n  },\n}\n\nexport const CurrencyWithSearch = {\n  args: {\n    options: currencyOptions,\n    label: \"Currency\",\n    selectWidth: 70,\n    optionTextMinWidth: \"5ch\",\n    placeholder: \"Currency\",\n    enableSearch: true,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Currency select with search enabled.\",\n      },\n    },\n  },\n}\n\nexport const LoadingDisplayTest = {\n  render: () => {\n    const [isLoaded, setIsLoaded] = React.useState(false)\n    const [countryCode, setCountryCode] = React.useState(\"ad\")\n    const [phoneNumber, setPhoneNumber] = React.useState(\"\")\n\n    React.useEffect(() => {\n      const timer = setTimeout(() => {\n        setIsLoaded(true)\n      }, 500)\n      return () => clearTimeout(timer)\n    }, [])\n\n    return (\n      <div>\n        <div\n          style={{\n            display: isLoaded ? \"grid\" : \"none\",\n            marginTop: \"16px\",\n          }}\n        >\n          <SelectInput\n            key=\"loading-test-phone-input\"\n            name=\"phoneNumber\"\n            placeholder=\"(000) 000 0000\"\n            options={countriesExample}\n            onSelect={(option) => {\n              console.log(\"Selected:\", option)\n              setCountryCode(option.value)\n            }}\n            dropdownValue={countryCode}\n            label=\"Phone number\"\n            type=\"tel\"\n            autoComplete=\"tel-national\"\n            inputValue={phoneNumber}\n            onChange={(e) => setPhoneNumber(e.target.value)}\n            data-testid=\"LoadingTestSelectInput\"\n            required\n          />\n        </div>\n        {!isLoaded && <div>Loading phone input...</div>}\n      </div>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Test loading state for SelectInput.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/cjs/elements/SelectInput/SelectInputList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputList.js","names":["_react","_interopRequireWildcard","require","_Input","_Clickable","_Text","_styledComponents","_interopRequireDefault","_themeGet","_Box","_useKeyboardListNavigation","_useMouseActivity2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","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","SelectInputList","exports","_ref","enableSearch","options","onSelect","onClose","_ref$optionTextMinWid","optionTextMinWidth","_useState","useState","_useState2","query","setQuery","optionsWithRefs","useMemo","map","option","ref","createRef","filteredOptionsWithRefs","filter","concat","toLowerCase","countryCode","includes","containerRef","useRef","_useKeyboardListNavig","useKeyboardListNavigation","list","waitForInteractive","onEnter","_ref2","element","event","preventDefault","stopPropagation","reset","index","_useMouseActivity","useMouseActivity","lastMouseMoveTimestamp","handleMouseEnter","now","performance","current","cursor","interactive","useEffect","_option$ref","_option$ref$current","focus","handleKeyDown","e","createElement","Box","Input","autoFocus","placeholder","onChange","target","onKeyDown","SelectInputListOptions","_ref3","SelectInputListOption","role","onMouseEnter","onClick","tabIndex","Text","variant","minWidth","text","displayName","styled","Clickable","withConfig","componentId","themeGet"],"sources":["../../../../src/elements/SelectInput/SelectInputList.tsx"],"sourcesContent":["import React, { createRef, useEffect, useMemo, useRef, useState } from \"react\"\nimport { Input } from \"../Input\"\nimport { Clickable } from \"../Clickable\"\nimport { Text, TextProps } from \"../Text\"\nimport styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { Box } from \"../Box\"\nimport { useKeyboardListNavigation } from \"use-keyboard-list-navigation\"\nimport { useMouseActivity } from \"../../utils/useMouseActivity\"\nimport { SelectInputProps } from \"./SelectInput\"\n\n/**\n * The option structure for the list in the dropdown menu\n *\n * @interface Option\n * @property {string} `text` is the content that will be displayed as selected option\n * @property {string} `name` is the content that will be displayed in the dropdown list\n * @property {string} `value` is the value that will be passed to onSelect\n */\nexport interface Option {\n  text: string\n  name: string\n  value: string\n  countryCode?: string\n  flag?: string\n}\n\nexport interface SelectInputListProps {\n  enableSearch?: SelectInputProps[\"enableSearch\"]\n  options: Option[]\n  onSelect: (option: Option) => void\n  onClose: () => void\n  optionTextMinWidth?: TextProps[\"minWidth\"]\n}\n\nexport const SelectInputList = ({\n  enableSearch,\n  options,\n  onSelect,\n  onClose,\n  optionTextMinWidth = \"8ch\",\n}: SelectInputListProps) => {\n  const [query, setQuery] = useState(\"\")\n\n  const optionsWithRefs = useMemo(() => {\n    return options.map((option) => ({\n      option,\n      ref: createRef<HTMLButtonElement>(),\n    }))\n  }, [options])\n\n  const filteredOptionsWithRefs = useMemo(() => {\n    return optionsWithRefs.filter((option) =>\n      `${option.option.name.toLowerCase()} ${\n        option.option.countryCode\n      }`.includes(query.toLowerCase())\n    )\n  }, [optionsWithRefs, query])\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const { reset, set, index } = useKeyboardListNavigation({\n    ref: containerRef,\n    list: filteredOptionsWithRefs,\n    waitForInteractive: true,\n    onEnter: ({ element, event }) => {\n      event.preventDefault()\n      event.stopPropagation()\n\n      onSelect(element.option)\n      reset()\n    },\n  })\n\n  const { lastMouseMoveTimestamp } = useMouseActivity()\n\n  const handleMouseEnter = (i: number) => () => {\n    const now = performance.now()\n\n    // 50ms mouse move window\n    if (now - lastMouseMoveTimestamp.current < 50) {\n      set({ cursor: i, interactive: true })\n    }\n  }\n\n  // Moves focus to different options when keyboard navigating using up/down\n  useEffect(() => {\n    const option = filteredOptionsWithRefs[index]\n    option?.ref?.current?.focus()\n  }, [index, filteredOptionsWithRefs])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case \"Escape\":\n        reset()\n        onClose()\n        break\n    }\n  }\n\n  return (\n    <Box ref={containerRef}>\n      {enableSearch && (\n        <Input\n          autoFocus\n          placeholder=\"Search\"\n          value={query}\n          onChange={(e) => {\n            setQuery(e.target.value)\n            reset()\n          }}\n          onKeyDown={handleKeyDown}\n        />\n      )}\n\n      <SelectInputListOptions>\n        {filteredOptionsWithRefs.map(({ option, ref }, i) => (\n          <SelectInputListOption\n            key={option.value}\n            ref={ref}\n            role=\"option\"\n            onMouseEnter={handleMouseEnter(i)}\n            onClick={() => {\n              onSelect(option)\n            }}\n            tabIndex={-1}\n          >\n            <Text variant=\"sm\" minWidth={optionTextMinWidth}>\n              {option.text}\n            </Text>\n\n            <Text variant=\"sm\">{option.name}</Text>\n          </SelectInputListOption>\n        ))}\n      </SelectInputListOptions>\n    </Box>\n  )\n}\n\nconst SelectInputListOption = styled(Clickable)`\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  gap: ${themeGet(\"space.0.5\")};\n  padding: ${themeGet(\"space.1\")} 0;\n  color: ${themeGet(\"colors.mono60\")};\n  &:focus {\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n    outline: none;\n  }\n`\n\nconst SelectInputListOptions = styled(Box)`\n  max-height: 250px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n`\n"],"mappings":"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"}

package/dist/cjs/elements/SelectInput/SelectInputList.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputList.story.js","names":["_react","_interopRequireDefault","require","_SelectInputList","_storybookBlocklist","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","exports","component","SelectInputList","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","EXAMPLE_COUNTRIES","text","name","value","countryCode","flag","Default","args","options","render","createElement","onSelect","option","console","log","onClose","story"],"sources":["../../../../src/elements/SelectInput/SelectInputList.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectInputList } from \"./SelectInputList\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: SelectInputList,\n  title: \"Components/SelectInputList\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A dropdown list component for select inputs, supporting search and keyboard navigation.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nconst EXAMPLE_COUNTRIES = [\n  {\n    text: \"🇦🇫 +93\",\n    name: \"Afghanistan\",\n    value: \"af\",\n    countryCode: \"+93\",\n    flag: \"🇦🇫\",\n  },\n  {\n    text: \"🇦🇱 +355\",\n    name: \"Albania\",\n    value: \"al\",\n    countryCode: \"+355\",\n    flag: \"🇦🇱\",\n  },\n  {\n    text: \"🇩🇿 +213\",\n    name: \"Algeria\",\n    value: \"dz\",\n    countryCode: \"+213\",\n    flag: \"🇩🇿\",\n  },\n]\n\nexport const Default = {\n  args: {\n    options: EXAMPLE_COUNTRIES,\n  },\n  render: (args) => (\n    <SelectInputList\n      {...args}\n      onSelect={(option) => console.log(option)}\n      onClose={() => console.log(\"close\")}\n    />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Default SelectInputList with example countries.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0E,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,IAAAQ,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAE3D;EACbiB,SAAS,EAAEC,gCAAe;EAC1BC,KAAK,EAAE,4BAA4B;EACnCC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACRC,OAAO,EAAEC;IACX;EACF;AACF,CAAC;AAED,IAAMC,iBAAiB,GAAG,CACxB;EACEC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,IAAI;EACXC,WAAW,EAAE,KAAK;EAClBC,IAAI,EAAE;AACR,CAAC,EACD;EACEJ,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,IAAI;EACXC,WAAW,EAAE,MAAM;EACnBC,IAAI,EAAE;AACR,CAAC,EACD;EACEJ,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,IAAI;EACXC,WAAW,EAAE,MAAM;EACnBC,IAAI,EAAE;AACR,CAAC,CACF;AAEM,IAAMC,OAAO,GAAAjB,OAAA,CAAAiB,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,OAAO,EAAER;EACX,CAAC;EACDS,MAAM,EAAE,SAARA,MAAMA,CAAGF,IAAI;IAAA,oBACXzC,MAAA,CAAAO,OAAA,CAAAqC,aAAA,CAACzC,gBAAA,CAAAsB,eAAe,EAAAjB,QAAA,KACViC,IAAI;MACRI,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,MAAM;QAAA,OAAKC,OAAO,CAACC,GAAG,CAACF,MAAM,CAAC;MAAA,CAAC;MAC1CG,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQF,OAAO,CAACC,GAAG,CAAC,OAAO,CAAC;MAAA;IAAC,GACpC;EAAA,CACH;EACDpB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXoB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

package/dist/cjs/elements/SelectInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_SelectInput","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/elements/SelectInput/index.ts"],"sourcesContent":["export * from \"./SelectInput\"\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/elements/SelectInput/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SELECT_INPUT_STATES","exports","default","css","themeGet","active","focus","hover","completed","disabled","error"],"sources":["../../../../src/elements/SelectInput/tokens.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const SELECT_INPUT_STATES = {\n  default: css`\n    > div {\n      border-color: ${themeGet(\"colors.mono30\")};\n    }\n\n    > input {\n      border-color: ${themeGet(\"colors.mono30\")};\n      outline: none;\n    }\n\n    > input::placeholder,\n    > label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n  `,\n  active: css`\n    > div,\n    > button,\n    > input {\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    > input::placeholder {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    > label {\n      color: ${themeGet(\"colors.blue100\")};\n    }\n  `,\n  focus: css`\n    > div,\n    > button,\n    > input {\n      border-color: ${themeGet(\"colors.blue100\")};\n    }\n\n    > input::placeholder {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    > label {\n      color: ${themeGet(\"colors.blue100\")};\n    }\n  `,\n  hover: css`\n    > div,\n    > button,\n    > input {\n      border-color: ${themeGet(\"colors.mono60\")};\n    }\n\n    > input::placeholder,\n    > label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n  `,\n  completed: css`\n    > div,\n    > button,\n    > input {\n      border-color: ${themeGet(\"colors.mono60\")};\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    > label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n  `,\n  disabled: css`\n    > div,\n    > input {\n      cursor: default;\n      background-color: transparent;\n      border-color: ${themeGet(\"colors.mono30\")};\n    }\n\n    > input::placeholder,\n    > label {\n      color: ${themeGet(\"colors.mono30\")};\n    }\n  `,\n  error: css`\n    > div,\n    > button,\n    > input {\n      border-color: ${themeGet(\"colors.red100\")};\n    }\n\n    > label {\n      color: ${themeGet(\"colors.red100\")};\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,OAAO,MAAEC,qBAAG,kHAEQ,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAMhC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAErC;EACDC,MAAM,MAAEF,qBAAG,kHAIS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDE,KAAK,MAAEH,qBAAG,uGAIU,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAIjC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDG,KAAK,MAAEJ,qBAAG,2FAIU,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAKhC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAErC;EACDI,SAAS,MAAEL,qBAAG,iFAIM,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAErC;EACDK,QAAQ,MAAEN,qBAAG,8HAKO,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAKhC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAErC;EACDM,KAAK,MAAEP,qBAAG,sEAIU,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAIhC,IAAAA,kBAAQ,EAAC,eAAe,CAAC;AAGxC,CAAC"}

package/dist/cjs/elements/Separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","obj","__esModule","default","Separator","exports","styled","div","withConfig","displayName","componentId","compose","space","width","border","color","defaultProps"],"sources":["../../../../src/elements/Separator/Separator.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  compose,\n  space,\n  SpaceProps,\n  width,\n  WidthProps,\n} from \"styled-system\"\n\nexport interface SeparatorProps\n  extends SpaceProps,\n    WidthProps,\n    BorderProps,\n    ColorProps {}\n\n/**\n * A horizontal divider whose width and spacing can be adjusted\n */\nexport const Separator = styled.div<SeparatorProps>`\n  border-width: 1px;\n  border-style: solid;\n  border-bottom-width: 0;\n  background-color: transparent;\n  border-color: currentColor;\n  margin: 0;\n  ${compose(space, width, border, color)};\n`\n\nSeparator.defaultProps = {\n  width: \"100%\",\n  color: \"mono10\",\n}\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAUsB,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQtB;AACA;AACA;AACO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wIAO/B,IAAAC,qBAAO,EAACC,mBAAK,EAAEC,mBAAK,EAAEC,oBAAM,EAAEC,mBAAK,CAAC,CACvC;AAEDX,SAAS,CAACY,YAAY,GAAG;EACvBH,KAAK,EAAE,MAAM;EACbE,KAAK,EAAE;AACT,CAAC"}

package/dist/cjs/elements/Separator/Separator.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.story.js","names":["_Separator","require","_storybookBlocklist","_default","exports","default","component","Separator","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","as","story","WithColor","color","WithBorderColor","borderColor","WithSpacing","borderWidth","my"],"sources":["../../../../src/elements/Separator/Separator.story.tsx"],"sourcesContent":["import { Separator } from \"./Separator\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Separator,\n  title: \"Components/Separator\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A horizontal line separator component with customizable colors and styling.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    as: \"hr\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic horizontal line separator.\",\n      },\n    },\n  },\n}\n\nexport const WithColor = {\n  args: {\n    as: \"hr\",\n    color: \"mono30\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Separator with custom color.\",\n      },\n    },\n  },\n}\n\nexport const WithBorderColor = {\n  args: {\n    as: \"hr\",\n    borderColor: \"red100\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Separator with custom border color.\",\n      },\n    },\n  },\n}\n\nexport const WithSpacing = {\n  args: {\n    as: \"hr\",\n    borderWidth: 5,\n    my: 2,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Separator with custom width and vertical spacing.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAA0E,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3D;EACbC,SAAS,EAAEC,oBAAS;EACpBC,KAAK,EAAE,sBAAsB;EAC7BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,EAAE,EAAE;EACN,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,SAAS,GAAAhB,OAAA,CAAAgB,SAAA,GAAG;EACvBH,IAAI,EAAE;IACJC,EAAE,EAAE,IAAI;IACRG,KAAK,EAAE;EACT,CAAC;EACDX,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMG,eAAe,GAAAlB,OAAA,CAAAkB,eAAA,GAAG;EAC7BL,IAAI,EAAE;IACJC,EAAE,EAAE,IAAI;IACRK,WAAW,EAAE;EACf,CAAC;EACDb,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMK,WAAW,GAAApB,OAAA,CAAAoB,WAAA,GAAG;EACzBP,IAAI,EAAE;IACJC,EAAE,EAAE,IAAI;IACRO,WAAW,EAAE,CAAC;IACdC,EAAE,EAAE;EACN,CAAC;EACDhB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

package/dist/cjs/elements/Separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Separator","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/elements/Separator/index.tsx"],"sourcesContent":["export * from \"./Separator\"\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/elements/Shelf/Shelf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shelf.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_FullBleed","_ShelfNavigation","_ShelfScrollBar","_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","Shelf","exports","_ref","_ref$alignItems","alignItems","_ref$showProgress","showProgress","_ref$snap","snap","children","onChange","rest","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","containerRef","useRef","viewportRef","_useState","useState","_useState2","mounted","setMounted","_useState3","_useState4","pages","setPages","_useState5","_useState6","offset","setOffset","_useState7","_useState8","atStart","setAtStart","init","useCallback","current","container","values","_ref2","Math","ceil","clientWidth","paginateCarousel","viewport","_container$getBoundin","getBoundingClientRect","x","useEffect","window","addEventListener","removeEventListener","_useCursor","useCursor","max","pageIndex","index","setCursor","handler","nearestPage","find","currentPage","_pages","nextPage","Infinity","scrollLeft","passive","scrollToPage","xPosition","scrollTo","left","behavior","handleNext","handlePrev","createElement","Container","Nav","as","bottom","Previous","onClick","disabled","Next","FullBleed","right","marginLeft","Viewport","Rail","position","mb","_ref3","isFirst","isLast","Cell","pl","undefined","pr","CELL_GAP_PADDING_AMOUNT","style","scrollSnapAlign","ShelfScrollBar","displayName","styled","Box","withConfig","componentId","visuallyDisableScrollbar","ShelfNext","ShelfPrevious"],"sources":["../../../../src/elements/Shelf/Shelf.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT, paginateCarousel } from \"../Carousel\"\nimport { FlexProps } from \"../Flex\"\nimport { FullBleed } from \"../FullBleed\"\nimport { ShelfNext, ShelfPrevious } from \"./ShelfNavigation\"\nimport { ShelfScrollBar } from \"./ShelfScrollBar\"\n\n/** ShelfProps */\nexport type ShelfProps = BoxProps & {\n  alignItems?: FlexProps[\"alignItems\"]\n  showProgress?: boolean\n  snap?: \"none\" | \"start\" | \"end\" | \"center\"\n  children: JSX.Element | JSX.Element[]\n  onChange?(index: number): void\n}\n\n/**\n * A Shelf is a new kind of carousel...\n */\nexport const Shelf: React.FC<React.PropsWithChildren<ShelfProps>> = ({\n  alignItems = \"flex-end\",\n  showProgress = true,\n  snap = \"none\",\n  children,\n  onChange,\n  ...rest\n}) => {\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLLIElement>() })),\n    [children]\n  )\n\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const viewportRef = useRef<HTMLDivElement | null>(null)\n\n  const [mounted, setMounted] = useState(false)\n  const [pages, setPages] = useState([0])\n  const [offset, setOffset] = useState(0)\n  const [atStart, setAtStart] = useState(true)\n\n  const init = useCallback(() => {\n    if (containerRef.current === null) return\n\n    const { current: container } = containerRef\n\n    // Set page-stops\n    const values = cells.map(({ ref }, i) => {\n      // If we have an offset we actually want to subtract it from\n      // the first and last elements.\n      if (offset !== 0 && (i === 0 || i === cells.length - 1)) {\n        return Math.ceil(ref.current!.clientWidth - offset)\n      }\n\n      return ref.current!.clientWidth\n    })\n\n    setPages(\n      paginateCarousel({\n        // Here we use the container width instead of the viewport width.\n        // The viewport has been extended to the full width of the window;\n        // we want to scroll to the parent boundaries instead.\n        viewport: container.clientWidth,\n        values,\n      })\n    )\n\n    // Set offset to accomodate full-bleed and line up initially with page-margins\n    const { x } = container.getBoundingClientRect()\n    setOffset(x)\n\n    setMounted(true)\n  }, [cells, offset])\n\n  useEffect(() => {\n    init()\n\n    window.addEventListener(\"resize\", init)\n    return () => {\n      window.removeEventListener(\"resize\", init)\n    }\n  }, [init])\n\n  const { index: pageIndex, setCursor } = useCursor({\n    max: pages.length,\n  })\n\n  // Keep page cursor in sync with scroll position\n  useEffect(() => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    const handler = () => {\n      const nearestPage = pages.find((currentPage, i) => {\n        const nextPage = pages[i + 1] ?? Infinity\n        return (\n          viewport.scrollLeft >= currentPage && viewport.scrollLeft < nextPage\n        )\n      })\n\n      setCursor(pages.indexOf(nearestPage!))\n      setAtStart(viewport.scrollLeft === 0)\n    }\n\n    viewport.addEventListener(\"scroll\", handler, { passive: true })\n    return () => {\n      viewport.removeEventListener(\"scroll\", handler)\n    }\n  }, [pages, setCursor])\n\n  // Announce page changes\n  useEffect(() => {\n    onChange && onChange(pageIndex)\n  }, [onChange, pageIndex])\n\n  // Scroll to a specific page-stop\n  const scrollToPage = (index: number) => {\n    const xPosition = pages[index]\n    scrollTo(xPosition)\n  }\n\n  const scrollTo = (xPosition: number) => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    if (viewport.scrollTo) {\n      viewport.scrollTo({ left: xPosition, behavior: \"smooth\" })\n      return\n    }\n\n    viewport.scrollLeft = xPosition\n  }\n\n  // One side-effect of scrolling to the next page index instead of\n  // setting it directly is that you can't scroll to the next one via click until\n  // you've arrived. We may want to reconsider this approach; though this is the\n  // simplest way to keep these values in sync with one another.\n  const handleNext = () => {\n    scrollToPage(pageIndex + 1)\n  }\n\n  const handlePrev = () => {\n    if (pageIndex === 0) {\n      scrollTo(0)\n      return\n    }\n\n    scrollToPage(pageIndex - 1)\n  }\n\n  return (\n    <Container ref={containerRef as any} {...rest}>\n      <Nav\n        as=\"nav\"\n        // We can't position relative to the FullBleed rail —\n        // so offset the bottom by the bottom margin + the height of the scrollbar.\n        bottom={[23, 63]}\n      >\n        <Previous\n          onClick={handlePrev}\n          disabled={atStart}\n          aria-label=\"Previous page\"\n        />\n\n        <Next\n          onClick={handleNext}\n          disabled={pageIndex === pages.length - 1}\n          aria-label=\"Next page\"\n        />\n      </Nav>\n\n      <FullBleed\n        // To prevent any page jank we initially partially disable this component\n        // so that content is left aligned with the parent container and then once\n        // we have the offset and page values; we reset it to actually full-bleed.\n        // The `offset` will push the content up to the parent margin.\n        {...(!mounted ? { left: null, right: null, marginLeft: null } : {})}\n      >\n        <Viewport ref={viewportRef as any}>\n          <Rail as=\"ul\" position=\"relative\" alignItems={alignItems} mb={[2, 6]}>\n            {cells.map(({ child, ref }, i) => {\n              const isFirst = i === 0\n              const isLast = i === cells.length - 1\n\n              return (\n                <Cell\n                  as=\"li\"\n                  key={i}\n                  ref={ref as any}\n                  pl={isFirst ? offset : undefined}\n                  pr={!isLast ? CELL_GAP_PADDING_AMOUNT : offset}\n                  style={{ scrollSnapAlign: snap }}\n                >\n                  {child}\n                </Cell>\n              )\n            })}\n          </Rail>\n        </Viewport>\n      </FullBleed>\n\n      {showProgress && <ShelfScrollBar viewport={viewportRef.current} />}\n    </Container>\n  )\n}\n\nconst Container = styled(Box)`\n  position: relative;\n  width: 100%;\n\n  > nav {\n    transition: opacity 250ms;\n    transition-delay: 100ms;\n    opacity: 0;\n  }\n\n  &:hover {\n    > nav {\n      opacity: 1;\n    }\n  }\n`\n\nconst Nav = styled(Box)`\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  left: 0;\n`\n\nconst Viewport = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  margin-top: 0;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nconst Cell = styled(Box)`\n  white-space: normal;\n`\n\nconst Next = styled(ShelfNext)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n\nconst Previous = styled(ShelfPrevious)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n"],"mappings":"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"}

package/dist/cjs/elements/Shelf/Shelf.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shelf.story.js","names":["_react","_interopRequireWildcard","require","_Box","_Text","_Shelf","_ShelfNavigation","_storybookBlocklist","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","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","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_default","exports","component","Shelf","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Demo","_ref","_ref$amount","amount","rest","createElement","map","_","height","j","Box","width","bg","border","borderColor","p","display","alignItems","justifyContent","Text","variant","displayName","Default","render","maxWidth","mx","story","CenterAligned","NoProgress","showProgress","SingleItem","FewItems","ManyItems","TenItems","NavigationDefault","ShelfNext","NavigationHover","hover","NavigationFocus","focus","NavigationDisabled","disabled","NavigationHoverFocus","ClientSideUpdates","_useState","useState","_useState2","setAmount","useEffect","interval","setInterval","Math","floor","random","clearInterval","Fragment","chromatic","disable"],"sources":["../../../../src/elements/Shelf/Shelf.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Shelf } from \"./Shelf\"\nimport { ShelfNext } from \"./ShelfNavigation\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Shelf,\n  title: \"Components/Shelf\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A horizontal scrollable shelf container for displaying collections of items.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nconst Demo = ({ amount = 25, ...rest }: { amount?: number } & any) => {\n  return (\n    <Shelf {...rest}>\n      {Array.from(Array(amount))\n        .map((_, i) => [300, 250, 200, 333, 400][i % 5])\n        .map((height, j) => (\n          <Box\n            key={j}\n            width={300}\n            height={height}\n            bg=\"mono10\"\n            border=\"1px solid\"\n            borderColor=\"mono30\"\n            p={1}\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n          >\n            <Text variant=\"sm-display\">{j + 1}</Text>\n          </Box>\n        ))}\n    </Shelf>\n  )\n}\n\nexport const Default = {\n  render: () => (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <Demo />\n      </Box>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic shelf component with default settings.\",\n      },\n    },\n  },\n}\n\nexport const CenterAligned = {\n  render: () => (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <Demo alignItems=\"center\" />\n      </Box>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Shelf with items center-aligned vertically.\",\n      },\n    },\n  },\n}\n\nexport const NoProgress = {\n  render: () => (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <Demo showProgress={false} />\n      </Box>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Shelf without progress indicators.\",\n      },\n    },\n  },\n}\n\nexport const SingleItem = {\n  render: () => (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <Demo amount={1} />\n      </Box>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Shelf with a single item.\",\n      },\n    },\n  },\n}\n\nexport const FewItems = {\n  render: () => (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <Demo amount={3} />\n      </Box>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Shelf with few items that don't require scrolling.\",\n      },\n    },\n  },\n}\n\nexport const ManyItems = {\n  render: () => (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <Demo amount={20} />\n      </Box>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Shelf with many items that require horizontal scrolling.\",\n      },\n    },\n  },\n}\n\nexport const TenItems = {\n  render: () => (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <Demo amount={10} />\n      </Box>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Shelf with ten items to demonstrate medium-sized collections.\",\n      },\n    },\n  },\n}\n\nexport const NavigationDefault = {\n  render: () => <ShelfNext />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Default navigation button for shelf.\",\n      },\n    },\n  },\n}\n\nexport const NavigationHover = {\n  render: () => <ShelfNext hover={true} />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Navigation button in hover state.\",\n      },\n    },\n  },\n}\n\nexport const NavigationFocus = {\n  render: () => <ShelfNext focus={true} />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Navigation button in focus state.\",\n      },\n    },\n  },\n}\n\nexport const NavigationDisabled = {\n  render: () => <ShelfNext disabled={true} />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Navigation button in disabled state.\",\n      },\n    },\n  },\n}\n\nexport const NavigationHoverFocus = {\n  render: () => <ShelfNext hover={true} focus={true} />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Navigation button with both hover and focus states.\",\n      },\n    },\n  },\n}\n\nexport const ClientSideUpdates = {\n  render: () => {\n    const [amount, setAmount] = useState(1)\n\n    useEffect(() => {\n      const interval = setInterval(() => {\n        setAmount(Math.floor(Math.random() * Math.floor(15)) + 1)\n      }, 1000)\n      return () => {\n        clearInterval(interval)\n      }\n    }, [])\n\n    return (\n      <>\n        <pre>Amount: {amount}</pre>\n        <Demo amount={amount} />\n      </>\n    )\n  },\n  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story:\n          \"Shelf with client-side updates to demonstrate dynamic content changes.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}