@artsy/palette 45.13.0 → 45.14.0-canary.1497.33065.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_utils","_useUpdateEffect","_Box","_Clickable","_Pointer","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","POPOVER_VARIANTS","exports","defaultLight","backgroundColor","color","defaultDark","Popover","_ref","children","_ref$ignoreClickOutsi","ignoreClickOutside","_ref$manageFocus","manageFocus","_ref$offset","offset","onClose","onDismiss","_ref$placement","placement","_ref$pointer","pointer","popover","_ref$showCloseButton","showCloseButton","_ref$variant","variant","_ref$visible","visible","_visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","setVisible","useEffect","useUpdateEffect","tooltipRef","current","focus","anchorRef","onVisible","useCallback","onHide","handleHide","handleDismiss","handleKeydown","event","document","addEventListener","removeEventListener","_usePosition","usePosition","position","active","isFlipped","state","useClickOutside","ref","onClickOutside","when","type","_usePortal","usePortal","createPortal","createElement","Fragment","Tip","tabIndex","display","Pointer","Close","p","onClick","fill","Panel","styled","Box","withConfig","displayName","componentId","themeGet","variants","Clickable"],"sources":["../../../../src/elements/Popover/Popover.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Position, useClickOutside, usePortal, usePosition } from \"../../utils\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Pointer } from \"../Pointer\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const POPOVER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n}\n\nexport type PopoverVariant = keyof typeof POPOVER_VARIANTS\n\nexport interface PopoverActions {\n  /** Call to show popover */\n  onVisible(): void\n  /** Call to hide popover */\n  onHide(): void\n  /** Call to dismiss popover */\n  onDismiss(): void\n  /** Pass ref to element you want the popover to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n}\n\nexport interface PopoverProps extends BoxProps {\n  children: (actions: PopoverActions) => JSX.Element\n  ignoreClickOutside?: boolean\n  manageFocus?: boolean\n  offset?: number\n  /** Called whenever the Popver is closed (both explcitly dismissed and through click outside) */\n  onClose?: () => void\n  /** Called whenever the Popover is dismissed (explicitly) */\n  onDismiss?: () => void\n  placement?: Position\n  /** Display triangular pointer back to anchor node */\n  pointer?: boolean\n  popover:\n    | ((actions: Omit<PopoverActions, \"anchorRef\">) => JSX.Element)\n    | React.ReactNode\n  /** Show the close icon button */\n  showCloseButton?: boolean\n  variant?: PopoverVariant\n  /** Initial default visibility */\n  visible?: boolean\n}\n\n/**\n * A `Popover` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element.\n */\nexport const Popover = ({\n  children,\n  ignoreClickOutside = false,\n  manageFocus = true,\n  offset = 10,\n  onClose,\n  onDismiss,\n  placement = \"top\",\n  pointer = false,\n  popover,\n  showCloseButton = true,\n  variant = \"defaultLight\",\n  visible: _visible = false,\n  zIndex = 1,\n  ...rest\n}: PopoverProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  // Yields focus back and forth between popover and anchor\n  useUpdateEffect(() => {\n    if (!manageFocus) return\n\n    if (visible && tooltipRef.current) {\n      tooltipRef.current.focus()\n      return\n    }\n\n    if (!anchorRef.current) return\n    anchorRef.current.focus()\n  }, [visible])\n\n  const onVisible = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const onHide = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleHide = useCallback(() => {\n    onHide()\n    onClose?.()\n  }, [onHide, onClose])\n\n  const handleDismiss = useCallback(() => {\n    handleHide()\n    onDismiss?.()\n  }, [handleHide, onDismiss])\n\n  useEffect(() => {\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        handleHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeydown)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeydown)\n    }\n  }, [handleHide])\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible,\n  })\n\n  useClickOutside({\n    ref: tooltipRef,\n    onClickOutside: handleHide,\n    when: visible && !ignoreClickOutside,\n    type: \"click\",\n  })\n\n  const { createPortal } = usePortal()\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        onVisible,\n        onHide: handleHide,\n        onDismiss: handleDismiss,\n      })}\n\n      {visible &&\n        createPortal(\n          <Tip\n            tabIndex={0}\n            ref={tooltipRef as any}\n            zIndex={zIndex}\n            display=\"inline-block\"\n            position=\"relative\"\n            variant={variant}\n          >\n            {pointer && (\n              <Pointer\n                anchorRef={anchorRef}\n                tooltipRef={tooltipRef}\n                variant={variant}\n                placement={placement}\n                isFlipped={isFlipped}\n              />\n            )}\n\n            {showCloseButton && (\n              <Close\n                position=\"relative\"\n                zIndex={2}\n                p={1}\n                onClick={handleDismiss}\n                aria-label=\"Close\"\n              >\n                <CloseIcon fill=\"currentColor\" display=\"block\" />\n              </Close>\n            )}\n\n            <Panel\n              variant={variant}\n              position=\"relative\"\n              p={1}\n              zIndex={1}\n              {...rest}\n            >\n              {typeof popover === \"function\"\n                ? popover({\n                    onVisible,\n                    onHide: handleHide,\n                    onDismiss: handleDismiss,\n                  })\n                : popover}\n            </Panel>\n          </Tip>\n        )}\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: PopoverVariant }>`\n  position: fixed;\n  text-align: left;\n  transition: opacity 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: PopoverVariant }>`\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Close = styled(Clickable)`\n  float: right;\n`\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","_storybookBlocklist","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","exports","component","Popover","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","placement","popover","createElement","Text","variant","width","children","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","story","Visible","visible","_ref2","WithContentInteraction","_ref3","Pointer","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","_ref4","DarkVariant","zIndex","_ref5","HideCloseButton","showCloseButton","_ref6","IgnoreClickOutside","ignoreClickOutside","_ref7","Placement","render","States","states","keys","POSITION","props","JSON","stringify","_ref8","maxWidth","mx","chromatic","disable","ManageFocus","manageFocus","_ref9","PopoverActions","_ref10","onHide","onDismiss","Spacer","y","Flex","flex","x","_ref11","CrashAtSpecificZoomLevels","height","_ref12","_ref13"],"sources":["../../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst CONTENT =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam, cupiditate iure nobis, provident minus voluptatem tenetur consequatur.\"\n\nexport default {\n  component: Popover,\n  title: \"Components/Popover\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A floating popover component that can be positioned relative to an anchor element.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    placement: \"bottom\",\n    popover: (\n      <Text variant=\"xs\" width={300}>\n        {CONTENT}\n      </Text>\n    ),\n    children: ({ onVisible, anchorRef }) => (\n      <Box textAlign=\"center\">\n        <Button\n          ref={anchorRef}\n          variant=\"secondaryBlack\"\n          size=\"small\"\n          onClick={onVisible}\n        >\n          Click to display popover\n        </Button>\n      </Box>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Default popover.\",\n      },\n    },\n  },\n}\n\nexport const Visible = {\n  tags: [\"!autodocs\"],\n  args: {\n    placement: \"bottom\",\n    visible: true,\n    popover: (\n      <Text variant=\"xs\" width={300}>\n        {CONTENT}\n      </Text>\n    ),\n    children: ({ onVisible, anchorRef }) => (\n      <Box textAlign=\"center\">\n        <Button\n          ref={anchorRef}\n          variant=\"secondaryBlack\"\n          size=\"small\"\n          onClick={onVisible}\n        >\n          Popover Visible\n        </Button>\n      </Box>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Popover visible state.\",\n      },\n    },\n  },\n}\n\nexport const WithContentInteraction = {\n  tags: [\"!autodocs\"],\n  args: {\n    placement: \"bottom\",\n    visible: true,\n    popover: (\n      <Text variant=\"xs\" width={300}>\n        | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n        | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n        | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n        | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n        | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n        | | | | | | | | | | | | | | | | | | | | | — (Content interaction with\n        close button.)\n      </Text>\n    ),\n    children: ({ onVisible, anchorRef }) => (\n      <Box textAlign=\"center\">\n        <Button\n          ref={anchorRef}\n          variant=\"secondaryBlack\"\n          size=\"small\"\n          onClick={onVisible}\n        >\n          Popover With Content Interaction\n        </Button>\n      </Box>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Popover with content interaction.\",\n      },\n    },\n  },\n}\n\nexport const Pointer = {\n  tags: [\"!autodocs\"],\n  args: {\n    placement: \"bottom\",\n    pointer: true,\n    visible: true,\n    p: 0,\n    popover: (\n      <>\n        {new Array(4).fill(0).map((_, i) => (\n          <Text\n            key={i}\n            variant=\"sm-display\"\n            overflowEllipsis\n            bg=\"red10\"\n            px={1}\n            py={0.5}\n          >\n            Example Item\n          </Text>\n        ))}\n      </>\n    ),\n    children: ({ onVisible, anchorRef }) => (\n      <Box textAlign=\"center\">\n        <Button\n          ref={anchorRef}\n          variant=\"secondaryBlack\"\n          size=\"small\"\n          onClick={onVisible}\n        >\n          Popover With Pointer\n        </Button>\n      </Box>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Popover with pointer and multiple items.\",\n      },\n    },\n  },\n}\n\nexport const DarkVariant = {\n  tags: [\"!autodocs\"],\n  args: {\n    placement: \"bottom\",\n    variant: \"defaultDark\",\n    visible: true,\n    pointer: true,\n    zIndex: 99,\n    popover: (\n      <Text variant=\"xs\" width={300}>\n        {CONTENT}\n      </Text>\n    ),\n    children: ({ onVisible, anchorRef }) => (\n      <Box textAlign=\"center\">\n        <Button\n          ref={anchorRef}\n          variant=\"secondaryBlack\"\n          size=\"small\"\n          onClick={onVisible}\n        >\n          Popover Dark Variant\n        </Button>\n      </Box>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Popover with dark variant styling.\",\n      },\n    },\n  },\n}\n\nexport const HideCloseButton = {\n  tags: [\"!autodocs\"],\n  args: {\n    placement: \"bottom\",\n    showCloseButton: false,\n    visible: true,\n    popover: (\n      <Text variant=\"xs\" width={300}>\n        {CONTENT}\n      </Text>\n    ),\n    children: ({ onVisible, anchorRef }) => (\n      <Box textAlign=\"center\">\n        <Button\n          ref={anchorRef}\n          variant=\"secondaryBlack\"\n          size=\"small\"\n          onClick={onVisible}\n        >\n          Popover Without Close Button\n        </Button>\n      </Box>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Popover with close button hidden.\",\n      },\n    },\n  },\n}\n\nexport const IgnoreClickOutside = {\n  tags: [\"!autodocs\"],\n  args: {\n    placement: \"bottom\",\n    visible: true,\n    ignoreClickOutside: true,\n    popover: (\n      <Text variant=\"xs\" width={300}>\n        {CONTENT}\n      </Text>\n    ),\n    children: ({ onVisible, anchorRef }) => (\n      <Box textAlign=\"center\">\n        <Button\n          ref={anchorRef}\n          variant=\"secondaryBlack\"\n          size=\"small\"\n          onClick={onVisible}\n        >\n          Popover Ignore Click Outside\n        </Button>\n      </Box>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Popover with ignoreClickOutside enabled.\",\n      },\n    },\n  },\n}\n\nexport const Placement = {\n  tags: [\"!autodocs\"],\n  render: () => (\n    <States<Partial<PopoverProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => (\n        <Popover\n          popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n          visible\n          variant=\"defaultDark\"\n          pointer\n          {...props}\n        >\n          {({ anchorRef }) => (\n            <Text\n              ref={anchorRef as any}\n              variant=\"xs\"\n              textAlign=\"center\"\n              p={1}\n              maxWidth=\"50%\"\n              mx=\"auto\"\n              bg=\"mono10\"\n            >\n              {JSON.stringify(props)}\n            </Text>\n          )}\n        </Popover>\n      )}\n    </States>\n  ),\n  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story: \"Popover shown in all available placement positions.\",\n      },\n    },\n  },\n}\n\nexport const ManageFocus = {\n  tags: [\"!autodocs\"],\n  render: () => (\n    <States<Partial<PopoverProps>>\n      states={[\n        { visible: true, manageFocus: false },\n        { visible: true, manageFocus: true },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => (\n          <Box textAlign=\"center\">\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              onClick={onVisible}\n            >\n              Click to display popover\n            </Button>\n          </Box>\n        )}\n      </Popover>\n    </States>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Popover with different focus management settings.\",\n      },\n    },\n  },\n}\n\nexport const PopoverActions = {\n  tags: [\"!autodocs\"],\n  render: () => (\n    <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n      <Popover\n        placement=\"bottom\"\n        popover={({ onHide, onDismiss }) => (\n          <>\n            <Text variant=\"xs\" width={300}>\n              {CONTENT}\n            </Text>\n\n            <Spacer y={2} />\n\n            <Flex>\n              <Button\n                flex={1}\n                size=\"small\"\n                variant=\"secondaryBlack\"\n                onClick={onHide}\n              >\n                Hide\n              </Button>\n\n              <Spacer x={1} />\n\n              <Button\n                flex={1}\n                size=\"small\"\n                variant=\"secondaryBlack\"\n                onClick={onDismiss}\n              >\n                Dismiss\n              </Button>\n            </Flex>\n          </>\n        )}\n      >\n        {({ onVisible, anchorRef }) => (\n          <Box textAlign=\"center\">\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              onClick={onVisible}\n            >\n              Click to display popover\n            </Button>\n          </Box>\n        )}\n      </Popover>\n    </States>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Popover with action buttons (Hide and Dismiss).\",\n      },\n    },\n  },\n}\n\nexport const CrashAtSpecificZoomLevels = {\n  tags: [\"!autodocs\"],\n  render: () => (\n    <>\n      <Box height={100}>Zoom to 90% in Chrome, click, then scroll.</Box>\n\n      <Box height={2000} bg=\"mono5\">\n        <Box height={200} />\n\n        <Popover\n          placement=\"top\"\n          popover={({ onHide, onDismiss }) => (\n            <>\n              <Text variant=\"xs\" width={300}>\n                {CONTENT}\n              </Text>\n\n              <Spacer y={2} />\n\n              <Flex>\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onHide}\n                >\n                  Hide\n                </Button>\n\n                <Spacer x={1} />\n\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onDismiss}\n                >\n                  Dismiss\n                </Button>\n              </Flex>\n            </>\n          )}\n        >\n          {({ onVisible, anchorRef }) => (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )}\n        </Popover>\n      </Box>\n    </>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Test case for popover behavior at specific zoom levels.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireDefault","require","_Box","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ProgressBar","exports","_ref","percentComplete","_ref$highlight","highlight","_ref$showBackground","showBackground","_ref$transition","transition","rest","createElement","Box","tabIndex","role","height","position","overflow","mt","mb","bg","width","style","transform","concat","backfaceVisibility","displayName"],"sources":["../../../../src/elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { Color } from \"../../themes/types\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport interface ProgressBarProps extends BoxProps {\n  percentComplete: number\n  highlight?: Color\n  showBackground?: boolean\n  transition?: string\n}\n\n/** ProgressBar */\nexport const ProgressBar: React.FC<\n  React.PropsWithChildren<ProgressBarProps>\n> = ({\n  percentComplete,\n  highlight = \"brand\",\n  showBackground = true,\n  transition = \"transform 1s ease\",\n  ...rest\n}) => {\n  return (\n    <Box\n      tabIndex={0}\n      role=\"progressbar\"\n      aria-valuenow={percentComplete}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      height=\"2px\"\n      position=\"relative\"\n      overflow=\"hidden\"\n      mt={0.5}\n      mb={1}\n      bg={showBackground ? \"mono30\" : \"transparent\"}\n      {...rest}\n    >\n      <Box\n        bg={highlight}\n        width=\"100%\"\n        height=\"100%\"\n        style={{\n          transition,\n          transform: `translateX(-${100 - percentComplete}%)`,\n          backfaceVisibility: \"hidden\",\n        }}\n      />\n    </Box>\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.story.js","names":["_react","_interopRequireWildcard","require","_ProgressBar","_storybookBlocklist","_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","_default","exports","component","ProgressBar","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","percentComplete","story","Variants","render","createElement","style","display","flexDirection","gap","highlight","showBackground","AnimatedDemo","_useState","useState","_useState2","progress","setProgress","useEffect","timer","setInterval","Math","floor","random","clearInterval","chromatic","disable"],"sources":["../../../../src/elements/ProgressBar/ProgressBar.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { ProgressBar } from \"./ProgressBar\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: ProgressBar,\n  title: \"Components/ProgressBar\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A progress bar component that displays completion percentage with customizable colors and background.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    percentComplete: 40,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic progress bar showing completion percentage.\",\n      },\n    },\n  },\n}\n\nexport const Variants = {\n  render: () => (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <ProgressBar percentComplete={0} />\n      <ProgressBar percentComplete={1} />\n      <ProgressBar percentComplete={50} />\n      <ProgressBar percentComplete={100} />\n      <ProgressBar percentComplete={50} highlight=\"red100\" />\n      <ProgressBar percentComplete={50} showBackground={false} />\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Different progress bar configurations and states.\",\n      },\n    },\n  },\n}\n\nexport const AnimatedDemo = {\n  render: () => {\n    const [progress, setProgress] = useState(0)\n\n    useEffect(() => {\n      const timer = setInterval(\n        () => setProgress(Math.floor(Math.random() * Math.floor(100))),\n        500\n      )\n      return () => clearInterval(timer)\n    }, [])\n\n    return <ProgressBar percentComplete={progress} />\n  },\n  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story: \"Animated progress bar with randomly changing values.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ProgressBar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/elements/ProgressBar/index.tsx"],"sourcesContent":["export * from \"./ProgressBar\"\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/ProgressDots/ProgressDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressDots.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Clickable","_VisuallyHidden","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","VARIANTS","dot","width","height","borderRadius","dash","flex","ProgressDots","exports","_ref","activeIndex","amount","_ref$variant","variant","indicatorVariant","onClick","rest","createElement","Fragment","Box","role","undefined","display","alignItems","justifyContent","my","Array","from","map","_","isActive","indicator","Indicator","bg","mx","handleClick","Clickable","concat","position","top","bottom","left","VisuallyHidden","styled","withConfig","displayName","componentId","variants"],"sources":["../../../../src/elements/ProgressDots/ProgressDots.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\n\nconst VARIANTS = {\n  dot: {\n    width: \"5px\",\n    height: \"5px\",\n    borderRadius: \"50%\",\n  },\n  dash: {\n    height: \"1px\",\n    flex: 1,\n  },\n}\n\ntype Variant = keyof typeof VARIANTS\n\n/** ProgressDotsProps */\nexport interface ProgressDotsProps extends BoxProps {\n  activeIndex: number\n  amount: number\n  variant?: Variant\n  onClick?: (index: number) => void\n}\n\n/**\n * Renders an `amount` of dots and announces progress when updated\n */\nexport const ProgressDots: React.FC<\n  React.PropsWithChildren<ProgressDotsProps>\n> = ({\n  activeIndex,\n  amount,\n  variant: indicatorVariant = \"dot\",\n  onClick,\n  ...rest\n}) => {\n  return (\n    <>\n      <Box\n        role={onClick ? \"tablist\" : \"presentation\"}\n        aria-label={onClick ? \"Progress indicators\" : undefined}\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        my={0.5}\n        {...rest}\n      >\n        {Array.from(Array(amount)).map((_, i) => {\n          const isActive = i === activeIndex\n          const indicator = (\n            <Indicator\n              key={i}\n              variant={indicatorVariant}\n              bg={isActive ? \"mono100\" : \"mono30\"}\n              mx={0.5}\n            />\n          )\n\n          const handleClick = () => onClick && onClick(i)\n\n          if (onClick) {\n            return (\n              <Clickable\n                key={i}\n                role=\"tab\"\n                aria-label={`Go to ${i + 1} of ${amount}`}\n                aria-selected={isActive}\n                aria-current={isActive ? \"page\" : undefined}\n                display=\"block\"\n                position=\"relative\"\n                width={indicatorVariant === \"dash\" ? \"100%\" : \"auto\"}\n                onClick={handleClick}\n              >\n                {/* Pads out hit area. */}\n                <Box\n                  position=\"absolute\"\n                  top={-10}\n                  bottom={-10}\n                  left={0}\n                  width=\"100%\"\n                />\n\n                {indicator}\n              </Clickable>\n            )\n          }\n\n          return indicator\n        })}\n      </Box>\n\n      <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n        {activeIndex + 1} of {amount}\n      </VisuallyHidden>\n    </>\n  )\n}\n\nconst Indicator = styled(Box)<{\n  variant: Variant\n  onClick?: (index: number) => void\n}>`\n  ${variant({ variants: VARIANTS })}\n  transition: background-color 250ms;\n`\n\nIndicator.displayName = \"Indicator\"\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressDots.story.js","names":["_test","require","_react","_interopRequireWildcard","_ProgressDots","_storybookBlocklist","_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","_default","exports","component","ProgressDots","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","activeIndex","amount","story","DotVariants","render","createElement","style","display","flexDirection","gap","DashVariants","variant","Interactive","_useState","useState","_useState2","index","setIndex","Fragment","my","onClick","chromatic","disable","Clickable","fn"],"sources":["../../../../src/elements/ProgressDots/ProgressDots.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { ProgressDots } from \"./ProgressDots\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: ProgressDots,\n  title: \"Components/ProgressDots\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A navigation component displaying a series of dots or dashes to indicate progress or position.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    activeIndex: 0,\n    amount: 5,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic progress dots showing position in a sequence.\",\n      },\n    },\n  },\n}\n\nexport const DotVariants = {\n  render: () => (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <ProgressDots activeIndex={0} amount={5} />\n      <ProgressDots activeIndex={2} amount={5} />\n      <ProgressDots activeIndex={4} amount={5} />\n      <ProgressDots activeIndex={0} amount={25} />\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Dot variant with different active indices and amounts.\",\n      },\n    },\n  },\n}\n\nexport const DashVariants = {\n  render: () => (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <ProgressDots variant=\"dash\" activeIndex={0} amount={5} />\n      <ProgressDots variant=\"dash\" activeIndex={2} amount={5} />\n      <ProgressDots variant=\"dash\" activeIndex={4} amount={5} />\n      <ProgressDots variant=\"dash\" activeIndex={0} amount={25} />\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Dash variant with different active indices and amounts.\",\n      },\n    },\n  },\n}\n\nexport const Interactive = {\n  render: () => {\n    const [index, setIndex] = useState(0)\n\n    return (\n      <>\n        <ProgressDots\n          activeIndex={index}\n          amount={5}\n          my={2}\n          onClick={setIndex}\n        />\n        <ProgressDots\n          variant=\"dash\"\n          activeIndex={index}\n          amount={5}\n          my={2}\n          onClick={setIndex}\n        />\n      </>\n    )\n  },\n  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story: \"Interactive progress dots that respond to clicks.\",\n      },\n    },\n  },\n}\n\nexport const Clickable = {\n  args: {\n    variant: \"dash\",\n    activeIndex: 0,\n    amount: 5,\n    onClick: fn(),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Progress dots with click handler functionality.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAA0E,SAAAK,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,SAAAJ,wBAAAQ,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,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,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,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,IAAAsC,QAAA,GAAAC,OAAA,CAAAvD,OAAA,GAE3D;EACbwD,SAAS,EAAEC,0BAAY;EACvBC,KAAK,EAAE,yBAAyB;EAChCC,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,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE;EACV,CAAC;EACDT,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,WAAW,GAAAhB,OAAA,CAAAgB,WAAA,GAAG;EACzBC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJpF,MAAA,CAAAY,OAAA,CAAAyE,aAAA;MAAKC,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEC,aAAa,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAO;IAAE,gBACpEzF,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MAACW,WAAW,EAAE,CAAE;MAACC,MAAM,EAAE;IAAE,EAAG,eAC3CjF,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MAACW,WAAW,EAAE,CAAE;MAACC,MAAM,EAAE;IAAE,EAAG,eAC3CjF,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MAACW,WAAW,EAAE,CAAE;MAACC,MAAM,EAAE;IAAE,EAAG,eAC3CjF,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MAACW,WAAW,EAAE,CAAE;MAACC,MAAM,EAAE;IAAG,EAAG,CACxC;EAAA,CACP;EACDT,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMQ,YAAY,GAAAvB,OAAA,CAAAuB,YAAA,GAAG;EAC1BN,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJpF,MAAA,CAAAY,OAAA,CAAAyE,aAAA;MAAKC,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEC,aAAa,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAO;IAAE,gBACpEzF,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MAACsB,OAAO,EAAC,MAAM;MAACX,WAAW,EAAE,CAAE;MAACC,MAAM,EAAE;IAAE,EAAG,eAC1DjF,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MAACsB,OAAO,EAAC,MAAM;MAACX,WAAW,EAAE,CAAE;MAACC,MAAM,EAAE;IAAE,EAAG,eAC1DjF,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MAACsB,OAAO,EAAC,MAAM;MAACX,WAAW,EAAE,CAAE;MAACC,MAAM,EAAE;IAAE,EAAG,eAC1DjF,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MAACsB,OAAO,EAAC,MAAM;MAACX,WAAW,EAAE,CAAE;MAACC,MAAM,EAAE;IAAG,EAAG,CACvD;EAAA,CACP;EACDT,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMU,WAAW,GAAAzB,OAAA,CAAAyB,WAAA,GAAG;EACzBR,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAAS,SAAA,GAA0B,IAAAC,eAAQ,EAAC,CAAC,CAAC;MAAAC,UAAA,GAAApE,cAAA,CAAAkE,SAAA;MAA9BG,KAAK,GAAAD,UAAA;MAAEE,QAAQ,GAAAF,UAAA;IAEtB,oBACE/F,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAAArF,MAAA,CAAAY,OAAA,CAAAsF,QAAA,qBACElG,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MACXW,WAAW,EAAEgB,KAAM;MACnBf,MAAM,EAAE,CAAE;MACVkB,EAAE,EAAE,CAAE;MACNC,OAAO,EAAEH;IAAS,EAClB,eACFjG,MAAA,CAAAY,OAAA,CAAAyE,aAAA,CAACnF,aAAA,CAAAmE,YAAY;MACXsB,OAAO,EAAC,MAAM;MACdX,WAAW,EAAEgB,KAAM;MACnBf,MAAM,EAAE,CAAE;MACVkB,EAAE,EAAE,CAAE;MACNC,OAAO,EAAEH;IAAS,EAClB,CACD;EAEP,CAAC;EACDzB,UAAU,EAAE;IACV6B,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC;IAC5B7B,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMqB,SAAS,GAAApC,OAAA,CAAAoC,SAAA,GAAG;EACvBxB,IAAI,EAAE;IACJY,OAAO,EAAE,MAAM;IACfX,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,CAAC;IACTmB,OAAO,EAAE,IAAAI,QAAE;EACb,CAAC;EACDhC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Flex","_isText","_Text","_RadioDot","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Radio","exports","_ref","children","disabled","hover","focus","error","label","selected","value","_ref$size","size","onSelect","rest","handleClick","handleKeyPress","event","preventDefault","title","description","createElement","Container","as","alignItems","role","onClick","tabIndex","onKeyPress","Flex","height","RADIO_SIZES","dotSize","width","alignSelf","mr","RadioDot","flexDirection","flex","isText","Text","variant","labelFontSize","lineHeight","undefined","descriptionFontSize","color","displayName","styled","withConfig","componentId","props","css","RADIO_STATES","RADIO_DOT_STATES","resting"],"sources":["../../../../src/elements/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Flex, FlexProps } from \"../../elements/Flex\"\nimport { isText } from \"../../helpers/isText\"\nimport { Text } from \"../Text\"\nimport { RadioDot } from \"./RadioDot\"\nimport { RADIO_DOT_STATES, RADIO_STATES, RADIO_SIZES } from \"./tokens\"\n\nexport interface RadioProps<T>\n  extends FlexProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable interactions */\n  disabled?: boolean\n  /** Select the button on render. If the Radio is inside a RadioGroup, use RadioGroup.defaultValue instead. */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Show hover state on render */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Value of radio button */\n  value?: T\n  /** Name of the radio button */\n  name?: string\n  /** The label content, if not specified the children will be used  */\n  label?: React.ReactNode\n  /** The radio size, if not specified, \"sm\" will be used  */\n  size?: keyof typeof RADIO_SIZES\n  /** Callback when selected */\n  onSelect?: (selected: { selected: boolean; value: T }) => void\n}\n\n/** A Radio button */\nexport const Radio = <T,>({\n  children,\n  disabled,\n  hover,\n  focus,\n  error,\n  label,\n  selected,\n  value,\n  size = \"sm\",\n  onSelect,\n  ...rest\n}: RadioProps<T>) => {\n  const handleClick = () => {\n    onSelect && onSelect({ selected: !selected, value: value! })\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \") {\n      event.preventDefault()\n      onSelect && onSelect({ selected: !selected, value: value! })\n    }\n  }\n\n  // TODO: Re-name props to match <Input />\n  const title = label ? label : children\n  const description = label ? children : null\n\n  return (\n    <Container\n      as=\"label\"\n      alignItems=\"center\"\n      role=\"radio\"\n      aria-checked={selected}\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      disabled={disabled}\n      hover={hover}\n      focus={focus}\n      selected={selected}\n      error={error}\n      {...rest}\n    >\n      <Flex\n        height={RADIO_SIZES[size].dotSize}\n        width={RADIO_SIZES[size].dotSize}\n        alignSelf=\"start\"\n        mr={1}\n      >\n        <RadioDot\n          disabled={disabled}\n          hover={hover}\n          focus={focus}\n          selected={selected}\n          error={error}\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" flex={1}>\n        <Flex alignItems=\"center\" flex={1}>\n          {isText(title) ? (\n            <Text\n              variant={RADIO_SIZES[size].labelFontSize}\n              lineHeight={description ? undefined : 1}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n        </Flex>\n\n        {isText(description) ? (\n          <Text variant={RADIO_SIZES[size].descriptionFontSize} color=\"mono60\">\n            {description}\n          </Text>\n        ) : (\n          description\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Flex)<{\n  disabled?: boolean\n  error?: boolean\n  hover?: boolean\n  focus?: boolean\n  selected?: boolean\n  as?: React.ElementType\n}>`\n  ${(props) => {\n    return css`\n      ${props.selected ? RADIO_STATES.selected : RADIO_STATES.default}\n      ${props.focus && RADIO_STATES.focus}\n      ${props.hover && RADIO_STATES.hover}\n      ${props.disabled && RADIO_STATES.disabled}\n      ${props.error && RADIO_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        !props.disabled &&\n        css`\n          ${RADIO_STATES.hover}\n\n          // Radio\n          > ${RadioDot} {\n            ${props.selected\n              ? RADIO_DOT_STATES.hover.selected\n              : RADIO_DOT_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus-visible {\n        ${RADIO_STATES.focus}\n\n        // Radio\n        > ${RadioDot} {\n          ${props.selected\n            ? RADIO_DOT_STATES.focus.selected\n            : RADIO_DOT_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${RADIO_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.story.js","names":["_react","_interopRequireDefault","require","_Flex","_Text","_Radio","_storybookBlocklist","obj","__esModule","default","_default","exports","component","Radio","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","story","Selected","selected","Disabled","disabled","WithError","error","WithDescription","label","width","SmallSize","size","SplitLabel","createElement","Flex","justifyContent","flex","Text","variant","color"],"sources":["../../../../src/elements/Radio/Radio.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Radio } from \"./Radio\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Radio,\n  title: \"Components/Radio\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A radio button input component with support for labels, descriptions, and various states.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    children: \"A label\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic radio button with a simple label.\",\n      },\n    },\n  },\n}\n\nexport const Selected = {\n  args: {\n    selected: true,\n    children: \"Selected radio\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio button in selected state.\",\n      },\n    },\n  },\n}\n\nexport const Disabled = {\n  args: {\n    disabled: true,\n    children: \"Disabled radio\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled radio button that cannot be interacted with.\",\n      },\n    },\n  },\n}\n\nexport const WithError = {\n  args: {\n    error: true,\n    children: \"Radio with error\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio button showing error state.\",\n      },\n    },\n  },\n}\n\nexport const WithDescription = {\n  args: {\n    label: \"A label that takes up multiple lines\",\n    width: \"200px\",\n    children: \"This is my description\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio button with both label and description text.\",\n      },\n    },\n  },\n}\n\nexport const SmallSize = {\n  args: {\n    label: \"Small radio\",\n    size: \"sm\",\n    children: \"This is my description\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Small sized radio button.\",\n      },\n    },\n  },\n}\n\nexport const SplitLabel = {\n  args: {\n    children: (\n      <Flex justifyContent=\"space-between\" flex={1}>\n        <Text variant=\"sm-display\">Label</Text>\n        <Text variant=\"xs\" color=\"mono60\">\n          Subtitle\n        </Text>\n      </Flex>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio button with custom split label layout.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/cjs/elements/Radio/RadioDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioDot.js","names":["_styledComponents","_interopRequireDefault","require","_Box","_tokens","obj","__esModule","default","RadioDot","exports","styled","Box","withConfig","displayName","componentId","props","mode","disabled","RADIO_DOT_STATES","hover","focus","error","selected","resting"],"sources":["../../../../src/elements/Radio/RadioDot.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Box } from \"../Box\"\nimport { RADIO_DOT_STATES } from \"./tokens\"\n\nexport interface CheckProps {\n  disabled?: boolean\n  error?: boolean\n  hover?: boolean\n  focus?: boolean\n  selected?: boolean\n}\n\nexport const RadioDot = styled(Box)<CheckProps>`\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background-color 0.25s, border-color 0.25s, color 0.25s;\n\n  ${(props) => {\n    const mode = (() => {\n      switch (true) {\n        case props.disabled:\n          return RADIO_DOT_STATES.disabled\n        case props.hover:\n          return RADIO_DOT_STATES.hover\n        case props.focus:\n          return RADIO_DOT_STATES.focus\n        case props.error:\n          return RADIO_DOT_STATES.error\n        default:\n          return RADIO_DOT_STATES.default\n      }\n    })()\n\n    return props.selected ? mode.selected : mode.resting\n  }};\n\n  /* Dot  */\n  &::after {\n    content: \"\";\n    display: block;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    transition: background-color 0.25s;\n    background-color: currentColor;\n  }\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA2C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAUpC,IAAMG,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2UAU/B,UAACC,KAAK,EAAK;EACX,IAAMC,IAAI,GAAI,YAAM;IAClB,QAAQ,IAAI;MACV,KAAKD,KAAK,CAACE,QAAQ;QACjB,OAAOC,wBAAgB,CAACD,QAAQ;MAClC,KAAKF,KAAK,CAACI,KAAK;QACd,OAAOD,wBAAgB,CAACC,KAAK;MAC/B,KAAKJ,KAAK,CAACK,KAAK;QACd,OAAOF,wBAAgB,CAACE,KAAK;MAC/B,KAAKL,KAAK,CAACM,KAAK;QACd,OAAOH,wBAAgB,CAACG,KAAK;MAC/B;QACE,OAAOH,wBAAgB,CAACX,OAAO;IAAA;EAErC,CAAC,EAAG;EAEJ,OAAOQ,KAAK,CAACO,QAAQ,GAAGN,IAAI,CAACM,QAAQ,GAAGN,IAAI,CAACO,OAAO;AACtD,CAAC,CAYF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","RADIO_DOT_STATES","exports","default","resting","css","themeGet","selected","focus","disabled","error","hover","RADIO_STATES","RADIO_SIZES","sm","labelFontSize","descriptionFontSize","dotSize","md","lg"],"sources":["../../../../src/elements/Radio/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\nimport { ResponsiveValue } from \"styled-system\"\nimport { TextVariant } from \"../../Theme\"\n\nexport const RADIO_DOT_STATES = {\n  default: {\n    resting: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      background-color: ${themeGet(\"colors.mono100\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      background-color: ${themeGet(\"colors.mono100\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      background-color: ${themeGet(\"colors.mono30\")};\n    `,\n  },\n  error: {\n    resting: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.red100\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      background-color: ${themeGet(\"colors.red100\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      border: 1px solid;\n      color: transparent;\n      border-color: ${themeGet(\"colors.blue100\")};\n      background-color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      background-color: ${themeGet(\"colors.blue100\")};\n    `,\n  },\n}\n\nexport const RADIO_STATES = {\n  default: css`\n    color: ${themeGet(\"colors.mono60\")};\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.mono100\")};\n\n    /* Label */\n    > div > div:first-of-type {\n      text-decoration: underline;\n    }\n  `,\n  selected: css`\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.blue100\")};\n\n    /* Label */\n    > div > div:first-of-type {\n      text-decoration: underline;\n    }\n  `,\n  disabled: css`\n    pointer-events: none;\n    color: ${themeGet(\"colors.mono30\")};\n  `,\n  error: css`\n    color: ${themeGet(\"colors.red100\")};\n  `,\n} as const\n\ninterface SizeVariant {\n  labelFontSize: ResponsiveValue<TextVariant>\n  descriptionFontSize: ResponsiveValue<TextVariant>\n  dotSize: string\n}\n\nexport const RADIO_SIZES: Record<string, SizeVariant> = {\n  sm: {\n    labelFontSize: \"sm-display\",\n    descriptionFontSize: \"xs\",\n    dotSize: \"20px\",\n  },\n  md: {\n    labelFontSize: \"md\",\n    descriptionFontSize: \"sm\",\n    dotSize: \"25px\",\n  },\n  lg: {\n    labelFontSize: \"lg-display\",\n    descriptionFontSize: \"md\",\n    dotSize: \"32px\",\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAIO,IAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,OAAO,EAAE;IACPC,OAAO,MAAEC,qBAAG,sDAED,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAC1C;IACDC,QAAQ,MAAEF,qBAAG,4EAEF,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;EAElD,CAAC;EACDE,KAAK,EAAE;IACLJ,OAAO,MAAEC,qBAAG,sDAED,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAC3C;IACDC,QAAQ,MAAEF,qBAAG,4EAEF,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;EAElD,CAAC;EACDG,QAAQ,EAAE;IACRL,OAAO,MAAEC,qBAAG,sDAED,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAC1C;IACDC,QAAQ,MAAEF,qBAAG,4EAEF,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,eAAe,CAAC;EAEjD,CAAC;EACDI,KAAK,EAAE;IACLN,OAAO,MAAEC,qBAAG,sDAED,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAC1C;IACDC,QAAQ,MAAEF,qBAAG,4EAEF,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,eAAe,CAAC;EAEjD,CAAC;EACDK,KAAK,EAAE;IACLP,OAAO,MAAEC,qBAAG,mFAGM,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAC7C;IACDC,QAAQ,MAAEF,qBAAG,4EAEF,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EACjB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;EAElD;AACF,CAAC;AAEM,IAAMM,YAAY,GAAAV,OAAA,CAAAU,YAAA,GAAG;EAC1BT,OAAO,MAAEE,qBAAG,mBACD,IAAAC,kBAAQ,EAAC,eAAe,CAAC,CACnC;EACDE,KAAK,MAAEH,qBAAG,wEACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CAMpC;EACDC,QAAQ,MAAEF,qBAAG,mBACF,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDK,KAAK,MAAEN,qBAAG,wEACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CAMpC;EACDG,QAAQ,MAAEJ,qBAAG,uCAEF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,CACnC;EACDI,KAAK,MAAEL,qBAAG,mBACC,IAAAC,kBAAQ,EAAC,eAAe,CAAC;AAEtC,CAAU;AAQH,IAAMO,WAAwC,GAAAX,OAAA,CAAAW,WAAA,GAAG;EACtDC,EAAE,EAAE;IACFC,aAAa,EAAE,YAAY;IAC3BC,mBAAmB,EAAE,IAAI;IACzBC,OAAO,EAAE;EACX,CAAC;EACDC,EAAE,EAAE;IACFH,aAAa,EAAE,IAAI;IACnBC,mBAAmB,EAAE,IAAI;IACzBC,OAAO,EAAE;EACX,CAAC;EACDE,EAAE,EAAE;IACFJ,aAAa,EAAE,YAAY;IAC3BC,mBAAmB,EAAE,IAAI;IACzBC,OAAO,EAAE;EACX;AACF,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":["_react","_interopRequireDefault","require","_Flex","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","enumerable","configurable","writable","defineProperty","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","__proto__","_inherits","subClass","superClass","create","value","_setPrototypeOf","p","RadioGroup","exports","_React$Component","_this2$props$defaultV","_this2","_len","Array","_key","concat","state","selectedOption","defaultValue","onSelect","_ref","update","deselectable","setState","componentDidUpdate","prevProps","renderRadioButtons","_this3","React","Children","map","children","child","cloneElement","disabled","selected","_child$props$onSelect","_child$props","render","_this$props","disabledText","_onSelect","_defaultValue","_children","rest","createElement","Flex","flexDirection","Text","variant","mb","color","Component","displayName"],"sources":["../../../../src/elements/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React from \"react\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { RadioProps } from \"../Radio\"\nimport { Text } from \"../Text\"\n\nexport interface RadioGroupProps<T> extends FlexProps {\n  /** Ability to deselect the selection */\n  deselectable?: boolean\n  /** Disable interactions */\n  disabled?: boolean\n  /** Text to display when disabled */\n  disabledText?: string\n  /** Callback when selected */\n  onSelect?: (selectedOption: T) => void\n  /** Default value of radio button */\n  defaultValue?: T\n  /** Child <Radio /> elements */\n  children:\n    | Array<React.ReactElement<RadioProps<T>>>\n    | React.ReactElement<RadioProps<T>>\n}\n\ninterface RadioGroupState<T> {\n  selectedOption: T | null\n}\n\n/**\n * A stateful collection of Radio buttons\n */\nexport class RadioGroup<T> extends React.Component<\n  RadioGroupProps<T>,\n  RadioGroupState<T>\n> {\n  state = {\n    selectedOption: this.props.defaultValue ?? null,\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.defaultValue !== this.props.defaultValue) {\n      this.setState({\n        selectedOption: this.props.defaultValue!,\n      })\n    }\n  }\n\n  onSelect = ({ value }) => {\n    // After state update, call back up the tree with the latest state\n    const update = () => {\n      if (this.props.onSelect) {\n        this.props.onSelect(this.state.selectedOption!)\n      }\n    }\n\n    if (this.props.deselectable) {\n      if (this.state.selectedOption === value) {\n        this.setState(\n          {\n            selectedOption: null,\n          },\n          update\n        )\n        return\n      }\n    }\n\n    this.setState({ selectedOption: value }, update)\n  }\n\n  renderRadioButtons() {\n    return React.Children.map(\n      this.props.children,\n      (child: React.ReactElement<RadioProps<T>>) => {\n        return React.cloneElement(child, {\n          disabled:\n            child.props.disabled !== undefined\n              ? child.props.disabled\n              : this.props.disabled,\n          onSelect: child.props.onSelect\n            ? (selected) => {\n                this.onSelect(selected)\n                child.props.onSelect?.(selected)\n              }\n            : this.onSelect,\n          // FIXME: Throw an error `child.props.selected' is set once we enable the dev code elimination.\n          selected: this.state.selectedOption === child.props.value,\n        })\n      }\n    )\n  }\n\n  render() {\n    const {\n      disabled,\n      disabledText,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onSelect: _onSelect,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      defaultValue: _defaultValue,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      children: _children,\n      ...rest\n    } = this.props\n    return (\n      <Flex flexDirection=\"column\" {...rest}>\n        {disabled && disabledText && (\n          <Text variant=\"xs\" mb={1} color=\"mono60\">\n            {disabledText}\n          </Text>\n        )}\n\n        {this.renderRadioButtons()}\n      </Flex>\n    )\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.story.js","names":["_test","require","_react","_interopRequireWildcard","_Spacer","_Button","_Radio","_RadioGroup","_Join","_storybookBlocklist","_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","_default","exports","component","RadioGroup","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","onSelect","fn","children","createElement","Join","separator","Spacer","y","map","Radio","label","story","WithDefaultValue","defaultValue","Deselectable","deselectable","Disabled","disabled","DisabledWithText","disabledText","InteractiveDefault","render","_useState","useState","_useState2","setValue","Fragment","Button","mb","onClick","BooleanValues"],"sources":["../../../../src/elements/RadioGroup/RadioGroup.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { Spacer } from \"../Spacer\"\nimport { Button } from \"../Button\"\nimport { Radio } from \"../Radio/Radio\"\nimport { RadioGroup } from \"./RadioGroup\"\nimport { Join } from \"../Join\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: RadioGroup,\n  title: \"Components/RadioGroup\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A group of radio button inputs with support for default values and deselection.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic radio group with multiple options.\",\n      },\n    },\n  },\n}\n\nexport const WithDefaultValue = {\n  args: {\n    defaultValue: \"Aural\",\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio group with a pre-selected default value.\",\n      },\n    },\n  },\n}\n\nexport const Deselectable = {\n  args: {\n    deselectable: true,\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio group that allows deselecting the current selection.\",\n      },\n    },\n  },\n}\n\nexport const Disabled = {\n  args: {\n    disabled: true,\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled radio group that cannot be interacted with.\",\n      },\n    },\n  },\n}\n\nexport const DisabledWithText = {\n  args: {\n    disabled: true,\n    disabledText: \"Reason for disabled\",\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled radio group with explanatory text.\",\n      },\n    },\n  },\n}\n\nexport const InteractiveDefault = {\n  render: () => {\n    const [defaultValue, setValue] = useState(\"PICKUP\")\n\n    return (\n      <>\n        <Button\n          mb={2}\n          onClick={() => {\n            setValue(defaultValue === \"PICKUP\" ? \"SHIP\" : \"PICKUP\")\n          }}\n        >\n          Toggle default value: {defaultValue}\n        </Button>\n        <RadioGroup defaultValue={defaultValue} onSelect={fn()}>\n          <Radio value=\"SHIP\" label=\"Provide shipping address\" />\n          <Spacer y={0.5} />\n          <Radio value=\"PICKUP\" label=\"Arrange for pickup\" />\n        </RadioGroup>\n      </>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Interactive example with dynamically changing default value.\",\n      },\n    },\n  },\n}\n\nexport const BooleanValues = {\n  args: {\n    defaultValue: false,\n    onSelect: fn(),\n    children: (\n      <>\n        <Radio value={true} label=\"Yes\" />\n        <Spacer y={0.5} />\n        <Radio value={false} label=\"No\" />\n      </>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio group with boolean values instead of strings.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AAA0E,SAAAS,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,SAAAR,wBAAAY,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,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,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,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,IAAAsC,QAAA,GAAAC,OAAA,CAAAvD,OAAA,GAE3D;EACbwD,SAAS,EAAEC,sBAAU;EACrBC,KAAK,EAAE,uBAAuB;EAC9BC,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,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,gBAAgB,GAAAzB,OAAA,CAAAyB,gBAAA,GAAG;EAC9Bb,IAAI,EAAE;IACJc,YAAY,EAAE,OAAO;IACrBb,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMG,YAAY,GAAA3B,OAAA,CAAA2B,YAAA,GAAG;EAC1Bf,IAAI,EAAE;IACJgB,YAAY,EAAE,IAAI;IAClBf,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMK,QAAQ,GAAA7B,OAAA,CAAA6B,QAAA,GAAG;EACtBjB,IAAI,EAAE;IACJkB,QAAQ,EAAE,IAAI;IACdjB,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMO,gBAAgB,GAAA/B,OAAA,CAAA+B,gBAAA,GAAG;EAC9BnB,IAAI,EAAE;IACJkB,QAAQ,EAAE,IAAI;IACdE,YAAY,EAAE,qBAAqB;IACnCnB,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMS,kBAAkB,GAAAjC,OAAA,CAAAiC,kBAAA,GAAG;EAChCC,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAAC,SAAA,GAAiC,IAAAC,eAAQ,EAAC,QAAQ,CAAC;MAAAC,UAAA,GAAA7E,cAAA,CAAA2E,SAAA;MAA5CT,YAAY,GAAAW,UAAA;MAAEC,QAAQ,GAAAD,UAAA;IAE7B,oBACE5G,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAAvF,MAAA,CAAAgB,OAAA,CAAA8F,QAAA,qBACE9G,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACpF,OAAA,CAAA4G,MAAM;MACLC,EAAE,EAAE,CAAE;MACNC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACbJ,QAAQ,CAACZ,YAAY,KAAK,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;MACzD;IAAE,GACH,wBACuB,EAACA,YAAY,CAC5B,eACTjG,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAClF,WAAA,CAAAoE,UAAU;MAACwB,YAAY,EAAEA,YAAa;MAACb,QAAQ,EAAE,IAAAC,QAAE;IAAG,gBACrDrF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;MAAC3B,KAAK,EAAC,MAAM;MAAC4B,KAAK,EAAC;IAA0B,EAAG,eACvD9F,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;MAACC,CAAC,EAAE;IAAI,EAAG,eAClB3F,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;MAAC3B,KAAK,EAAC,QAAQ;MAAC4B,KAAK,EAAC;IAAoB,EAAG,CACxC,CACZ;EAEP,CAAC;EACDlB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMmB,aAAa,GAAA3C,OAAA,CAAA2C,aAAA,GAAG;EAC3B/B,IAAI,EAAE;IACJc,YAAY,EAAE,KAAK;IACnBb,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAAvF,MAAA,CAAAgB,OAAA,CAAA8F,QAAA,qBACE9G,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;MAAC3B,KAAK,EAAE,IAAK;MAAC4B,KAAK,EAAC;IAAK,EAAG,eAClC9F,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;MAACC,CAAC,EAAE;IAAI,EAAG,eAClB3F,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;MAAC3B,KAAK,EAAE,KAAM;MAAC4B,KAAK,EAAC;IAAI,EAAG;EAGxC,CAAC;EACDlB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Range.js","names":["_themeGet","require","_react","_interopRequireWildcard","React","_styledComponents","_utils","_remapValue","_Box","_Flex","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RANGE_HANDLE_SIZE","exports","Range","_ref","ariaLabels","min","max","step","_ref$value","onChange","rest","minRef","useRef","maxRef","_useState","useState","_useState2","values","setValues","_useState3","_useState4","maxWidth","setMaxWidth","handleMinChange","_ref2","valueAsNumber","handleMaxChange","_ref3","useEffect","handleResize","current","offsetWidth","requestAnimationFrame","window","addEventListener","passive","removeEventListener","useUpdateEffect","selectionRectangle","concat","remapValue","maxRectangle","createElement","Track","Selection","style","clip","Slider","ref","onInput","displayName","styled","Flex","withConfig","componentId","themeGet","Box","railStyles","css","handleStyles","input","defaultProps","type"],"sources":["../../../../src/elements/Range/Range.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport * as React from \"react\"\nimport { useEffect, useRef, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { remapValue } from \"../../utils/remapValue\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport const RANGE_HANDLE_SIZE = 24\n\nexport interface RangeProps extends BoxProps {\n  ariaLabels?: [string, string]\n  min: number\n  max: number\n  step: number\n  value?: number[]\n  onChange?: (range: [number, number]) => void\n}\n\nexport const Range: React.FC<React.PropsWithChildren<RangeProps>> = ({\n  ariaLabels,\n  min,\n  max,\n  step,\n  value = [0, max],\n  onChange,\n  ...rest\n}) => {\n  const minRef = useRef<HTMLInputElement | null>(null)\n  const maxRef = useRef<HTMLInputElement | null>(null)\n\n  const [values, setValues] = useState(value)\n\n  const [maxWidth, setMaxWidth] = useState(0)\n\n  const handleMinChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value > values[1] - step) return\n    setValues([value, values[1]])\n    onChange?.([value, values[1]])\n  }\n\n  const handleMaxChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value < values[0] + step) return\n    setValues([values[0], value])\n    onChange?.([values[0], value])\n  }\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (!maxRef.current) return\n      setMaxWidth(maxRef.current.offsetWidth)\n    }\n\n    requestAnimationFrame(handleResize)\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [])\n\n  // Sync local state with value prop\n  useUpdateEffect(() => {\n    setValues(value)\n  }, [...value])\n\n  const selectionRectangle = `rect(0, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px, 2px, ${remapValue(\n    values[0],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  const maxRectangle = `rect(0, ${maxWidth}px, ${RANGE_HANDLE_SIZE}px, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  return (\n    <Track {...rest}>\n      <Selection style={{ clip: selectionRectangle }} />\n\n      <Slider\n        ref={minRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMinChange}\n        value={values[0]}\n        aria-label={ariaLabels?.[0]}\n      />\n\n      <Slider\n        ref={maxRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMaxChange}\n        value={values[1]}\n        style={{ clip: maxRectangle }}\n        aria-label={ariaLabels?.[1]}\n      />\n    </Track>\n  )\n}\n\nconst Track = styled(Flex)`\n  align-items: center;\n  position: relative;\n  height: ${RANGE_HANDLE_SIZE}px;\n\n  &:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    top: 50%;\n    margin-top: -1px;\n    background-color: ${themeGet(\"colors.mono30\")};\n  }\n`\n\nconst Selection = styled(Box)`\n  position: absolute;\n  height: 2px;\n  left: 0;\n  right: 0;\n  top: 50%;\n  margin-top: -1px;\n  background-color: ${themeGet(\"colors.brand\")};\n`\n\nconst railStyles = css`\n  width: 100%;\n  height: ${RANGE_HANDLE_SIZE}px;\n`\n\nconst handleStyles = css`\n  user-select: none;\n  cursor: grab;\n  width: ${RANGE_HANDLE_SIZE}px;\n  height: ${RANGE_HANDLE_SIZE}px;\n  background-color: ${themeGet(\"colors.mono0\")};\n  border-radius: 50%;\n  border: 1px solid ${themeGet(\"colors.mono10\")};\n  box-shadow: ${themeGet(\"effects.flatShadow\")};\n`\n\nconst Slider = styled.input`\n  appearance: none;\n  background: transparent;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  &::-webkit-slider-runnable-track {\n    ${railStyles}\n  }\n\n  &::-moz-range-track {\n    ${railStyles}\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    ${handleStyles}\n  }\n\n  &::-moz-range-thumb {\n    ${handleStyles}\n  }\n\n  &:active {\n    &::-webkit-slider-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.mono5\")};\n    }\n\n    &::-moz-range-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.mono5\")};\n    }\n  }\n`\n\nSlider.defaultProps = {\n  type: \"range\",\n}\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Range.story.js","names":["_test","require","_react","_interopRequireWildcard","_Box","_Modal","_Range","_LabeledInput","_Flex","_Spacer","_Text","_Drawer","_Button","_storybookBlocklist","_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","_default","exports","component","Range","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","min","max","step","onChange","fn","ariaLabels","story","WithInitialValue","SmallRange","WithinModal","render","_React$useState","React","useState","_React$useState2","open","setOpen","createElement","Fragment","Button","onClick","ModalBase","width","height","dialogProps","bg","onClose","Box","WithinDrawer","_useState","_useState2","Drawer","p","chromatic","disable","InContext","_useState3","_useState4","_useState4$","setMinMax","border","borderColor","Flex","LabeledInput","label","flex","Spacer","x","y","justifyContent","Text","variant"],"sources":["../../../../src/elements/Range/Range.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { ModalBase } from \"../Modal\"\nimport { Range } from \"./Range\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Drawer } from \"../Drawer\"\nimport { Button } from \"../Button\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Range,\n  title: \"Components/Range\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A dual-handle range slider component for selecting value ranges with customizable min/max/step values.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    min: 0,\n    max: 5000,\n    step: 10,\n    onChange: fn(),\n    ariaLabels: [\"Min price\", \"Max price\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic range slider with default settings.\",\n      },\n    },\n  },\n}\n\nexport const WithInitialValue = {\n  args: {\n    min: 0,\n    max: 5000,\n    step: 10,\n    value: [1100, 3450],\n    onChange: fn(),\n    ariaLabels: [\"Min price\", \"Max price\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider with pre-selected values.\",\n      },\n    },\n  },\n}\n\nexport const SmallRange = {\n  args: {\n    min: 0,\n    max: 10,\n    step: 1,\n    onChange: fn(),\n    ariaLabels: [\"Min value\", \"Max value\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider with small numeric range and step of 1.\",\n      },\n    },\n  },\n}\n\nexport const WithinModal = {\n  render: () => {\n    const [open, setOpen] = React.useState(false)\n    return (\n      <>\n        <Button onClick={() => setOpen(true)}>Open Modal</Button>\n        {open && (\n          <ModalBase\n            width=\"100%\"\n            height=\"100%\"\n            dialogProps={{ width: 400, height: 400, bg: \"mono5\" }}\n            onClose={() => setOpen(false)}\n          >\n            <Box width={400} height={400}>\n              <Range min={0} max={5000} step={10} onChange={fn()} />\n            </Box>\n          </ModalBase>\n        )}\n      </>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider displayed within a modal dialog.\",\n      },\n    },\n  },\n}\n\nexport const WithinDrawer = {\n  render: () => {\n    const [open, setOpen] = useState(false)\n    return (\n      <>\n        <Button\n          onClick={() => {\n            setOpen(true)\n          }}\n        >\n          Open\n        </Button>\n        <Drawer\n          open={open}\n          onClose={() => {\n            setOpen(false)\n          }}\n        >\n          <Box width={400} p={2}>\n            <Range min={0} max={5000} step={10} onChange={fn()} />\n          </Box>\n        </Drawer>\n      </>\n    )\n  },\n  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story: \"Range slider displayed within a drawer component.\",\n      },\n    },\n  },\n}\n\nexport const InContext = {\n  render: () => {\n    const [[min, max], setMinMax] = useState<number[]>([0, 50000])\n\n    return (\n      <Box p={2} border=\"1px solid\" borderColor=\"mono10\" width={375}>\n        <Flex>\n          <LabeledInput title=\"Min\" label=\"$USD\" flex={1} value={min} />\n          <Spacer x={1} />\n          <LabeledInput title=\"Max\" label=\"$USD\" flex={1} value={max} />\n        </Flex>\n        <Spacer y={1} />\n        <Range\n          min={0}\n          max={50000}\n          step={100}\n          value={[min, max]}\n          onChange={setMinMax}\n        />\n        <Spacer y={0.5} />\n        <Flex justifyContent=\"space-between\">\n          <Text variant=\"xs\">$0</Text>\n          <Text variant=\"xs\">$50000+</Text>\n        </Flex>\n      </Box>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Range slider integrated with input fields showing real-world price filtering usage.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

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

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

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":"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"}