@audius/harmony 0.3.1 → 0.3.3

package/dist/components/button/FilterButton/FilterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.js","sources":["../../../../src/components/button/FilterButton/FilterButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useState,\n  useCallback,\n  useEffect,\n  useMemo,\n  Ref\n} from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\nimport { mergeRefs } from 'react-merge-refs'\n\nimport { BaseButton } from 'components/button/BaseButton/BaseButton'\nimport { IconComponent, IconProps } from 'components/icon'\nimport { TextInput, TextInputSize } from 'components/input/TextInput'\nimport { Menu, MenuContent } from 'components/internal/Menu'\nimport { Flex, Box } from 'components/layout'\nimport { Text } from 'components/text/Text'\nimport { useControlled } from 'hooks/useControlled'\nimport { IconCaretDown, IconCloseAlt, IconSearch } from 'icons'\n\nimport { OptionsList, VirtualizedOptionsList } from './FilterButtonOptionsList'\nimport { FilterButtonProps } from './types'\n\nconst messages = {\n  noMatches: 'No matches'\n}\n\nexport const FilterButton = forwardRef(function FilterButton<\n  Value extends string\n>(props: FilterButtonProps<Value>, ref: Ref<HTMLButtonElement>) {\n  const {\n    value: valueProp,\n    children,\n    label,\n    onChange,\n    onClick,\n    onOpen,\n    onReset,\n    disabled,\n    variant = 'fillContainer',\n    size = 'default',\n    iconRight,\n    leadingElement: leadingElementProp,\n    menuProps,\n    options,\n    showFilterInput,\n    filterInputProps,\n    optionsLabel,\n    renderLabel = (label) => label,\n    virtualized\n  } = props\n  const { color, cornerRadius, spacing, typography } = useTheme()\n  const [value, setValue] = useControlled({\n    controlledProp: valueProp,\n    defaultValue: null,\n    stateName: 'value',\n    componentName: 'FilterButton'\n  })\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [filterInputValue, setFilterInputValue] = useState('')\n  const selectedOption = options?.find((option) => option.value === value)\n  const selectedLabel = selectedOption?.label ?? selectedOption?.value\n  const leadingElement = leadingElementProp ?? selectedOption?.leadingElement\n  const anchorRef = useRef<HTMLButtonElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const optionRefs = useRef<HTMLButtonElement[]>([])\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  // Size Styles\n  const defaultStyles: CSSObject = {\n    paddingLeft: spacing.m,\n    paddingRight: spacing.m,\n    paddingTop: spacing.s,\n    paddingBottom: spacing.s\n  }\n  const defaultIconStyles: CSSObject = {\n    width: spacing.unit4,\n    height: spacing.unit4\n  }\n\n  const smallStyles: CSSObject = {\n    paddingLeft: spacing.m,\n    paddingRight: spacing.m,\n    paddingTop: spacing.xs,\n    paddingBottom: spacing.xs\n  }\n  const smallIconStyles: CSSObject = {\n    width: spacing.unit3,\n    height: spacing.unit3\n  }\n\n  const fillContainerStyles: CSSObject = {\n    background: color.secondary.s400,\n    border: `1px solid ${color.secondary.s400}`,\n    '&:hover': {\n      border: `1px solid ${color.secondary.s400}`\n    }\n  }\n\n  const hoverStyle = {\n    background: color.background.surface1\n  }\n\n  const activeStyle = {\n    background: color.background.surface2\n  }\n  const disabledTransform = {\n    transform: 'none'\n  }\n\n  // Button Styles\n  const buttonCss: CSSObject = {\n    background: color.background.white,\n    border: `1px solid ${color.border.strong}`,\n    borderRadius: cornerRadius.s,\n    color:\n      variant === 'fillContainer' && value !== null\n        ? color.static.white\n        : color.text.default,\n    gap: spacing.xs,\n    fontSize: typography.size.s,\n    fontWeight: typography.weight.demiBold,\n    lineHeight: typography.lineHeight.s,\n    opacity: disabled ? 0.6 : 1,\n\n    '&:hover': {\n      ...disabledTransform,\n      ...(value === null && !isOpen ? hoverStyle : {})\n    },\n    '&:focus': {\n      ...disabledTransform,\n      ...(value === null ? activeStyle : {})\n    },\n    '&:active': {\n      ...disabledTransform,\n      ...(value === null ? activeStyle : {})\n    },\n    ...(isOpen ? activeStyle : {}),\n\n    ...(size === 'small' ? smallStyles : defaultStyles),\n    ...(variant === 'fillContainer' && value !== null\n      ? fillContainerStyles\n      : {})\n  }\n\n  const iconCss = size === 'small' ? smallIconStyles : defaultIconStyles\n\n  const handleClick = useCallback(() => {\n    if (onClick) {\n      onClick()\n    } else {\n      setIsOpen((isOpen: boolean) => !isOpen)\n    }\n  }, [onClick])\n\n  const hasOptions = options && options.length > 0\n\n  const Icon = useMemo(() => {\n    return variant === 'fillContainer' && value !== null\n      ? (((props: IconProps) => (\n          <IconCloseAlt\n            aria-label='cancel'\n            onClick={(e) => {\n              e.stopPropagation()\n              if (onClick) {\n                onClick()\n              } else {\n                // @ts-ignore\n                onChange?.(null)\n                onReset?.()\n              }\n            }}\n            {...props}\n          />\n        )) as IconComponent)\n      : iconRight ?? (hasOptions ? IconCaretDown : null)\n  }, [variant, value, iconRight, hasOptions, onClick, onChange, onReset])\n\n  useEffect(() => {\n    if (isOpen) {\n      // Focus the input after the popup is open\n      setTimeout(() => {\n        inputRef.current?.focus({ preventScroll: true })\n      }, 0)\n      onOpen?.()\n    }\n  }, [isOpen, onOpen])\n\n  const handleChange = useCallback(\n    (value: Value) => {\n      setValue(value)\n      onChange?.(value)\n    },\n    [onChange, setValue]\n  )\n\n  const handleOptionSelected = useCallback(\n    (value: Value) => {\n      handleChange(value)\n      setIsOpen(false)\n    },\n    [handleChange]\n  )\n\n  const filteredOptions = useMemo(\n    () =>\n      options?.filter(\n        ({ label }) =>\n          !filterInputValue ||\n          label?.toLowerCase().includes(filterInputValue.toLowerCase())\n      ),\n    [options, filterInputValue]\n  )\n\n  const optionElements = filteredOptions ? (\n    virtualized ? (\n      <VirtualizedOptionsList\n        options={filteredOptions}\n        optionRefs={optionRefs}\n        onChange={handleOptionSelected}\n        height={menuProps?.maxHeight}\n        width={menuProps?.width}\n      />\n    ) : (\n      <OptionsList\n        options={filteredOptions}\n        isOpen={isOpen}\n        optionRefs={optionRefs}\n        scrollRef={scrollRef}\n        onChange={handleOptionSelected}\n      />\n    )\n  ) : null\n\n  return (\n    <BaseButton\n      ref={mergeRefs([ref, anchorRef])}\n      styles={{ button: buttonCss, icon: iconCss }}\n      onClick={handleClick}\n      iconRight={Icon}\n      disabled={disabled}\n      aria-haspopup='listbox'\n      aria-expanded={isOpen}\n    >\n      {leadingElement}\n      {selectedLabel ? renderLabel(selectedLabel) : label}\n\n      <Menu\n        anchorRef={anchorRef}\n        isVisible={isOpen}\n        onClose={() => setIsOpen(false)}\n        PaperProps={menuProps?.PaperProps}\n      >\n        {children ? (\n          <Flex onClick={(e) => e.stopPropagation()}>\n            {children({\n              onChange: handleChange,\n              options: optionElements,\n              setIsOpen\n            })}\n          </Flex>\n        ) : (\n          <MenuContent\n            maxHeight={menuProps?.maxHeight}\n            width={menuProps?.width}\n            scrollRef={scrollRef}\n            MenuListProps={menuProps?.MenuListProps}\n            aria-label={selectedLabel ?? label ?? props['aria-label']}\n            aria-activedescendant={selectedLabel}\n          >\n            {showFilterInput && filterInputProps ? (\n              <TextInput\n                ref={inputRef}\n                size={TextInputSize.SMALL}\n                startIcon={IconSearch}\n                onClick={(e) => {\n                  e.stopPropagation()\n                }}\n                onChange={(e) => {\n                  setFilterInputValue(e.target.value)\n                }}\n                autoComplete='off'\n                {...filterInputProps}\n              />\n            ) : null}\n            {optionsLabel ? (\n              <Box pt='s' ph='m'>\n                <Text variant='label' size='xs'>\n                  {optionsLabel}\n                </Text>\n              </Box>\n            ) : null}\n            {filteredOptions && filteredOptions.length === 0 ? (\n              <Flex justifyContent='center'>\n                <Text variant='body' color='subdued' size='s'>\n                  {messages.noMatches}\n                </Text>\n              </Flex>\n            ) : (\n              <Flex direction='column' w='100%'>\n                {optionElements}\n              </Flex>\n            )}\n          </MenuContent>\n        )}\n      </Menu>\n    </BaseButton>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"FilterButton.js","sources":["../../../../src/components/button/FilterButton/FilterButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useState,\n  useCallback,\n  useEffect,\n  useMemo,\n  Ref\n} from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\nimport { mergeRefs } from 'react-merge-refs'\n\nimport { BaseButton } from '~harmony/components/button/BaseButton/BaseButton'\nimport { IconComponent, IconProps } from '~harmony/components/icon'\nimport { TextInput, TextInputSize } from '~harmony/components/input/TextInput'\nimport { Menu, MenuContent } from '~harmony/components/internal/Menu'\nimport { Flex, Box } from '~harmony/components/layout'\nimport { Text } from '~harmony/components/text/Text'\nimport { useControlled } from '~harmony/hooks/useControlled'\nimport { IconCaretDown, IconCloseAlt, IconSearch } from '~harmony/icons'\n\nimport { OptionsList, VirtualizedOptionsList } from './FilterButtonOptionsList'\nimport { FilterButtonProps } from './types'\n\nconst messages = {\n  noMatches: 'No matches'\n}\n\nexport const FilterButton = forwardRef(function FilterButton<\n  Value extends string\n>(props: FilterButtonProps<Value>, ref: Ref<HTMLButtonElement>) {\n  const {\n    value: valueProp,\n    children,\n    label,\n    onChange,\n    onClick,\n    onOpen,\n    onReset,\n    disabled,\n    variant = 'fillContainer',\n    size = 'default',\n    iconRight,\n    leadingElement: leadingElementProp,\n    menuProps,\n    options,\n    showFilterInput,\n    filterInputProps,\n    optionsLabel,\n    renderLabel = (label) => label,\n    virtualized\n  } = props\n  const { color, cornerRadius, spacing, typography } = useTheme()\n  const [value, setValue] = useControlled({\n    controlledProp: valueProp,\n    defaultValue: null,\n    stateName: 'value',\n    componentName: 'FilterButton'\n  })\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [filterInputValue, setFilterInputValue] = useState('')\n  const selectedOption = options?.find((option) => option.value === value)\n  const selectedLabel = selectedOption?.label ?? selectedOption?.value\n  const leadingElement = leadingElementProp ?? selectedOption?.leadingElement\n  const anchorRef = useRef<HTMLButtonElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const optionRefs = useRef<HTMLButtonElement[]>([])\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  // Size Styles\n  const defaultStyles: CSSObject = {\n    paddingLeft: spacing.m,\n    paddingRight: spacing.m,\n    paddingTop: spacing.s,\n    paddingBottom: spacing.s\n  }\n  const defaultIconStyles: CSSObject = {\n    width: spacing.unit4,\n    height: spacing.unit4\n  }\n\n  const smallStyles: CSSObject = {\n    paddingLeft: spacing.m,\n    paddingRight: spacing.m,\n    paddingTop: spacing.xs,\n    paddingBottom: spacing.xs\n  }\n  const smallIconStyles: CSSObject = {\n    width: spacing.unit3,\n    height: spacing.unit3\n  }\n\n  const fillContainerStyles: CSSObject = {\n    background: color.secondary.s400,\n    border: `1px solid ${color.secondary.s400}`,\n    '&:hover': {\n      border: `1px solid ${color.secondary.s400}`\n    }\n  }\n\n  const hoverStyle = {\n    background: color.background.surface1\n  }\n\n  const activeStyle = {\n    background: color.background.surface2\n  }\n  const disabledTransform = {\n    transform: 'none'\n  }\n\n  // Button Styles\n  const buttonCss: CSSObject = {\n    background: color.background.white,\n    border: `1px solid ${color.border.strong}`,\n    borderRadius: cornerRadius.s,\n    color:\n      variant === 'fillContainer' && value !== null\n        ? color.static.white\n        : color.text.default,\n    gap: spacing.xs,\n    fontSize: typography.size.s,\n    fontWeight: typography.weight.demiBold,\n    lineHeight: typography.lineHeight.s,\n    opacity: disabled ? 0.6 : 1,\n\n    '&:hover': {\n      ...disabledTransform,\n      ...(value === null && !isOpen ? hoverStyle : {})\n    },\n    '&:focus': {\n      ...disabledTransform,\n      ...(value === null ? activeStyle : {})\n    },\n    '&:active': {\n      ...disabledTransform,\n      ...(value === null ? activeStyle : {})\n    },\n    ...(isOpen ? activeStyle : {}),\n\n    ...(size === 'small' ? smallStyles : defaultStyles),\n    ...(variant === 'fillContainer' && value !== null\n      ? fillContainerStyles\n      : {})\n  }\n\n  const iconCss = size === 'small' ? smallIconStyles : defaultIconStyles\n\n  const handleClick = useCallback(() => {\n    if (onClick) {\n      onClick()\n    } else {\n      setIsOpen((isOpen: boolean) => !isOpen)\n    }\n  }, [onClick])\n\n  const hasOptions = options && options.length > 0\n\n  const Icon = useMemo(() => {\n    return variant === 'fillContainer' && value !== null\n      ? (((props: IconProps) => (\n          <IconCloseAlt\n            aria-label='cancel'\n            onClick={(e: React.MouseEvent<SVGSVGElement>) => {\n              e.stopPropagation()\n              if (onClick) {\n                onClick()\n              } else {\n                // @ts-ignore\n                onChange?.(null)\n                onReset?.()\n              }\n            }}\n            {...props}\n          />\n        )) as IconComponent)\n      : (iconRight ?? (hasOptions ? IconCaretDown : null))\n  }, [variant, value, iconRight, hasOptions, onClick, onChange, onReset])\n\n  useEffect(() => {\n    if (isOpen) {\n      // Focus the input after the popup is open\n      setTimeout(() => {\n        inputRef.current?.focus({ preventScroll: true })\n      }, 0)\n      onOpen?.()\n    }\n  }, [isOpen, onOpen])\n\n  const handleChange = useCallback(\n    (value: Value) => {\n      setValue(value)\n      onChange?.(value)\n    },\n    [onChange, setValue]\n  )\n\n  const handleOptionSelected = useCallback(\n    (value: Value) => {\n      handleChange(value)\n      setIsOpen(false)\n    },\n    [handleChange]\n  )\n\n  const filteredOptions = useMemo(\n    () =>\n      options?.filter(\n        ({ label }) =>\n          !filterInputValue ||\n          label?.toLowerCase().includes(filterInputValue.toLowerCase())\n      ),\n    [options, filterInputValue]\n  )\n\n  const optionElements = filteredOptions ? (\n    virtualized ? (\n      <VirtualizedOptionsList\n        options={filteredOptions}\n        optionRefs={optionRefs}\n        onChange={handleOptionSelected}\n        height={menuProps?.maxHeight}\n        width={menuProps?.width}\n      />\n    ) : (\n      <OptionsList\n        options={filteredOptions}\n        isOpen={isOpen}\n        optionRefs={optionRefs}\n        scrollRef={scrollRef}\n        onChange={handleOptionSelected}\n      />\n    )\n  ) : null\n\n  return (\n    <BaseButton\n      ref={mergeRefs([ref, anchorRef])}\n      styles={{ button: buttonCss, icon: iconCss }}\n      onClick={handleClick}\n      iconRight={Icon}\n      disabled={disabled}\n      aria-haspopup='listbox'\n      aria-expanded={isOpen}\n    >\n      {leadingElement}\n      {selectedLabel ? renderLabel(selectedLabel) : label}\n\n      <Menu\n        anchorRef={anchorRef}\n        isVisible={isOpen}\n        onClose={() => setIsOpen(false)}\n        PaperProps={menuProps?.PaperProps}\n      >\n        {children ? (\n          <Flex onClick={(e) => e.stopPropagation()}>\n            {children({\n              onChange: handleChange,\n              options: optionElements,\n              setIsOpen\n            })}\n          </Flex>\n        ) : (\n          <MenuContent\n            maxHeight={menuProps?.maxHeight}\n            width={menuProps?.width}\n            scrollRef={scrollRef}\n            MenuListProps={menuProps?.MenuListProps}\n            aria-label={selectedLabel ?? label ?? props['aria-label']}\n            aria-activedescendant={selectedLabel}\n          >\n            {showFilterInput && filterInputProps ? (\n              <TextInput\n                ref={inputRef}\n                size={TextInputSize.SMALL}\n                startIcon={IconSearch}\n                onClick={(e) => {\n                  e.stopPropagation()\n                }}\n                onChange={(e) => {\n                  setFilterInputValue(e.target.value)\n                }}\n                autoComplete='off'\n                {...filterInputProps}\n              />\n            ) : null}\n            {optionsLabel ? (\n              <Box pt='s' ph='m'>\n                <Text variant='label' size='xs'>\n                  {optionsLabel}\n                </Text>\n              </Box>\n            ) : null}\n            {filteredOptions && filteredOptions.length === 0 ? (\n              <Flex justifyContent='center'>\n                <Text variant='body' color='subdued' size='s'>\n                  {messages.noMatches}\n                </Text>\n              </Flex>\n            ) : (\n              <Flex direction='column' w='100%'>\n                {optionElements}\n              </Flex>\n            )}\n          </MenuContent>\n        )}\n      </Menu>\n    </BaseButton>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/button/FilterButton/FilterButtonOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButtonOption.js","sources":["../../../../src/components/button/FilterButton/FilterButtonOption.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, Ref, useCallback } from 'react'\n\nimport { CSSObject } from '@emotion/react'\n\nimport { Text } from 'components/text/Text'\nimport { useTheme } from 'foundations'\n\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { FilterButtonOptionType } from './types'\n\ntype FilterButtonOptionProps<Value extends string> = {\n  activeValue?: Value | null\n  isActive?: boolean\n  option: FilterButtonOptionType<Value>\n  onChange: (option: Value) => void\n}\n\nexport const FilterButtonOption = forwardRef(function <Value extends string>(\n  props: FilterButtonOptionProps<Value>,\n  ref: Ref<HTMLButtonElement>\n) {\n  const { activeValue, option, onChange, isActive } = props\n  const { color, cornerRadius, spacing, typography } = useTheme()\n\n  // Popup Styles\n  const optionIconCss: CSSObject = {\n    width: spacing.unit4,\n    height: spacing.unit4\n  }\n\n  const activeOptionCss: CSSObject = {\n    transform: 'none',\n    backgroundColor: color.secondary.s300,\n    color: color.static.white\n  }\n\n  const optionCss: CSSObject = {\n    background: 'transparent',\n    border: 'none',\n    color: color.text.default,\n    fontWeight: typography.weight.medium,\n    gap: spacing.s,\n    paddingLeft: spacing.m,\n    paddingRight: spacing.m,\n    paddingTop: spacing.s,\n    paddingBottom: spacing.s,\n    width: '100%',\n    borderRadius: cornerRadius.s,\n    justifyContent: 'flex-start',\n\n    '&:hover': activeOptionCss,\n    '&:hover .helperText': {\n      color: color.static.white\n    },\n\n    '&:active': {\n      transform: 'none'\n    }\n  }\n\n  const handleChange = useCallback<MouseEventHandler>(\n    (e) => {\n      e.stopPropagation()\n      onChange(option.value)\n    },\n    [option.value, onChange]\n  )\n\n  return (\n    <BaseButton\n      ref={ref}\n      key={option.value}\n      iconLeft={option.icon}\n      styles={{\n        button: {\n          ...optionCss,\n          ...(option.value === activeValue || isActive ? activeOptionCss : {})\n        },\n        icon: optionIconCss\n      }}\n      aria-label={option.label ?? option.value}\n      role='option'\n      onClick={handleChange}\n    >\n      {option.leadingElement ?? null}\n      <Text variant='body' strength='strong'>\n        {option.label ?? option.value}\n      </Text>\n      {option.helperText ? (\n        <Text\n          variant='body'\n          strength='strong'\n          color={option.value === activeValue ? 'staticWhite' : 'subdued'}\n          className='helperText'\n        >\n          {option.helperText}\n        </Text>\n      ) : null}\n    </BaseButton>\n  )\n})\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"FilterButtonOption.js","sources":["../../../../src/components/button/FilterButton/FilterButtonOption.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, Ref, useCallback } from 'react'\n\nimport { CSSObject } from '@emotion/react'\n\nimport { Text } from '~harmony/components/text/Text'\nimport { useTheme } from '~harmony/foundations'\n\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { FilterButtonOptionType } from './types'\n\ntype FilterButtonOptionProps<Value extends string> = {\n  activeValue?: Value | null\n  isActive?: boolean\n  option: FilterButtonOptionType<Value>\n  onChange: (option: Value) => void\n}\n\nexport const FilterButtonOption = forwardRef(function <Value extends string>(\n  props: FilterButtonOptionProps<Value>,\n  ref: Ref<HTMLButtonElement>\n) {\n  const { activeValue, option, onChange, isActive } = props\n  const { color, cornerRadius, spacing, typography } = useTheme()\n\n  // Popup Styles\n  const optionIconCss: CSSObject = {\n    width: spacing.unit4,\n    height: spacing.unit4\n  }\n\n  const activeOptionCss: CSSObject = {\n    transform: 'none',\n    backgroundColor: color.secondary.s300,\n    color: color.static.white\n  }\n\n  const optionCss: CSSObject = {\n    background: 'transparent',\n    border: 'none',\n    color: color.text.default,\n    fontWeight: typography.weight.medium,\n    gap: spacing.s,\n    paddingLeft: spacing.m,\n    paddingRight: spacing.m,\n    paddingTop: spacing.s,\n    paddingBottom: spacing.s,\n    width: '100%',\n    borderRadius: cornerRadius.s,\n    justifyContent: 'flex-start',\n\n    '&:hover': activeOptionCss,\n    '&:hover .helperText': {\n      color: color.static.white\n    },\n\n    '&:active': {\n      transform: 'none'\n    }\n  }\n\n  const handleChange = useCallback<MouseEventHandler>(\n    (e) => {\n      e.stopPropagation()\n      onChange(option.value)\n    },\n    [option.value, onChange]\n  )\n\n  return (\n    <BaseButton\n      ref={ref}\n      key={option.value}\n      iconLeft={option.icon}\n      styles={{\n        button: {\n          ...optionCss,\n          ...(option.value === activeValue || isActive ? activeOptionCss : {})\n        },\n        icon: optionIconCss\n      }}\n      aria-label={option.label ?? option.value}\n      role='option'\n      onClick={handleChange}\n    >\n      {option.leadingElement ?? null}\n      <Text variant='body' strength='strong'>\n        {option.label ?? option.value}\n      </Text>\n      {option.helperText ? (\n        <Text\n          variant='body'\n          strength='strong'\n          color={option.value === activeValue ? 'staticWhite' : 'subdued'}\n          className='helperText'\n        >\n          {option.helperText}\n        </Text>\n      ) : null}\n    </BaseButton>\n  )\n})\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/button/FilterButton/FilterButtonOptionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButtonOptionsList.js","sources":["../../../../src/components/button/FilterButton/FilterButtonOptionsList.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, RefObject } from 'react'\n\nimport { CSSObject } from '@emotion/react'\nimport { List, ListRowProps } from 'react-virtualized'\n\nimport { MenuItem } from 'components/internal/MenuItem'\nimport { OptionKeyHandler } from 'components/internal/OptionKeyHandler'\n\nimport { FilterButtonOptionType } from './types'\n\ntype OptionsListProps<Value extends string> = {\n  options: FilterButtonOptionType<Value>[]\n  isOpen: boolean\n  optionRefs: RefObject<HTMLButtonElement[]>\n  scrollRef: RefObject<HTMLDivElement>\n  onChange: (value: Value) => void\n}\n\ntype VirtualizedOptionsListProps<Value extends string> = {\n  options: FilterButtonOptionType<Value>[]\n  optionRefs: RefObject<HTMLButtonElement[]>\n  onChange: (value: Value) => void\n  height: CSSObject['height']\n  width: CSSObject['width']\n}\n\nexport const VirtualizedOptionsList = <Value extends string>({\n  options,\n  optionRefs,\n  onChange,\n  height = 100,\n  width = 100\n}: VirtualizedOptionsListProps<Value>) => {\n  const [rowHeight, setRowHeight] = useState(50)\n  useEffect(() => {\n    if (optionRefs.current?.[0]) {\n      setRowHeight(optionRefs.current?.[0].offsetHeight)\n    }\n  }, [optionRefs])\n\n  const renderItem = useCallback(\n    ({ index, style }: ListRowProps) => {\n      const option = options[index]\n\n      return (\n        <MenuItem\n          style={style}\n          variant='option'\n          ref={(el) => {\n            if (optionRefs && optionRefs.current && el) {\n              optionRefs.current[index] = el\n            }\n          }}\n          key={option.value}\n          {...option}\n          onChange={onChange}\n        />\n      )\n    },\n    [onChange, optionRefs, options]\n  )\n\n  return (\n    <List\n      width={Number(width)}\n      height={Number(height)}\n      rowCount={options.length}\n      rowHeight={rowHeight}\n      rowRenderer={renderItem}\n    />\n  )\n}\n\nexport const OptionsList = <Value extends string>({\n  options,\n  isOpen,\n  optionRefs,\n  scrollRef,\n  onChange\n}: OptionsListProps<Value>) => {\n  return (\n    <OptionKeyHandler\n      options={options}\n      disabled={!isOpen}\n      onChange={onChange}\n      optionRefs={optionRefs}\n      scrollRef={scrollRef}\n    >\n      {(activeValue) =>\n        options.map((option, index) => (\n          <MenuItem\n            variant='option'\n            ref={(el) => {\n              if (optionRefs && optionRefs.current && el) {\n                optionRefs.current[index] = el\n              }\n            }}\n            key={option.value}\n            {...option}\n            label={option.label ?? option.value}\n            onChange={onChange}\n            isActive={option.value === activeValue}\n          />\n        ))\n      }\n    </OptionKeyHandler>\n  )\n}\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"FilterButtonOptionsList.js","sources":["../../../../src/components/button/FilterButton/FilterButtonOptionsList.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, RefObject } from 'react'\n\nimport { CSSObject } from '@emotion/react'\nimport { List, ListRowProps } from 'react-virtualized'\n\nimport { MenuItem } from '~harmony/components/internal/MenuItem'\nimport { OptionKeyHandler } from '~harmony/components/internal/OptionKeyHandler'\n\nimport { FilterButtonOptionType } from './types'\n\ntype OptionsListProps<Value extends string> = {\n  options: FilterButtonOptionType<Value>[]\n  isOpen: boolean\n  optionRefs: RefObject<HTMLButtonElement[]>\n  scrollRef: RefObject<HTMLDivElement>\n  onChange: (value: Value) => void\n}\n\ntype VirtualizedOptionsListProps<Value extends string> = {\n  options: FilterButtonOptionType<Value>[]\n  optionRefs: RefObject<HTMLButtonElement[]>\n  onChange: (value: Value) => void\n  height: CSSObject['height']\n  width: CSSObject['width']\n}\n\nexport const VirtualizedOptionsList = <Value extends string>({\n  options,\n  optionRefs,\n  onChange,\n  height = 100,\n  width = 100\n}: VirtualizedOptionsListProps<Value>) => {\n  const [rowHeight, setRowHeight] = useState(50)\n  useEffect(() => {\n    if (optionRefs.current?.[0]) {\n      setRowHeight(optionRefs.current?.[0].offsetHeight)\n    }\n  }, [optionRefs])\n\n  const renderItem = useCallback(\n    ({ index, style }: ListRowProps) => {\n      const option = options[index]\n\n      return (\n        <MenuItem\n          style={style}\n          variant='option'\n          ref={(el) => {\n            if (optionRefs && optionRefs.current && el) {\n              optionRefs.current[index] = el\n            }\n          }}\n          key={option.value}\n          {...option}\n          onChange={onChange}\n        />\n      )\n    },\n    [onChange, optionRefs, options]\n  )\n\n  return (\n    <List\n      width={Number(width)}\n      height={Number(height)}\n      rowCount={options.length}\n      rowHeight={rowHeight}\n      rowRenderer={renderItem}\n    />\n  )\n}\n\nexport const OptionsList = <Value extends string>({\n  options,\n  isOpen,\n  optionRefs,\n  scrollRef,\n  onChange\n}: OptionsListProps<Value>) => {\n  return (\n    <OptionKeyHandler\n      options={options}\n      disabled={!isOpen}\n      onChange={onChange}\n      optionRefs={optionRefs}\n      scrollRef={scrollRef}\n    >\n      {(activeValue) =>\n        options.map((option, index) => (\n          <MenuItem\n            variant='option'\n            ref={(el) => {\n              if (optionRefs && optionRefs.current && el) {\n                optionRefs.current[index] = el\n              }\n            }}\n            key={option.value}\n            {...option}\n            label={option.label ?? option.value}\n            onChange={onChange}\n            isActive={option.value === activeValue}\n          />\n        ))\n      }\n    </OptionKeyHandler>\n  )\n}\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/button/FilterButton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,mBAAuB;AAC/C,OAAO,EAAE,cAAc,EAAE,oBAAwB;AACjD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,4BAAgC;AAEtE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAA;AAElD,MAAM,MAAM,mBAAmB,GAC3B,eAAe,GACf,cAAc,CAAA;AAElB,MAAM,MAAM,sBAAsB,CAAC,KAAK,SAAS,MAAM,IAAI;IACzD,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,aAAa,CAAC,KAAK,IAAI;IAC1B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,OAAO,EAAE,SAAS,CAAA;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IAC7D,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAA;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAA;IAErD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAA;IAE1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB,gBAAgB,CAAC,EAAE,cAAc,CAAA;IAEjC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAC5B,OAAO,CAAC,gBAAgB,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,SAAS,CAAA;KAAE,CAAA;IAEjD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,mBAAgC;AACxD,OAAO,EAAE,cAAc,EAAE,oBAAiC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,4BAAyC;AAE/E,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAA;AAElD,MAAM,MAAM,mBAAmB,GAC3B,eAAe,GACf,cAAc,CAAA;AAElB,MAAM,MAAM,sBAAsB,CAAC,KAAK,SAAS,MAAM,IAAI;IACzD,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,aAAa,CAAC,KAAK,IAAI;IAC1B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,OAAO,EAAE,SAAS,CAAA;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IAC7D,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAA;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAA;IAErD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAA;IAE1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB,gBAAgB,CAAC,EAAE,cAAc,CAAA;IAEjC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAC5B,OAAO,CAAC,gBAAgB,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,SAAS,CAAA;KAAE,CAAA;IAEjD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA"}

package/dist/components/button/FollowButton/FollowButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FollowButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FollowButton/FollowButton.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAqBhD;;GAEG;AACH,eAAO,MAAM,YAAY,gLAyLxB,CAAA"}
+{"version":3,"file":"FollowButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FollowButton/FollowButton.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAqBhD;;GAEG;AACH,eAAO,MAAM,YAAY,gLAyLxB,CAAA"}

package/dist/components/button/FollowButton/FollowButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowButton.js","sources":["../../../../src/components/button/FollowButton/FollowButton.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, forwardRef, Ref } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\nimport styled from '@emotion/styled'\n\nimport type { IconComponent } from 'components/icon'\nimport { Flex } from 'components/layout/Flex'\nimport { Text } from 'components/text'\nimport { useControlled } from 'hooks/useControlled'\nimport { IconUserFollowing, IconUserFollow, IconUserUnfollow } from 'icons'\n\nimport type { FollowButtonProps } from './types'\n\nconst defaultMessages = {\n  follow: 'Follow',\n  following: 'Following',\n  unfollow: 'Unfollow'\n}\n\nconst InputRoot = styled.input({\n  cursor: 'inherit',\n  position: 'absolute',\n  opacity: 0,\n  width: '100%',\n  height: '100%',\n  top: 0,\n  left: 0,\n  margin: 0,\n  padding: 0,\n  zIndex: 1\n})\n\n/**\n * Special button for following or unfollowing a user.\n */\nexport const FollowButton = forwardRef(\n  (props: FollowButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const {\n      variant = 'default',\n      isFollowing = false,\n      onUnfollow,\n      onFollow,\n      size = 'default',\n      fullWidth = true,\n      messages: messagesProp,\n      ...other\n    } = props\n    const messages = { ...defaultMessages, ...messagesProp }\n    const { type } = other\n    const [value, setValueState] = useControlled({\n      componentName: 'FollowButton',\n      controlledProp: isFollowing,\n      defaultValue: undefined,\n      stateName: 'following'\n    })\n\n    // Track hover manually to swap text and icon\n    const [isHovering, setIsHovering] = useState(false)\n    const [isPressing, setIsPressing] = useState(false)\n\n    const handleMouseEnter = useCallback(() => {\n      setIsHovering(true)\n    }, [])\n\n    const handleMouseDown = useCallback(() => {\n      setIsPressing(true)\n    }, [])\n\n    const handleMouseLeave = useCallback(() => {\n      setIsHovering(false)\n    }, [])\n\n    const handleMouseUp = useCallback(() => {\n      setIsPressing(false)\n    }, [])\n\n    const handlePressIn = useCallback(() => {\n      setIsHovering(true)\n      setIsPressing(true)\n    }, [])\n\n    const handlePressOut = useCallback(() => {\n      setIsHovering(false)\n      setIsPressing(false)\n    }, [])\n\n    useEffect(() => {}, [value])\n\n    const handleClick = useCallback(() => {\n      if (value) {\n        onUnfollow?.()\n      } else {\n        onFollow?.()\n      }\n      setValueState(!value)\n    }, [value, setValueState, onUnfollow, onFollow])\n\n    const checkedValue = value\n    let Icon: IconComponent | null = IconUserFollow\n    let text = messages.follow\n    if (checkedValue && !isHovering) {\n      Icon = IconUserFollowing\n      text = messages.following\n    } else if (checkedValue && isHovering && !isPressing) {\n      Icon = IconUserUnfollow\n      text = messages.unfollow\n    }\n\n    const { color, cornerRadius, motion, shadows } = useTheme()\n\n    const textColor =\n      checkedValue || isHovering || isPressing\n        ? color.static.white\n        : color.primary.primary\n\n    const borderRadius =\n      variant === 'pill' ? cornerRadius['2xl'] : cornerRadius.s\n\n    const rootCss: CSSObject = {\n      cursor: 'pointer',\n      minWidth: size === 'small' ? 128 : 152,\n      width: fullWidth ? '100%' : undefined,\n      userSelect: 'none',\n      borderRadius,\n      backgroundColor: checkedValue\n        ? color.primary.primary\n        : color.special.white,\n      boxShadow: shadows.near,\n      border: `1px solid ${color.primary.primary}`,\n      transition: `\n        transform ${motion.hover},\n        border-color ${motion.hover},\n        background-color ${motion.hover},\n        color ${motion.hover}\n      `,\n      '::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: 'rgba(0, 0, 0, 0)',\n        borderRadius\n      },\n      '&:hover': {\n        backgroundColor: color.primary.primary,\n        borderWidth: 0,\n        boxShadow: shadows.mid,\n        '&::before': {\n          backgroundColor: 'rgba(255, 255, 255, 0.2)'\n        }\n      },\n      '&:active': {\n        backgroundColor: color.primary.primary,\n        borderWidth: 0,\n        boxShadow: 'none',\n        '&::before': {\n          backgroundColor: 'rgba(0, 0, 0, 0.2)'\n        }\n      }\n    }\n\n    // Handles case where user mouses down, moves cursor, and mouses up\n    useEffect(() => {\n      if (isPressing) {\n        document.addEventListener('mouseup', handleMouseUp)\n        return () => {\n          document.removeEventListener('mouseup', handleMouseUp)\n        }\n      }\n      return undefined\n    }, [isPressing, handleMouseUp])\n\n    const rootProps = {\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onMouseDown: handleMouseDown,\n      onMouseUp: handleMouseUp,\n      onTouchStart: handlePressIn,\n      onTouchEnd: handlePressOut\n    }\n\n    const buttonProps = type === 'checkbox' ? undefined : other\n    const inputProps = type === 'checkbox' ? other : undefined\n\n    return (\n      <Flex\n        // @ts-ignore flex not smart enough\n        ref={ref}\n        as={type === 'checkbox' ? 'label' : 'button'}\n        h={size === 'small' ? 28 : 32}\n        direction='row'\n        alignItems='center'\n        justifyContent='center'\n        gap='xs'\n        pv='s'\n        css={rootCss}\n        // @ts-ignore flex not smart enough\n        onClick={handleClick}\n        {...buttonProps}\n        {...rootProps}\n      >\n        {/* TODO: use theme icon colors (confirm w/design) */}\n        <Icon height={18} width={18} css={{ path: { fill: textColor } }} />\n        <Text\n          variant='label'\n          tag='span'\n          size={size === 'small' ? 's' : 'l'}\n          strength='default'\n          css={{ color: textColor }}\n        >\n          {text}\n        </Text>\n        {type === 'checkbox' ? (\n          <InputRoot {...inputProps} checked={isFollowing} />\n        ) : null}\n      </Flex>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"FollowButton.js","sources":["../../../../src/components/button/FollowButton/FollowButton.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, forwardRef, Ref } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\nimport styled from '@emotion/styled'\n\nimport type { IconComponent } from '~harmony/components/icon'\nimport { Flex } from '~harmony/components/layout/Flex'\nimport { Text } from '~harmony/components/text'\nimport { useControlled } from '~harmony/hooks/useControlled'\nimport {\n  IconUserFollowing,\n  IconUserFollow,\n  IconUserUnfollow\n} from '~harmony/icons'\n\nimport type { FollowButtonProps } from './types'\n\nconst defaultMessages = {\n  follow: 'Follow',\n  following: 'Following',\n  unfollow: 'Unfollow'\n}\n\nconst InputRoot = styled.input({\n  cursor: 'inherit',\n  position: 'absolute',\n  opacity: 0,\n  width: '100%',\n  height: '100%',\n  top: 0,\n  left: 0,\n  margin: 0,\n  padding: 0,\n  zIndex: 1\n})\n\n/**\n * Special button for following or unfollowing a user.\n */\nexport const FollowButton = forwardRef(\n  (props: FollowButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const {\n      variant = 'default',\n      isFollowing = false,\n      onUnfollow,\n      onFollow,\n      size = 'default',\n      fullWidth = true,\n      messages: messagesProp,\n      ...other\n    } = props\n    const messages = { ...defaultMessages, ...messagesProp }\n    const { type } = other\n    const [value, setValueState] = useControlled({\n      componentName: 'FollowButton',\n      controlledProp: isFollowing,\n      defaultValue: undefined,\n      stateName: 'following'\n    })\n\n    // Track hover manually to swap text and icon\n    const [isHovering, setIsHovering] = useState(false)\n    const [isPressing, setIsPressing] = useState(false)\n\n    const handleMouseEnter = useCallback(() => {\n      setIsHovering(true)\n    }, [])\n\n    const handleMouseDown = useCallback(() => {\n      setIsPressing(true)\n    }, [])\n\n    const handleMouseLeave = useCallback(() => {\n      setIsHovering(false)\n    }, [])\n\n    const handleMouseUp = useCallback(() => {\n      setIsPressing(false)\n    }, [])\n\n    const handlePressIn = useCallback(() => {\n      setIsHovering(true)\n      setIsPressing(true)\n    }, [])\n\n    const handlePressOut = useCallback(() => {\n      setIsHovering(false)\n      setIsPressing(false)\n    }, [])\n\n    useEffect(() => {}, [value])\n\n    const handleClick = useCallback(() => {\n      if (value) {\n        onUnfollow?.()\n      } else {\n        onFollow?.()\n      }\n      setValueState(!value)\n    }, [value, setValueState, onUnfollow, onFollow])\n\n    const checkedValue = value\n    let Icon: IconComponent = IconUserFollow\n    let text = messages.follow\n    if (checkedValue && !isHovering) {\n      Icon = IconUserFollowing\n      text = messages.following\n    } else if (checkedValue && isHovering && !isPressing) {\n      Icon = IconUserUnfollow\n      text = messages.unfollow\n    }\n\n    const { color, cornerRadius, motion, shadows } = useTheme()\n\n    const textColor =\n      checkedValue || isHovering || isPressing\n        ? color.static.white\n        : color.primary.primary\n\n    const borderRadius =\n      variant === 'pill' ? cornerRadius['2xl'] : cornerRadius.s\n\n    const rootCss: CSSObject = {\n      cursor: 'pointer',\n      minWidth: size === 'small' ? 128 : 152,\n      width: fullWidth ? '100%' : undefined,\n      userSelect: 'none',\n      borderRadius,\n      backgroundColor: checkedValue\n        ? color.primary.primary\n        : color.special.white,\n      boxShadow: shadows.near,\n      border: `1px solid ${color.primary.primary}`,\n      transition: `\n        transform ${motion.hover},\n        border-color ${motion.hover},\n        background-color ${motion.hover},\n        color ${motion.hover}\n      `,\n      '::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: 'rgba(0, 0, 0, 0)',\n        borderRadius\n      },\n      '&:hover': {\n        backgroundColor: color.primary.primary,\n        borderWidth: 0,\n        boxShadow: shadows.mid,\n        '&::before': {\n          backgroundColor: 'rgba(255, 255, 255, 0.2)'\n        }\n      },\n      '&:active': {\n        backgroundColor: color.primary.primary,\n        borderWidth: 0,\n        boxShadow: 'none',\n        '&::before': {\n          backgroundColor: 'rgba(0, 0, 0, 0.2)'\n        }\n      }\n    }\n\n    // Handles case where user mouses down, moves cursor, and mouses up\n    useEffect(() => {\n      if (isPressing) {\n        document.addEventListener('mouseup', handleMouseUp)\n        return () => {\n          document.removeEventListener('mouseup', handleMouseUp)\n        }\n      }\n      return undefined\n    }, [isPressing, handleMouseUp])\n\n    const rootProps = {\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onMouseDown: handleMouseDown,\n      onMouseUp: handleMouseUp,\n      onTouchStart: handlePressIn,\n      onTouchEnd: handlePressOut\n    }\n\n    const buttonProps = type === 'checkbox' ? undefined : other\n    const inputProps = type === 'checkbox' ? other : undefined\n\n    return (\n      <Flex\n        // @ts-ignore flex not smart enough\n        ref={ref}\n        as={type === 'checkbox' ? 'label' : 'button'}\n        h={size === 'small' ? 28 : 32}\n        direction='row'\n        alignItems='center'\n        justifyContent='center'\n        gap='xs'\n        pv='s'\n        css={rootCss}\n        // @ts-ignore flex not smart enough\n        onClick={handleClick}\n        {...buttonProps}\n        {...rootProps}\n      >\n        {/* TODO: use theme icon colors (confirm w/design) */}\n        <Icon height={18} width={18} css={{ path: { fill: textColor } }} />\n        <Text\n          variant='label'\n          tag='span'\n          size={size === 'small' ? 's' : 'l'}\n          strength='default'\n          css={{ color: textColor }}\n        >\n          {text}\n        </Text>\n        {type === 'checkbox' ? (\n          <InputRoot {...inputProps} checked={isFollowing} />\n        ) : null}\n      </Flex>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/button/PlainButton/PlainButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlainButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/PlainButton/PlainButton.tsx"],"names":[],"mappings":";AAQA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;sNAoFvB,CAAA"}
+{"version":3,"file":"PlainButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/PlainButton/PlainButton.tsx"],"names":[],"mappings":";AAQA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;sNA2FvB,CAAA"}

package/dist/components/button/PlainButton/PlainButton.js

@@ -9,7 +9,7 @@ import { BaseButton } from '../BaseButton/BaseButton.js';
  * include and position icons.
  */
 var PlainButton = forwardRef(function PlainButton(props, ref) {
-    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'default' : _b, disabled = props.disabled, baseProps = __rest(props, ["variant", "size", "disabled"]);
+    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'default' : _b, disabled = props.disabled, children = props.children, baseProps = __rest(props, ["variant", "size", "disabled", "children"]);
     var isDisabled = disabled || baseProps.isLoading;
     var _c = useTheme(), color = _c.color, spacing = _c.spacing, typography = _c.typography;
     // Size Styles
@@ -36,19 +36,21 @@ var PlainButton = forwardRef(function PlainButton(props, ref) {
     var buttonCss = __assign(__assign(__assign({ '--text-color': variant === 'subdued' && !isDisabled
             ? color.text.subdued
             : variant === 'inverted'
-                ? color.static.white
+                ? color.static.staticWhite
                 : color.text.default, background: 'transparent', border: 'none', color: 'var(--text-color)', '& svg': {
             fill: 'var(--text-color)'
         }, fontWeight: typography.weight.bold }, (size === 'large' ? largeStyles : defaultStyles)), { '&:hover': __assign({ '--text-color': variant === 'inverted'
-                ? color.static.white
-                : color.secondary.secondary }, (variant === 'inverted' && { opacity: 0.8 })), '&:active': __assign({ '--text-color': variant === 'inverted' ? color.static.white : color.secondary.s500 }, (variant === 'inverted' && { opacity: 0.5 })) }), (isDisabled && {
+                ? color.static.staticWhite
+                : color.secondary.secondary }, (variant === 'inverted' && { opacity: 0.8 })), '&:active': __assign({ '--text-color': variant === 'inverted'
+                ? color.static.staticWhite
+                : color.secondary.s500 }, (variant === 'inverted' && { opacity: 0.5 })) }), (isDisabled && {
         opacity: 0.2
     }));
     var iconCss = size === 'large' ? largeIconStyles : defaultIconStyles;
     return (jsx(BaseButton, __assign({ ref: ref, disabled: isDisabled, styles: {
             button: buttonCss,
             icon: iconCss
-        } }, baseProps)));
+        } }, baseProps, { children: jsx("span", __assign({ css: { overflow: 'hidden', textOverflow: 'ellipsis' } }, { children: children })) })));
 });
 
 export { PlainButton };

package/dist/components/button/PlainButton/PlainButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlainButton.js","sources":["../../../../src/components/button/PlainButton/PlainButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { PlainButtonProps } from './types'\n\n/**\n * A plain Button component (no border/background). Includes a few variants and options to\n * include and position icons.\n */\nexport const PlainButton = forwardRef<HTMLButtonElement, PlainButtonProps>(\n  function PlainButton(props, ref) {\n    const {\n      variant = 'default',\n      size = 'default',\n      disabled,\n      ...baseProps\n    } = props\n    const isDisabled = disabled || baseProps.isLoading\n    const { color, spacing, typography } = useTheme()\n\n    // Size Styles\n    const defaultStyles: CSSObject = {\n      gap: spacing.xs,\n      height: spacing.unit4,\n      fontSize: typography.size.s,\n      lineHeight: typography.lineHeight.s\n    }\n    const defaultIconStyles: CSSObject = {\n      width: spacing.unit4,\n      height: spacing.unit4\n    }\n\n    const largeStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit5,\n      fontSize: typography.size.l,\n      lineHeight: typography.lineHeight.m\n    }\n    const largeIconStyles: CSSObject = {\n      width: spacing.unit5,\n      height: spacing.unit5\n    }\n\n    const buttonCss: CSSObject = {\n      '--text-color':\n        variant === 'subdued' && !isDisabled\n          ? color.text.subdued\n          : variant === 'inverted'\n          ? color.static.white\n          : color.text.default,\n      background: 'transparent',\n      border: 'none',\n      color: 'var(--text-color)',\n      '& svg': {\n        fill: 'var(--text-color)'\n      },\n      fontWeight: typography.weight.bold,\n\n      ...(size === 'large' ? largeStyles : defaultStyles),\n\n      '&:hover': {\n        '--text-color':\n          variant === 'inverted'\n            ? color.static.white\n            : color.secondary.secondary,\n        ...(variant === 'inverted' && { opacity: 0.8 })\n      },\n\n      '&:active': {\n        '--text-color':\n          variant === 'inverted' ? color.static.white : color.secondary.s500,\n        ...(variant === 'inverted' && { opacity: 0.5 })\n      },\n\n      ...(isDisabled && {\n        opacity: 0.2\n      })\n    }\n\n    const iconCss = size === 'large' ? largeIconStyles : defaultIconStyles\n\n    return (\n      <BaseButton\n        ref={ref}\n        disabled={isDisabled}\n        styles={{\n          button: buttonCss,\n          icon: iconCss\n        }}\n        {...baseProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"PlainButton.js","sources":["../../../../src/components/button/PlainButton/PlainButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { PlainButtonProps } from './types'\n\n/**\n * A plain Button component (no border/background). Includes a few variants and options to\n * include and position icons.\n */\nexport const PlainButton = forwardRef<HTMLButtonElement, PlainButtonProps>(\n  function PlainButton(props, ref) {\n    const {\n      variant = 'default',\n      size = 'default',\n      disabled,\n      children,\n      ...baseProps\n    } = props\n    const isDisabled = disabled || baseProps.isLoading\n    const { color, spacing, typography } = useTheme()\n\n    // Size Styles\n    const defaultStyles: CSSObject = {\n      gap: spacing.xs,\n      height: spacing.unit4,\n      fontSize: typography.size.s,\n      lineHeight: typography.lineHeight.s\n    }\n    const defaultIconStyles: CSSObject = {\n      width: spacing.unit4,\n      height: spacing.unit4\n    }\n\n    const largeStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit5,\n      fontSize: typography.size.l,\n      lineHeight: typography.lineHeight.m\n    }\n    const largeIconStyles: CSSObject = {\n      width: spacing.unit5,\n      height: spacing.unit5\n    }\n\n    const buttonCss: CSSObject = {\n      '--text-color':\n        variant === 'subdued' && !isDisabled\n          ? color.text.subdued\n          : variant === 'inverted'\n            ? color.static.staticWhite\n            : color.text.default,\n      background: 'transparent',\n      border: 'none',\n      color: 'var(--text-color)',\n      '& svg': {\n        fill: 'var(--text-color)'\n      },\n      fontWeight: typography.weight.bold,\n\n      ...(size === 'large' ? largeStyles : defaultStyles),\n\n      '&:hover': {\n        '--text-color':\n          variant === 'inverted'\n            ? color.static.staticWhite\n            : color.secondary.secondary,\n        ...(variant === 'inverted' && { opacity: 0.8 })\n      },\n\n      '&:active': {\n        '--text-color':\n          variant === 'inverted'\n            ? color.static.staticWhite\n            : color.secondary.s500,\n        ...(variant === 'inverted' && { opacity: 0.5 })\n      },\n\n      ...(isDisabled && {\n        opacity: 0.2\n      })\n    }\n\n    const iconCss = size === 'large' ? largeIconStyles : defaultIconStyles\n\n    return (\n      <BaseButton\n        ref={ref}\n        disabled={isDisabled}\n        styles={{\n          button: buttonCss,\n          icon: iconCss\n        }}\n        {...baseProps}\n      >\n        <span css={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n          {children}\n        </span>\n      </BaseButton>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;AAQA;;;AAGG;AACU,IAAA,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG,EAAA;AAE3B,IAAA,IAAA,EAKE,GAAA,KAAK,CALY,OAAA,EAAnB,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACnB,KAIE,KAAK,CAAA,IAJS,EAAhB,IAAI,mBAAG,SAAS,GAAA,EAAA,EAChB,QAAQ,GAGN,KAAK,CAHC,QAAA,EACR,QAAQ,GAEN,KAAK,CAFC,QAAA,EACL,SAAS,GACV,MAAA,CAAA,KAAK,EANH,CAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAML,CADa,CACL;AACT,IAAA,IAAM,UAAU,GAAG,QAAQ,IAAI,SAAS,CAAC,SAAS,CAAA;AAC5C,IAAA,IAAA,EAAiC,GAAA,QAAQ,EAAE,EAAzC,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAe,CAAA;;AAGjD,IAAA,IAAM,aAAa,GAAc;QAC/B,GAAG,EAAE,OAAO,CAAC,EAAE;QACf,MAAM,EAAE,OAAO,CAAC,KAAK;AACrB,QAAA,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;AAC3B,QAAA,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;KACpC,CAAA;AACD,IAAA,IAAM,iBAAiB,GAAc;QACnC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,KAAK;KACtB,CAAA;AAED,IAAA,IAAM,WAAW,GAAc;QAC7B,GAAG,EAAE,OAAO,CAAC,CAAC;QACd,MAAM,EAAE,OAAO,CAAC,KAAK;AACrB,QAAA,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;AAC3B,QAAA,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;KACpC,CAAA;AACD,IAAA,IAAM,eAAe,GAAc;QACjC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,KAAK;KACtB,CAAA;IAED,IAAM,SAAS,gCACb,cAAc,EACZ,OAAO,KAAK,SAAS,IAAI,CAAC,UAAU;AAClC,cAAE,KAAK,CAAC,IAAI,CAAC,OAAO;cAClB,OAAO,KAAK,UAAU;AACtB,kBAAE,KAAK,CAAC,MAAM,CAAC,WAAW;kBACxB,KAAK,CAAC,IAAI,CAAC,OAAO,EAC1B,UAAU,EAAE,aAAa,EACzB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,mBAAmB,EAC1B,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,mBAAmB;AAC1B,SAAA,EACD,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAA,GAE9B,IAAI,KAAK,OAAO,GAAG,WAAW,GAAG,aAAa,EAAC,EAAA,EAEnD,SAAS,EAAA,QAAA,CAAA,EACP,cAAc,EACZ,OAAO,KAAK,UAAU;AACpB,kBAAE,KAAK,CAAC,MAAM,CAAC,WAAW;kBACxB,KAAK,CAAC,SAAS,CAAC,SAAS,EAC5B,GAAC,OAAO,KAAK,UAAU,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,EAAC,EAGjD,UAAU,EAAA,QAAA,CAAA,EACR,cAAc,EACZ,OAAO,KAAK,UAAU;AACpB,kBAAE,KAAK,CAAC,MAAM,CAAC,WAAW;kBACxB,KAAK,CAAC,SAAS,CAAC,IAAI,EAAA,GACtB,OAAO,KAAK,UAAU,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,EAAC,EAAA,CAAA,GAG7C,UAAU,IAAI;AAChB,QAAA,OAAO,EAAE,GAAG;AACb,KAAA,EACF,CAAA;AAED,IAAA,IAAM,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB,CAAA;AAEtE,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE;AACN,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,IAAI,EAAE,OAAO;AACd,SAAA,EAAA,EACG,SAAS,EAEb,EAAA,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAM,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,EAAA,EAAA,EAAA,QAAA,EACxD,QAAQ,EACJ,CAAA,CAAA,EAAA,CAAA,CACI,EACd;AACH,CAAC;;;;"}

package/dist/components/button/SocialButton/SocialButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocialButton.js","sources":["../../../../src/components/button/SocialButton/SocialButton.tsx"],"sourcesContent":["import type { CSSObject } from '@emotion/react'\n\nimport { IconInstagram, IconTikTok, IconTwitter } from 'icons'\n\nimport { Button } from '../Button/Button'\nimport type { ButtonProps } from '../Button/types'\n\ntype SocialMedia = 'tiktok' | 'instagram' | 'twitter'\n\n// Omitting aria-label from original type purely for showing in Storybook\nexport type SocialButtonProps = ButtonProps & {\n  /**\n   * Which social media.\n   */\n  socialType: SocialMedia\n}\n\nconst socialLogos = {\n  tiktok: IconTikTok,\n  instagram: IconInstagram,\n  twitter: IconTwitter\n}\n\nconst getSocialButtonProps = (type: SocialMedia): ButtonProps => {\n  switch (type) {\n    case 'tiktok':\n      return { hexColor: '#fe2c55' }\n    case 'twitter':\n      return { hexColor: '#1ba1f1' }\n    default:\n      return {}\n  }\n}\n\nexport const SocialButton = (props: SocialButtonProps) => {\n  const { socialType, ...rest } = props\n  const socialButtonProps = getSocialButtonProps(socialType)\n\n  const instagramBackgroundCss: CSSObject = {\n    background: `radial-gradient(61.46% 59.09% at 36.25% 96.55%, #ffd600 0%, #ff6930 48.44%, #fe3b36 73.44%, rgba(254, 59, 54, 0) 100%),\n      radial-gradient(202.83% 136.37% at 84.5% 113.5%, #ff1b90 24.39%, #f80261 43.67%, #ed00c0 68.85%, #c500e9 77.68%, #7017ff 89.32%)`\n  }\n\n  const SocialLogo = socialLogos[socialType]\n\n  return (\n    <Button\n      {...socialButtonProps}\n      {...rest}\n      css={{\n        border: 'transparent',\n        ...(socialType === 'instagram' && instagramBackgroundCss)\n      }}\n      iconLeft={SocialLogo}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;AAiBA,IAAM,WAAW,GAAG;AAClB,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,OAAO,EAAE,WAAW;CACrB,CAAA;AAED,IAAM,oBAAoB,GAAG,UAAC,IAAiB,EAAA;AAC7C,IAAA,QAAQ,IAAI;AACV,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AAChC,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AAChC,QAAA;AACE,YAAA,OAAO,EAAE,CAAA;AACZ,KAAA;AACH,CAAC,CAAA;AAEM,IAAM,YAAY,GAAG,UAAC,KAAwB,EAAA;IAC3C,IAAA,UAAU,GAAc,KAAK,CAAnB,UAAA,EAAK,IAAI,GAAA,MAAA,CAAK,KAAK,EAA/B,CAAuB,YAAA,CAAA,CAAF,CAAU;AACrC,IAAA,IAAM,iBAAiB,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAE1D,IAAA,IAAM,sBAAsB,GAAc;AACxC,QAAA,UAAU,EAAE,iQACuH;KACpI,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,CAAA;IAE1C,QACEA,GAAC,CAAA,MAAM,EACD,QAAA,CAAA,EAAA,EAAA,iBAAiB,EACjB,IAAI,EACR,EAAA,GAAG,EACD,QAAA,CAAA,EAAA,MAAM,EAAE,aAAa,EAClB,GAAC,UAAU,KAAK,WAAW,IAAI,sBAAsB,EAE1D,EAAA,QAAQ,EAAE,UAAU,EACpB,CAAA,CAAA,EACH;AACH;;;;"}
+{"version":3,"file":"SocialButton.js","sources":["../../../../src/components/button/SocialButton/SocialButton.tsx"],"sourcesContent":["import type { CSSObject } from '@emotion/react'\n\nimport { IconInstagram, IconTikTok, IconTwitter } from '~harmony/icons'\n\nimport { Button } from '../Button/Button'\nimport type { ButtonProps } from '../Button/types'\n\ntype SocialMedia = 'tiktok' | 'instagram' | 'twitter'\n\n// Omitting aria-label from original type purely for showing in Storybook\nexport type SocialButtonProps = ButtonProps & {\n  /**\n   * Which social media.\n   */\n  socialType: SocialMedia\n}\n\nconst socialLogos = {\n  tiktok: IconTikTok,\n  instagram: IconInstagram,\n  twitter: IconTwitter\n}\n\nconst getSocialButtonProps = (type: SocialMedia): ButtonProps => {\n  switch (type) {\n    case 'tiktok':\n      return { hexColor: '#fe2c55' }\n    case 'twitter':\n      return { hexColor: '#1ba1f1' }\n    default:\n      return {}\n  }\n}\n\nexport const SocialButton = (props: SocialButtonProps) => {\n  const { socialType, ...rest } = props\n  const socialButtonProps = getSocialButtonProps(socialType)\n\n  const instagramBackgroundCss: CSSObject = {\n    background: `radial-gradient(61.46% 59.09% at 36.25% 96.55%, #ffd600 0%, #ff6930 48.44%, #fe3b36 73.44%, rgba(254, 59, 54, 0) 100%),\n      radial-gradient(202.83% 136.37% at 84.5% 113.5%, #ff1b90 24.39%, #f80261 43.67%, #ed00c0 68.85%, #c500e9 77.68%, #7017ff 89.32%)`\n  }\n\n  const SocialLogo = socialLogos[socialType]\n\n  return (\n    <Button\n      {...socialButtonProps}\n      {...rest}\n      css={{\n        border: 'transparent',\n        ...(socialType === 'instagram' && instagramBackgroundCss)\n      }}\n      iconLeft={SocialLogo}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;AAiBA,IAAM,WAAW,GAAG;AAClB,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,OAAO,EAAE,WAAW;CACrB,CAAA;AAED,IAAM,oBAAoB,GAAG,UAAC,IAAiB,EAAA;AAC7C,IAAA,QAAQ,IAAI;AACV,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AAChC,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AAChC,QAAA;AACE,YAAA,OAAO,EAAE,CAAA;AACZ,KAAA;AACH,CAAC,CAAA;AAEM,IAAM,YAAY,GAAG,UAAC,KAAwB,EAAA;IAC3C,IAAA,UAAU,GAAc,KAAK,CAAnB,UAAA,EAAK,IAAI,GAAA,MAAA,CAAK,KAAK,EAA/B,CAAuB,YAAA,CAAA,CAAF,CAAU;AACrC,IAAA,IAAM,iBAAiB,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAE1D,IAAA,IAAM,sBAAsB,GAAc;AACxC,QAAA,UAAU,EAAE,iQACuH;KACpI,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,CAAA;IAE1C,QACEA,GAAC,CAAA,MAAM,EACD,QAAA,CAAA,EAAA,EAAA,iBAAiB,EACjB,IAAI,EACR,EAAA,GAAG,EACD,QAAA,CAAA,EAAA,MAAM,EAAE,aAAa,EAClB,GAAC,UAAU,KAAK,WAAW,IAAI,sBAAsB,EAE1D,EAAA,QAAQ,EAAE,UAAU,EACpB,CAAA,CAAA,EACH;AACH;;;;"}

package/dist/components/button/index.d.ts

@@ -2,10 +2,10 @@ export { Button } from './Button/Button';
 export * from './Button/types';
 export { PlainButton } from './PlainButton/PlainButton';
 export * from './PlainButton/types';
-export { SocialButton, SocialButtonProps } from './SocialButton/SocialButton';
+export { SocialButton, type SocialButtonProps } from './SocialButton/SocialButton';
 export { FollowButton } from './FollowButton/FollowButton';
 export * from './FollowButton/types';
-export { IconButton, IconButtonProps } from './IconButton/IconButton';
+export { IconButton, type IconButtonProps } from './IconButton/IconButton';
 export { UnstyledButton } from './UnstyledButton';
 export { FilterButton } from './FilterButton/FilterButton';
 export { FilterButtonOption } from './FilterButton/FilterButtonOption';

package/dist/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,cAAc,qBAAqB,CAAA;AACnC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACvB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { ChangeEvent, forwardRef, Ref, useCallback } from 'react'\n\nimport { useTheme } from 'foundations'\nimport { useControlled } from 'hooks/useControlled'\n\nimport { Flex, Box } from '../layout'\n\nimport IconIndeterminate from './Indeterminate.svg'\nimport IconSelect from './Select.svg'\nimport { CheckboxProps } from './types'\n\n/*\n * An input for choosing from predefined options:\n * (1) when used alone, it gives a binary choice (checked/unchecked)\n * (2) in a group it allows the user to select multiple values from a list of options.\n */\nexport const Checkbox = forwardRef(\n  (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n    const {\n      checked: checkedProp,\n      defaultChecked,\n      indeterminate,\n      onChange,\n      _isFocused,\n      _isHovered,\n      ...other\n    } = props\n    const { color, motion } = useTheme()\n\n    const [checked, setChecked] = useControlled({\n      controlledProp: checkedProp,\n      defaultValue: defaultChecked,\n      stateName: 'checked',\n      componentName: 'Checkbox'\n    })\n\n    const handleChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(e)\n        setChecked(e.target.checked)\n      },\n      [onChange, setChecked]\n    )\n\n    const Icon = !checked\n      ? null\n      : indeterminate\n      ? IconIndeterminate\n      : IconSelect\n\n    const hoverCss = {\n      backgroundColor: checked ? color.secondary.s200 : color.neutral.n150\n    }\n\n    const focusCss = {\n      borderRadius: 6,\n      border: `2px solid ${color.border.accent}`\n    }\n\n    return (\n      <Flex\n        h='unit7'\n        w='unit7'\n        as='span'\n        alignItems='center'\n        justifyContent='center'\n      >\n        <input\n          ref={ref}\n          type='checkbox'\n          css={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            opacity: 0,\n            width: '100%',\n            height: '100%',\n            zIndex: 1,\n            margin: 0,\n            padding: 0,\n            cursor: 'pointer',\n            ':hover ~ [data-span=\"background\"]': hoverCss,\n            ':focus-visible ~ [data-span=\"focus\"]': focusCss\n          }}\n          data-indeterminate={indeterminate}\n          checked={checked}\n          onChange={handleChange}\n          {...other}\n        />\n        <Box\n          h='unit7'\n          w='unit7'\n          as='span'\n          data-span='focus'\n          css={{\n            position: 'absolute',\n            width: '100%',\n            height: '100%',\n            ...(_isFocused && focusCss)\n          }}\n        />\n        <Flex\n          borderRadius='s'\n          backgroundColor={checked ? 'accent' : 'default'}\n          h='unit5'\n          w='unit5'\n          as='span'\n          data-span='background'\n          alignItems='center'\n          justifyContent='center'\n          css={{\n            backgroundColor: checked\n              ? color.background.accent\n              : color.neutral.n200,\n            boxShadow: 'inset 2px 2px 2px 0px rgba(0, 0, 0, 0.10)',\n            transition: `background-color ${motion.hover}`,\n            ...(_isHovered && hoverCss)\n          }}\n        >\n          {Icon ? <Icon /> : null}\n        </Flex>\n      </Flex>\n    )\n  }\n)\n"],"names":["IconIndeterminate","IconSelect","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { ChangeEvent, forwardRef, Ref, useCallback } from 'react'\n\nimport { useTheme } from '~harmony/foundations'\nimport { useControlled } from '~harmony/hooks/useControlled'\n\nimport { Flex, Box } from '../layout'\n\nimport IconIndeterminate from './Indeterminate.svg'\nimport IconSelect from './Select.svg'\nimport { CheckboxProps } from './types'\n\n/*\n * An input for choosing from predefined options:\n * (1) when used alone, it gives a binary choice (checked/unchecked)\n * (2) in a group it allows the user to select multiple values from a list of options.\n */\nexport const Checkbox = forwardRef(\n  (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n    const {\n      checked: checkedProp,\n      defaultChecked,\n      indeterminate,\n      onChange,\n      _isFocused,\n      _isHovered,\n      ...other\n    } = props\n    const { color, motion } = useTheme()\n\n    const [checked, setChecked] = useControlled({\n      controlledProp: checkedProp,\n      defaultValue: defaultChecked,\n      stateName: 'checked',\n      componentName: 'Checkbox'\n    })\n\n    const handleChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(e)\n        setChecked(e.target.checked)\n      },\n      [onChange, setChecked]\n    )\n\n    const Icon = !checked\n      ? null\n      : indeterminate\n        ? IconIndeterminate\n        : IconSelect\n\n    const hoverCss = {\n      backgroundColor: checked ? color.secondary.s200 : color.neutral.n150\n    }\n\n    const focusCss = {\n      borderRadius: 6,\n      border: `2px solid ${color.border.accent}`\n    }\n\n    return (\n      <Flex\n        h='unit7'\n        w='unit7'\n        as='span'\n        alignItems='center'\n        justifyContent='center'\n      >\n        <input\n          ref={ref}\n          type='checkbox'\n          css={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            opacity: 0,\n            width: '100%',\n            height: '100%',\n            zIndex: 1,\n            margin: 0,\n            padding: 0,\n            cursor: 'pointer',\n            ':hover ~ [data-span=\"background\"]': hoverCss,\n            ':focus-visible ~ [data-span=\"focus\"]': focusCss\n          }}\n          data-indeterminate={indeterminate}\n          checked={checked}\n          onChange={handleChange}\n          {...other}\n        />\n        <Box\n          h='unit7'\n          w='unit7'\n          as='span'\n          data-span='focus'\n          css={{\n            position: 'absolute',\n            width: '100%',\n            height: '100%',\n            ...(_isFocused && focusCss)\n          }}\n        />\n        <Flex\n          borderRadius='s'\n          backgroundColor={checked ? 'accent' : 'default'}\n          h='unit5'\n          w='unit5'\n          as='span'\n          data-span='background'\n          alignItems='center'\n          justifyContent='center'\n          css={{\n            backgroundColor: checked\n              ? color.background.accent\n              : color.neutral.n200,\n            boxShadow: 'inset 2px 2px 2px 0px rgba(0, 0, 0, 0.10)',\n            transition: `background-color ${motion.hover}`,\n            ...(_isHovered && hoverCss)\n          }}\n        >\n          {Icon ? <Icon /> : null}\n        </Flex>\n      </Flex>\n    )\n  }\n)\n"],"names":["IconIndeterminate","IconSelect","_jsxs","_jsx"],"mappings":"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"}

package/dist/components/checkbox/Indeterminate.svg.js

@@ -7,16 +7,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 var _g, _defs;
 var _excluded = ["title", "titleId", "desc", "descId"],
   _excluded2 = ["color", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 var SvgIndeterminate = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _theme$iconSizes, _theme$iconSizes2, _ref2, _other$fill, _theme$color;
+  var _theme$iconSizes, _theme$iconSizes2, _other$fill, _theme$color;
   var title = _ref.title,
     titleId = _ref.titleId,
     desc = _ref.desc,
@@ -39,9 +39,9 @@ var SvgIndeterminate = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }
   var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
   if (width) {
-    other.width = width;
+    other.width = isNaN(width) ? "100%" : width;
   }
-  var fillColor = (_ref2 = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color]) !== null && _ref2 !== void 0 ? _ref2 : 'red';
+  var fill = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color];
   var classNameProp = other.className;
   var className = css({
     filter: shadow ? theme.shadows.drop : undefined,
@@ -53,7 +53,7 @@ var SvgIndeterminate = /*#__PURE__*/forwardRef(function (_ref, ref) {
   other['aria-hidden'] = title ? undefined : true;
   props = _objectSpread(_objectSpread({}, other), {}, {
     ref: ref,
-    fillColor: fillColor
+    fill: fill
   });
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",

package/dist/components/checkbox/Indeterminate.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indeterminate.svg.js","sources":["../../../src/components/checkbox/Indeterminate.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <g filter=\"url(#filter0_d_6946_1483)\">\n    <rect x=\"1.33337\" y=\"6.66675\" width=\"13.3333\" height=\"2.66667\" rx=\"1.33333\" fill=\"white\"/>\n  </g>\n  <defs>\n    <filter id=\"filter0_d_6946_1483\" x=\"1.33337\" y=\"6.66675\" width=\"17.3334\" height=\"6.66675\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n      <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n      <feOffset dx=\"2\" dy=\"2\"/>\n      <feGaussianBlur stdDeviation=\"1\"/>\n      <feComposite in2=\"hardAlpha\" operator=\"out\"/>\n      <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/>\n      <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6946_1483\"/>\n      <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_6946_1483\" result=\"shape\"/>\n    </filter>\n  </defs>\n</svg>"],"names":[],"mappings":";;;;;AAAA,SAAS,OAAO,CAAC,CAAC,EAAE,EAAE,yBAAyB,CAAC,CAAC,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE,EAAE,OAAO,OAAO,CAAC,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;AAC9T,IAAI,EAAE,EAAE,KAAK,CAAC;AACd,IAAI,SAAS,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AACtD,EAAE,UAAU,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;AACjG,SAAS,QAAQ,GAAG,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE;AACnV,SAAS,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,qBAAqB,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;AAC/P,SAAS,aAAa,CAAC,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;AACvb,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,GAAG,EAAE,EAAE,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,EAAE;AAC5O,SAAS,cAAc,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;AAChH,SAAS,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,KAAK,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;AAC5T,SAAS,wBAAwB,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,MAAM,GAAG,6BAA6B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,qBAAqB,EAAE,EAAE,IAAI,gBAAgB,GAAG,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,MAAM,CAAC,EAAE;AAC5e,SAAS,6BAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,OAAO,MAAM,CAAC,EAAE;AAKhT,IAAC,gBAAgB,gBAAgB,UAAU,CAAC,UAAU,IAAI,EAAE,GAAG,EAAE;AACpE,EAAE,IAAI,gBAAgB,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,CAAC;AAC5E,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO;AAC1B,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI;AACpB,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM;AACxB,IAAI,KAAK,GAAG,wBAAwB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACtD,EAAE,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,EAAK,IAAC,MAAM,GAAG,KAAK,CAAC;AACrB,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AACvB,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,IAAI,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/B,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;AAC7B,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3B,IAAoB,MAAM,CAAC,aAAa,CAAC;AACzC,QAAI,KAAK,GAAG,wBAAwB,CAAC,MAAM,EAAE,UAAU,EAAE;AACzD,EAAE,IAAI,MAAM,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,KAAK,CAAC,GAAG,UAAU,GAAG,CAAC,gBAAgB,GAAG,KAAK,CAAC,SAAS,MAAM,IAAI,IAAI,gBAAgB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;AACvO,EAAE,IAAI,MAAM,EAAE;AACd,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,IAAI,KAAK,GAAG,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,SAAS,MAAM,IAAI,IAAI,iBAAiB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;AACtO,EAAE,IAAI,KAAK,EAAE;AACb,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AACxB,GAAG;AACH,EAAE,IAAI,SAAS,GAAG,CAAC,KAAK,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,MAAM,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,WAAW,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC,KAAK,MAAM,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC;AAC5P,EAAE,IAAI,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;AACtC,EAAE,IAAI,SAAS,GAAG,GAAG,CAAC;AACtB,IAAI,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS;AACnD,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,QAAQ,EAAE,KAAK;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AACjD,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC;AACzC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;AAClD,EAAE,KAAK,GAAG,aAAa,CAAC,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE;AACtD,IAAI,GAAG,EAAE,GAAG;AACZ,IAAI,SAAS,EAAE,SAAS;AACxB,GAAG,CAAC,CAAC;AACL,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,iBAAiB,EAAE,OAAO;AAC9B,IAAI,kBAAkB,EAAE,MAAM;AAC9B,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC7D,IAAI,EAAE,EAAE,MAAM;AACd,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACrE,IAAI,EAAE,EAAE,OAAO;AACf,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACtE,IAAI,MAAM,EAAE,2BAA2B;AACvC,GAAG,eAAe,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC9C,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,EAAE,EAAE,KAAK;AACb,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,eAAe,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACpH,IAAI,EAAE,EAAE,qBAAqB;AAC7B,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,yBAAyB,EAAE,MAAM;AACrC,IAAI,WAAW,EAAE,gBAAgB;AACjC,GAAG,eAAe,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACjD,IAAI,YAAY,EAAE,CAAC;AACnB,IAAI,MAAM,EAAE,oBAAoB;AAChC,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE;AACxD,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,MAAM,EAAE,2CAA2C;AACvD,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AACnD,IAAI,EAAE,EAAE,CAAC;AACT,IAAI,EAAE,EAAE,CAAC;AACT,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE;AACzD,IAAI,YAAY,EAAE,CAAC;AACnB,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AACtD,IAAI,GAAG,EAAE,WAAW;AACpB,IAAI,QAAQ,EAAE,KAAK;AACnB,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE;AACxD,IAAI,MAAM,EAAE,2CAA2C;AACvD,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAClD,IAAI,GAAG,EAAE,oBAAoB;AAC7B,IAAI,MAAM,EAAE,8BAA8B;AAC1C,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAClD,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,GAAG,EAAE,8BAA8B;AACvC,IAAI,MAAM,EAAE,OAAO;AACnB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACT,CAAC;;;;"}
+{"version":3,"file":"Indeterminate.svg.js","sources":["../../../src/components/checkbox/Indeterminate.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <g filter=\"url(#filter0_d_6946_1483)\">\n    <rect x=\"1.33337\" y=\"6.66675\" width=\"13.3333\" height=\"2.66667\" rx=\"1.33333\" fill=\"white\"/>\n  </g>\n  <defs>\n    <filter id=\"filter0_d_6946_1483\" x=\"1.33337\" y=\"6.66675\" width=\"17.3334\" height=\"6.66675\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n      <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n      <feOffset dx=\"2\" dy=\"2\"/>\n      <feGaussianBlur stdDeviation=\"1\"/>\n      <feComposite in2=\"hardAlpha\" operator=\"out\"/>\n      <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/>\n      <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6946_1483\"/>\n      <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_6946_1483\" result=\"shape\"/>\n    </filter>\n  </defs>\n</svg>"],"names":[],"mappings":"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"}

package/dist/components/checkbox/Select.svg.js

@@ -7,16 +7,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 var _g, _defs;
 var _excluded = ["title", "titleId", "desc", "descId"],
   _excluded2 = ["color", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 var SvgSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _theme$iconSizes, _theme$iconSizes2, _ref2, _other$fill, _theme$color;
+  var _theme$iconSizes, _theme$iconSizes2, _other$fill, _theme$color;
   var title = _ref.title,
     titleId = _ref.titleId,
     desc = _ref.desc,
@@ -39,9 +39,9 @@ var SvgSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }
   var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
   if (width) {
-    other.width = width;
+    other.width = isNaN(width) ? "100%" : width;
   }
-  var fillColor = (_ref2 = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color]) !== null && _ref2 !== void 0 ? _ref2 : 'red';
+  var fill = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color];
   var classNameProp = other.className;
   var className = css({
     filter: shadow ? theme.shadows.drop : undefined,
@@ -53,7 +53,7 @@ var SvgSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
   other['aria-hidden'] = title ? undefined : true;
   props = _objectSpread(_objectSpread({}, other), {}, {
     ref: ref,
-    fillColor: fillColor
+    fill: fill
   });
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",