npm - @audius/harmony - Versions diffs - 0.4.3 → 0.5.2 - Mend

@audius/harmony 0.4.3 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1771) hide show

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

	@@ -1 +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 '~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 if (!isOpen) {\n setFilterInputValue('')\n }\n }\n }, [isOpen, 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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"}
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 '~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>(null)\n const inputRef = useRef<HTMLInputElement \| null>(null)\n const optionRefs = useRef<HTMLButtonElement[]>([])\n const scrollRef = useRef<HTMLDivElement \| null>(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 if (!isOpen) {\n setFilterInputValue('')\n }\n }\n }, [isOpen, 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAM,QAAQ,GAAG;AACf,IAAA,SAAS,EAAE,YAAY;CACxB,CAAA;AAEY,IAAA,YAAY,GAAG,UAAU,CAAC,SAAS,YAAY,CAE1D,KAA+B,EAAE,GAA2B,EAAA;;IAE1D,IAAO,SAAS,GAmBd,KAAK,CAnBS,KAAA,EAChB,QAAQ,GAkBN,KAAK,CAlBC,QAAA,EACR,KAAK,GAiBH,KAAK,CAjBF,KAAA,EACL,QAAQ,GAgBN,KAAK,CAAA,QAhBC,EACR,OAAO,GAeL,KAAK,CAfA,OAAA,EACP,MAAM,GAcJ,KAAK,CAdD,MAAA,EACN,OAAO,GAaL,KAAK,CAAA,OAbA,EACP,QAAQ,GAYN,KAAK,CAAA,QAZC,EACR,EAAA,GAWE,KAAK,CAXkB,OAAA,EAAzB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,eAAe,GAAA,EAAA,EACzB,EAAA,GAUE,KAAK,CAAA,IAVS,EAAhB,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA,EAChB,SAAS,GASP,KAAK,CATE,SAAA,EACO,kBAAkB,GAQhC,KAAK,CAR2B,cAAA,EAClC,SAAS,GAOP,KAAK,CAPE,SAAA,EACT,OAAO,GAML,KAAK,CAAA,OANA,EACP,eAAe,GAKb,KAAK,CALQ,eAAA,EACf,gBAAgB,GAId,KAAK,CAJS,gBAAA,EAChB,YAAY,GAGV,KAAK,CAAA,YAHK,EACZ,EAEE,GAAA,KAAK,CAFuB,WAAA,EAA9B,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAL,EAAK,GAAA,EAAA,EAC9B,WAAW,GACT,KAAK,CAAA,WADI,CACJ;AACH,IAAA,IAAA,EAA+C,GAAA,QAAQ,EAAE,EAAvD,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,UAAU,gBAAe,CAAA;IACzD,IAAA,EAAA,GAAoB,aAAa,CAAC;AACtC,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,SAAS,EAAE,OAAO;AAClB,QAAA,aAAa,EAAE,cAAc;AAC9B,KAAA,CAAC,EALK,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAKpB,CAAA;IAEI,IAAA,EAAA,GAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;IACrC,IAAA,EAAA,GAA0C,QAAQ,CAAC,EAAE,CAAC,EAArD,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,mBAAmB,GAAA,EAAA,CAAA,CAAA,CAAgB,CAAA;IAC5D,IAAM,cAAc,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,IAAI,CAAC,UAAC,MAAM,EAAK,EAAA,OAAA,MAAM,CAAC,KAAK,KAAK,KAAK,CAAA,EAAA,CAAC,CAAA;AACxE,IAAA,IAAM,aAAa,GAAG,CAAA,EAAA,GAAA,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAA;AACpE,IAAA,IAAM,cAAc,GAAG,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,KAAA,CAAA,GAAA,kBAAkB,GAAI,cAAc,aAAd,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAd,cAAc,CAAE,cAAc,CAAA;AAC3E,IAAA,IAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;AACxD,IAAA,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAM,UAAU,GAAG,MAAM,CAAsB,EAAE,CAAC,CAAA;AAClD,IAAA,IAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;;AAGrD,IAAA,IAAM,aAAa,GAAc;QAC/B,WAAW,EAAE,OAAO,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC,CAAC;QACvB,UAAU,EAAE,OAAO,CAAC,CAAC;QACrB,aAAa,EAAE,OAAO,CAAC,CAAC;KACzB,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,WAAW,EAAE,OAAO,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC,CAAC;QACvB,UAAU,EAAE,OAAO,CAAC,EAAE;QACtB,aAAa,EAAE,OAAO,CAAC,EAAE;KAC1B,CAAA;AACD,IAAA,IAAM,eAAe,GAAc;QACjC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,KAAK;KACtB,CAAA;AAED,IAAA,IAAM,mBAAmB,GAAc;AACrC,QAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI;AAChC,QAAA,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,SAAS,CAAC,IAAI,CAAE;AAC3C,QAAA,SAAS,EAAE;AACT,YAAA,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,SAAS,CAAC,IAAI,CAAE;AAC5C,SAAA;KACF,CAAA;AAED,IAAA,IAAM,UAAU,GAAG;AACjB,QAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ;KACtC,CAAA;AAED,IAAA,IAAM,WAAW,GAAG;AAClB,QAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ;KACtC,CAAA;AACD,IAAA,IAAM,iBAAiB,GAAG;AACxB,QAAA,SAAS,EAAE,MAAM;KAClB,CAAA;;AAGD,IAAA,IAAM,SAAS,GAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EACb,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAClC,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAE,EAC1C,YAAY,EAAE,YAAY,CAAC,CAAC,EAC5B,KAAK,EACH,OAAO,KAAK,eAAe,IAAI,KAAK,KAAK,IAAI;AAC3C,cAAE,KAAK,CAAC,MAAM,CAAC,KAAK;AACpB,cAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EACxB,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,EAC3B,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EACtC,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,EACnC,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,EAE3B,SAAS,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACJ,iBAAiB,CAAA,GAChB,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,GAAG,UAAU,GAAG,EAAE,EAEjD,EAAA,SAAS,EACJ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,iBAAiB,CACjB,GAAC,KAAK,KAAK,IAAI,GAAG,WAAW,GAAG,EAAE,EAEvC,EAAA,UAAU,EACL,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,iBAAiB,CACjB,GAAC,KAAK,KAAK,IAAI,GAAG,WAAW,GAAG,EAAE,EAEpC,EAAA,GAAC,MAAM,GAAG,WAAW,GAAG,EAAE,EAAC,GAE1B,IAAI,KAAK,OAAO,GAAG,WAAW,GAAG,aAAa,EAAC,GAC/C,OAAO,KAAK,eAAe,IAAI,KAAK,KAAK,IAAI;AAC/C,UAAE,mBAAmB;AACrB,UAAE,EAAE,EACP,CAAA;AAED,IAAA,IAAM,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB,CAAA;IAEtE,IAAM,WAAW,GAAG,WAAW,CAAC,YAAA;AAC9B,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,EAAE,CAAA;AACV,SAAA;AAAM,aAAA;YACL,SAAS,CAAC,UAAC,MAAe,EAAK,EAAA,OAAA,CAAC,MAAM,CAAA,EAAA,CAAC,CAAA;YACvC,IAAI,CAAC,MAAM,EAAE;gBACX,mBAAmB,CAAC,EAAE,CAAC,CAAA;AACxB,aAAA;AACF,SAAA;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAErB,IAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAEhD,IAAM,IAAI,GAAG,OAAO,CAAC,YAAA;AACnB,QAAA,OAAO,OAAO,KAAK,eAAe,IAAI,KAAK,KAAK,IAAI;AAClD,eAAI,UAAC,KAAgB,IAAK,QACtBA,GAAC,CAAA,YAAY,2BACA,QAAQ,EACnB,OAAO,EAAE,UAAC,CAAkC,EAAA;oBAC1C,CAAC,CAAC,eAAe,EAAE,CAAA;AACnB,oBAAA,IAAI,OAAO,EAAE;AACX,wBAAA,OAAO,EAAE,CAAA;AACV,qBAAA;AAAM,yBAAA;;AAEL,wBAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;AAChB,wBAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACZ,qBAAA;AACH,iBAAC,IACG,KAAK,CAAA,CACT,EACH,EAAA;eACA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,IAAK,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,CAAC,CAAA;AACxD,KAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;AAEvE,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,MAAM,EAAE;;AAEV,YAAA,UAAU,CAAC,YAAA;;AACT,gBAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;aACjD,EAAE,CAAC,CAAC,CAAA;AACL,YAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,EAAI,CAAA;AACX,SAAA;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;AAEpB,IAAA,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,KAAY,EAAA;QACX,QAAQ,CAAC,KAAK,CAAC,CAAA;AACf,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,KAAK,CAAC,CAAA;AACnB,KAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAA;AAED,IAAA,IAAM,oBAAoB,GAAG,WAAW,CACtC,UAAC,KAAY,EAAA;QACX,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,SAAS,CAAC,KAAK,CAAC,CAAA;AAClB,KAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAA;IAED,IAAM,eAAe,GAAG,OAAO,CAC7B,YAAA;QACE,OAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAE,MAAM,CACb,UAAC,EAAS,EAAA;AAAP,YAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AACN,YAAA,OAAA,CAAC,gBAAgB;AACjB,iBAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,WAAW,EAAA,CAAG,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAA,CAAA;AAD7D,SAC6D,CAChE,CAAA;AAJD,KAIC,EACH,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAC5B,CAAA;AAED,IAAA,IAAM,cAAc,GAAG,eAAe,IACpC,WAAW,IACTA,GAAA,CAAC,sBAAsB,EACrB,EAAA,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,oBAAoB,EAC9B,MAAM,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,SAAS,EAC5B,KAAK,EAAE,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAA,CACvB,KAEFA,IAAC,WAAW,EAAA,EACV,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,oBAAoB,GAC9B,CACH,IACC,IAAI,CAAA;IAER,QACEC,IAAC,CAAA,UAAU,EACT,QAAA,CAAA,EAAA,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,EAChC,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAC5C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACJ,SAAS,EAAA,eAAA,EACR,MAAM,EAEpB,EAAA,EAAA,QAAA,EAAA,CAAA,cAAc,EACd,aAAa,GAAG,WAAW,CAAC,aAAa,CAAC,GAAG,KAAK,EAEnDD,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,YAAM,EAAA,OAAA,SAAS,CAAC,KAAK,CAAC,CAAhB,EAAgB,EAC/B,UAAU,EAAE,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,UAAU,EAAA,EAAA,EAAA,QAAA,EAEhC,QAAQ,IACPA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,UAAC,CAAC,EAAK,EAAA,OAAA,CAAC,CAAC,eAAe,EAAE,CAAnB,EAAmB,EACtC,EAAA,EAAA,QAAA,EAAA,QAAQ,CAAC;AACR,wBAAA,QAAQ,EAAE,YAAY;AACtB,wBAAA,OAAO,EAAE,cAAc;AACvB,wBAAA,SAAS,EAAA,SAAA;AACV,qBAAA,CAAC,IACG,KAEPC,KAAC,WAAW,EAAA,QAAA,CAAA,EACV,SAAS,EAAE,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,SAAS,EAC/B,KAAK,EAAE,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,KAAK,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,aAAa,EAAA,YAAA,EAC3B,CAAA,EAAA,GAAA,aAAa,aAAb,aAAa,KAAA,KAAA,CAAA,GAAb,aAAa,GAAI,KAAK,mCAAI,KAAK,CAAC,YAAY,CAAC,2BAClC,aAAa,EAAA,EAAA,EAAA,QAAA,EAAA,CAEnC,eAAe,IAAI,gBAAgB,IAClCD,GAAA,CAAC,SAAS,EACR,QAAA,CAAA,EAAA,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,aAAa,CAAC,KAAK,EACzB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,UAAC,CAAC,EAAA;gCACT,CAAC,CAAC,eAAe,EAAE,CAAA;AACrB,6BAAC,EACD,QAAQ,EAAE,UAAC,CAAC,EAAA;AACV,gCAAA,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;6BACpC,EACD,YAAY,EAAC,KAAK,EAAA,EACd,gBAAgB,CACpB,CAAA,IACA,IAAI,EACP,YAAY,IACXA,GAAA,CAAC,GAAG,EAAC,QAAA,CAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA,EAAA,EAAA,QAAA,EAChBA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAC5B,YAAY,EACR,CAAA,CAAA,EAAA,CAAA,CACH,IACJ,IAAI,EACP,eAAe,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,IAC9CA,GAAC,CAAA,IAAI,aAAC,cAAc,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAC3BA,GAAC,CAAA,IAAI,aAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAA,EAAA,EAAA,QAAA,EAC1C,QAAQ,CAAC,SAAS,EACd,CAAA,CAAA,EAAA,CAAA,CACF,KAEPA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,SAAS,EAAC,QAAQ,EAAC,CAAC,EAAC,MAAM,EAAA,EAAA,EAAA,QAAA,EAC9B,cAAc,EAAA,CAAA,CACV,CACR,CAAA,EAAA,CAAA,CACW,CACf,EAAA,CAAA,CACI,CACI,EAAA,CAAA,CAAA,EACd;AACH,CAAC;;;;"}

package/dist/components/button/FilterButton/FilterButtonOption.d.ts CHANGED Viewed

@@ -6,6 +6,6 @@ type FilterButtonOptionProps<Value extends string> = {
     option: FilterButtonOptionType<Value>;
     onChange: (option: Value) => void;
 };
-export declare const FilterButtonOption: <Value extends string>(props: FilterButtonOptionProps<Value> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const FilterButtonOption: <Value extends string>(props: FilterButtonOptionProps<Value> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export {};
 //# sourceMappingURL=FilterButtonOption.d.ts.map

package/dist/components/button/FilterButton/FilterButtonOption.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterButtonOption.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButtonOption.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD,KAAK,uBAAuB,CAAC,KAAK,SAAS,MAAM,IAAI;IACnD,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,sBAAsB,CAAC,KAAK,CAAC,CAAA;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,kBAAkB,~~mNAmF7B~~,CAAA"}
1	+ {"version":3,"file":"FilterButtonOption.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButtonOption.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD,KAAK,uBAAuB,CAAC,KAAK,SAAS,MAAM,IAAI;IACnD,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,sBAAsB,CAAC,KAAK,CAAC,CAAA;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,kBAAkB,uNAmF7B,CAAA"}

package/dist/components/button/FilterButton/FilterButtonOptionsList.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ type OptionsListProps<Value extends string> = {
     options: FilterButtonOptionType<Value>[];
     isOpen: boolean;
     optionRefs: RefObject<HTMLButtonElement[]>;
-    scrollRef: RefObject<HTMLDivElement>;
+    scrollRef: RefObject<HTMLDivElement | null>;
     onChange: (value: Value) => void;
 };
 type VirtualizedOptionsListProps<Value extends string> = {

package/dist/components/button/FilterButton/FilterButtonOptionsList.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterButtonOptionsList.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButtonOptionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAM1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD,KAAK,gBAAgB,CAAC,KAAK,SAAS,MAAM,IAAI;IAC5C,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAA;IACxC,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC1C,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;~~IACpC~~,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACjC,CAAA;AAED,KAAK,2BAA2B,CAAC,KAAK,SAAS,MAAM,IAAI;IACvD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAA;IACxC,UAAU,EAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,sBAAsB,kKA6ClC,CAAA;AAED,eAAO,MAAM,WAAW,2JAkCvB,CAAA"}
1	+ {"version":3,"file":"FilterButtonOptionsList.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButtonOptionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAM1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD,KAAK,gBAAgB,CAAC,KAAK,SAAS,MAAM,IAAI;IAC5C,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAA;IACxC,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC1C,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACjC,CAAA;AAED,KAAK,2BAA2B,CAAC,KAAK,SAAS,MAAM,IAAI;IACvD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAA;IACxC,UAAU,EAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,sBAAsB,kKA6ClC,CAAA;AAED,eAAO,MAAM,WAAW,2JAkCvB,CAAA"}

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

	@@ -1 +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 '~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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"}
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 '~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 \| null>\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/FollowButton/FollowButton.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ import type { FollowButtonProps } from './types';
 /**
  * Special button for following or unfollowing a user.
  */
-export declare const FollowButton: (props: FollowButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const FollowButton: (props: FollowButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=FollowButton.d.ts.map

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

	@@ -1 +1 @@
1	- {"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,~~gLAsKxB~~,CAAA"}
1	+ {"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,oLAsKxB,CAAA"}

package/dist/components/button/FollowButton/FollowButton.js CHANGED Viewed

@@ -6,8 +6,10 @@ import styled from '@emotion/styled';
 import { Flex } from '../../layout/Flex/Flex.js';
 import { Text } from '../../text/Text.js';
 import { useControlled } from '../../../hooks/useControlled.js';
-import { IconUserFollow, IconUserFollowing, IconUserUnfollow } from '../../../icons/utilityIcons.js';
 import '@emotion/css';
+import { IconUserFollow } from '../../../icons/individual/IconUserFollow.js';
+import { IconUserFollowing } from '../../../icons/individual/IconUserFollowing.js';
+import { IconUserUnfollow } from '../../../icons/individual/IconUserUnfollow.js';
 import '../../layout/Box/Box.js';
 import '../../skeleton/Skeleton.js';
 import '../../common/HiddenInput.js';
@@ -16,6 +18,7 @@ import '../../input/TextInput/TextInput.js';
 import '../../input/TextInput/types.js';
 import '../../input/PasswordInput/PasswordInput.js';
 import '../../input/TokenAmountInput/TokenAmountInput.js';
+import '../../input/TextArea/TextArea.js';
 import '../../layout/Paper/Paper.js';
 import '../Button/Button.js';
 import '../PlainButton/PlainButton.js';
@@ -54,6 +57,7 @@ import '../../../foundations/color/color.js';
 import '../../../foundations/theme/theme.js';
 import '../../../hooks/useHotKeys.js';
 import '../../internal/MenuItem.js';
+import 'react-dom';
 var defaultMessages = {
     follow: 'Follow',

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

	@@ -1 +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 '~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 ? 'white' : 'active'\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 '&:hover': {\n borderWidth: 0,\n backgroundColor: color.primary.p300,\n boxShadow: shadows.mid\n },\n '&:active': {\n backgroundColor: color.primary.p500,\n borderWidth: 0,\n boxShadow: 'none'\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 <Icon height={18} width={18} color={textColor} />\n <Text\n variant='label'\n tag='span'\n size={size === 'small' ? 's' : 'l'}\n strength='default'\n 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,eAAe,GAAG;AACtB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,QAAQ,EAAE,UAAU;CACrB,CAAA;AAED,IAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,MAAM,EAAE,CAAC;AACV,CAAA,CAAC,CAAA;AAEF;;AAEG;IACU,YAAY,GAAG,UAAU,CACpC,UAAC,KAAwB,EAAE,GAA2B,EAAA;IAElD,IAAA,EAAA,GAQE,KAAK,CAAA,OARY,EAAnB,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACnB,EAOE,GAAA,KAAK,CAPY,WAAA,EAAnB,WAAW,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACnB,UAAU,GAMR,KAAK,CAAA,UANG,EACV,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,KAIE,KAAK,CAAA,IAJS,EAAhB,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EAChB,EAGE,GAAA,KAAK,CAHS,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACN,YAAY,GAEpB,KAAK,CAFe,QAAA,EACnB,KAAK,GAAA,MAAA,CACN,KAAK,EATH,CASL,SAAA,EAAA,aAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,CAAA,CADS,CACD;AACT,IAAA,IAAM,QAAQ,GAAQ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,eAAe,CAAK,EAAA,YAAY,CAAE,CAAA;AAChD,IAAA,IAAA,IAAI,GAAK,KAAK,CAAA,IAAV,CAAU;IAChB,IAAA,EAAA,GAAyB,aAAa,CAAC;AAC3C,QAAA,aAAa,EAAE,cAAc;AAC7B,QAAA,cAAc,EAAE,WAAW;AAC3B,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,SAAS,EAAE,WAAW;AACvB,KAAA,CAAC,EALK,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,QAKzB,CAAA;;IAGI,IAAA,EAAA,GAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;IAC7C,IAAA,EAAA,GAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;IAEnD,IAAM,gBAAgB,GAAG,WAAW,CAAC,YAAA;QACnC,aAAa,CAAC,IAAI,CAAC,CAAA;KACpB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,WAAW,CAAC,YAAA;QAClC,aAAa,CAAC,IAAI,CAAC,CAAA;KACpB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,gBAAgB,GAAG,WAAW,CAAC,YAAA;QACnC,aAAa,CAAC,KAAK,CAAC,CAAA;KACrB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,aAAa,GAAG,WAAW,CAAC,YAAA;QAChC,aAAa,CAAC,KAAK,CAAC,CAAA;KACrB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,aAAa,GAAG,WAAW,CAAC,YAAA;QAChC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,aAAa,CAAC,IAAI,CAAC,CAAA;KACpB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,cAAc,GAAG,WAAW,CAAC,YAAA;QACjC,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,aAAa,CAAC,KAAK,CAAC,CAAA;KACrB,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,eAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAE5B,IAAM,WAAW,GAAG,WAAW,CAAC,YAAA;AAC9B,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,UAAU,EAAI,CAAA;AACf,SAAA;AAAM,aAAA;AACL,YAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,EAAI,CAAA;AACb,SAAA;AACD,QAAA,aAAa,CAAC,CAAC,KAAK,CAAC,CAAA;KACtB,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEhD,IAAM,YAAY,GAAG,KAAK,CAAA;IAC1B,IAAI,IAAI,GAAkB,cAAc,CAAA;AACxC,IAAA,IAAI,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAA;AAC1B,IAAA,IAAI,YAAY,IAAI,CAAC,UAAU,EAAE;QAC/B,IAAI,GAAG,iBAAiB,CAAA;AACxB,QAAA,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAA;AAC1B,KAAA;AAAM,SAAA,IAAI,YAAY,IAAI,UAAU,IAAI,CAAC,UAAU,EAAE;QACpD,IAAI,GAAG,gBAAgB,CAAA;AACvB,QAAA,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAA;AACzB,KAAA;AAEK,IAAA,IAAA,EAA2C,GAAA,QAAQ,EAAE,EAAnD,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,aAAe,CAAA;AAE3D,IAAA,IAAM,SAAS,GACb,YAAY,IAAI,UAAU,IAAI,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE/D,IAAA,IAAM,YAAY,GAChB,OAAO,KAAK,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,CAAC,CAAA;AAE3D,IAAA,IAAM,OAAO,GAAc;AACzB,QAAA,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,IAAI,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG;QACtC,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS;AACrC,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,eAAe,EAAE,YAAY;AAC3B,cAAE,KAAK,CAAC,OAAO,CAAC,OAAO;AACvB,cAAE,KAAK,CAAC,OAAO,CAAC,KAAK;QACvB,SAAS,EAAE,OAAO,CAAC,IAAI;AACvB,QAAA,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAE;AAC5C,QAAA,UAAU,EAAE,sBACE,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,qCACT,MAAM,CAAC,KAAK,EAAA,8BAAA,CAAA,CAAA,MAAA,CACR,MAAM,CAAC,KAAK,8BACvB,MAAM,CAAC,KAAK,EACrB,UAAA,CAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;YACnC,SAAS,EAAE,OAAO,CAAC,GAAG;AACvB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACnC,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,SAAS,EAAE,MAAM;AAClB,SAAA;KACF,CAAA;;AAGD,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,UAAU,EAAE;AACd,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;YACnD,OAAO,YAAA;AACL,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;AACxD,aAAC,CAAA;AACF,SAAA;AACD,QAAA,OAAO,SAAS,CAAA;AAClB,KAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;AAE/B,IAAA,IAAM,SAAS,GAAG;AAChB,QAAA,YAAY,EAAE,gBAAgB;AAC9B,QAAA,YAAY,EAAE,gBAAgB;AAC9B,QAAA,WAAW,EAAE,eAAe;AAC5B,QAAA,SAAS,EAAE,aAAa;AACxB,QAAA,YAAY,EAAE,aAAa;AAC3B,QAAA,UAAU,EAAE,cAAc;KAC3B,CAAA;AAED,IAAA,IAAM,WAAW,GAAG,IAAI,KAAK,UAAU,GAAG,SAAS,GAAG,KAAK,CAAA;AAC3D,IAAA,IAAM,UAAU,GAAG,IAAI,KAAK,UAAU,GAAG,KAAK,GAAG,SAAS,CAAA;IAE1D,QACEA,KAAC,IAAI;;;;QAEH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,IAAI,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,EAC5C,CAAC,EAAE,IAAI,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE,EAC7B,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,GAAG,EACN,GAAG,EAAE,OAAO;;AAEZ,QAAA,OAAO,EAAE,WAAW,EAAA,EAChB,WAAW,EACX,SAAS,EAEb,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,GAAI,EACjDA,GAAA,CAAC,IAAI,EACH,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,EACf,GAAG,EAAC,MAAM,EACV,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAClC,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,SAAS,EAAA,EAAA,EAAA,QAAA,EAEf,IAAI,EACA,CAAA,CAAA,EACN,IAAI,KAAK,UAAU,IAClBA,GAAA,CAAC,SAAS,EAAK,QAAA,CAAA,EAAA,EAAA,UAAU,IAAE,OAAO,EAAE,WAAW,EAAA,CAAA,CAAI,IACjD,IAAI,CAAA,EAAA,CAAA,CACH,EACR;AACH,CAAC;;;;"}
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 '~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 ? 'white' : 'active'\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 '&:hover': {\n borderWidth: 0,\n backgroundColor: color.primary.p300,\n boxShadow: shadows.mid\n },\n '&:active': {\n backgroundColor: color.primary.p500,\n borderWidth: 0,\n boxShadow: 'none'\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 <Icon height={18} width={18} color={textColor} />\n <Text\n variant='label'\n tag='span'\n size={size === 'small' ? 's' : 'l'}\n strength='default'\n 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/IconButton/IconButton.d.ts CHANGED Viewed

@@ -38,5 +38,5 @@ export declare const IconButton: (props: {
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     _isHovered?: boolean | undefined;
     _isPressed?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/button/IconButton/IconButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAGzD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CACjC,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC,GACnE,eAAe,CAAA;AAEjB;;;GAGG;AACH,eAAO,MAAM,UAAU;UAbf,aAAa;;kBAEL,MAAM;;;kBAGN,SAAS,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;~~sJAwGjC~~,CAAA"}
1	+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAGzD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CACjC,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC,GACnE,eAAe,CAAA;AAEjB;;;GAGG;AACH,eAAO,MAAM,UAAU;UAbf,aAAa;;kBAEL,MAAM;;;kBAGN,SAAS,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;0JAwGjC,CAAA"}

package/dist/components/button/PlainButton/PlainButton.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@
 export declare const PlainButton: (props: {
     variant?: import("./types").PlainButtonVariant | undefined;
     size?: import("./types").PlainButtonSize | undefined;
-} & Omit<import("../BaseButton/types").BaseButtonProps, "styles"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & Omit<import("../BaseButton/types").BaseButtonProps, "styles"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=PlainButton.d.ts.map

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

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

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

@@ -33,24 +33,31 @@ var PlainButton = forwardRef(function PlainButton(props, ref) {
         width: spacing.unit5,
         height: spacing.unit5
     };
-    var buttonCss = __assign(__assign(__assign({ '--text-color': variant === 'subdued' && !isDisabled
-            ? color.text.subdued
-            : variant === 'inverted'
-                ? 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.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 && {
+    var defaultTextColor = variant === 'subdued' && !isDisabled
+        ? color.text.subdued
+        : variant === 'inverted'
+            ? color.static.staticWhite
+            : color.text.default;
+    var hoverTextColor = variant === 'inverted'
+        ? color.static.staticWhite
+        : color.secondary.secondary;
+    var activeTextColor = variant === 'inverted' ? color.static.staticWhite : color.secondary.s500;
+    var buttonCss = __assign(__assign(__assign({ background: 'transparent', border: 'none', color: defaultTextColor, '& svg': {
+            fill: defaultTextColor
+        }, fontWeight: typography.weight.bold }, (size === 'large' ? largeStyles : defaultStyles)), { '&:hover': __assign({ color: hoverTextColor, '& svg': {
+                fill: hoverTextColor
+            } }, (variant === 'inverted' && { opacity: 0.8 })), '&:active': __assign({ color: activeTextColor, '& svg': {
+                fill: activeTextColor
+            } }, (variant === 'inverted' && { opacity: 0.5 })) }), (isDisabled && {
         opacity: 0.2
     }));
     var iconCss = size === 'large' ? largeIconStyles : defaultIconStyles;
+    // When using asChild, we don't want to wrap a span around the children
+    // as it can mess up links with icons
     return (jsx(BaseButton, __assign({ ref: ref, disabled: isDisabled, styles: {
             button: buttonCss,
             icon: iconCss
-        } }, baseProps, { children: jsx("span", __assign({ css: { overflow: 'hidden', textOverflow: 'ellipsis' } }, { children: children })) })));
+        } }, baseProps, { children: baseProps.asChild ? (children) : (jsx("span", __assign({ css: { overflow: 'hidden', textOverflow: 'ellipsis' } }, { children: children }))) })));
 });
 export { PlainButton };

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

	@@ -1 +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 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;;;;"}
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 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 defaultTextColor =\n variant === 'subdued' && !isDisabled\n ? color.text.subdued\n : variant === 'inverted'\n ? color.static.staticWhite\n : color.text.default\n\n const hoverTextColor =\n variant === 'inverted'\n ? color.static.staticWhite\n : color.secondary.secondary\n\n const activeTextColor =\n variant === 'inverted' ? color.static.staticWhite : color.secondary.s500\n\n const buttonCss: CSSObject = {\n background: 'transparent',\n border: 'none',\n color: defaultTextColor,\n '& svg': {\n fill: defaultTextColor\n },\n fontWeight: typography.weight.bold,\n\n ...(size === 'large' ? largeStyles : defaultStyles),\n\n '&:hover': {\n color: hoverTextColor,\n '& svg': {\n fill: hoverTextColor\n },\n ...(variant === 'inverted' && { opacity: 0.8 })\n },\n\n '&:active': {\n color: activeTextColor,\n '& svg': {\n fill: activeTextColor\n },\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 // When using asChild, we don't want to wrap a span around the children\n // as it can mess up links with icons\n return (\n <BaseButton\n ref={ref}\n disabled={isDisabled}\n styles={{\n button: buttonCss,\n icon: iconCss\n }}\n {...baseProps}\n >\n {baseProps.asChild ? (\n children\n ) : (\n <span css={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n {children}\n </span>\n )}\n </BaseButton>\n )\n }\n)\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/button/SocialButton/SocialButton.js CHANGED Viewed

@@ -3,7 +3,9 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import 'react';
 import '@emotion/react';
 import '@emotion/css';
-import { IconTikTok, IconInstagram, IconX } from '../../../icons/logos.js';
+import { IconInstagram } from '../../../icons/individual/IconInstagram.js';
+import { IconTikTok } from '../../../icons/individual/IconTikTok.js';
+import { IconX } from '../../../icons/individual/IconX.js';
 import '../../layout/Box/Box.js';
 import '../../layout/Flex/Flex.js';
 import '../../skeleton/Skeleton.js';
@@ -14,6 +16,7 @@ import '../../input/TextInput/TextInput.js';
 import '../../input/TextInput/types.js';
 import '../../input/PasswordInput/PasswordInput.js';
 import '../../input/TokenAmountInput/TokenAmountInput.js';
+import '../../input/TextArea/TextArea.js';
 import '../../layout/Paper/Paper.js';
 import { Button } from '../Button/Button.js';
 import '../PlainButton/PlainButton.js';
@@ -53,6 +56,7 @@ import '../../../foundations/color/color.js';
 import '../../../foundations/theme/theme.js';
 import '../../../hooks/useHotKeys.js';
 import '../../internal/MenuItem.js';
+import 'react-dom';
 var getSocialLogos = function () { return ({
     tiktok: IconTikTok,

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

	@@ -1 +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, IconX } from '~harmony/icons'\n\nimport { Button } from '../Button/Button'\nimport type { ButtonProps } from '../Button/types'\n\ntype SocialMedia = 'tiktok' \| 'instagram' \| 'x'\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 getSocialLogos = () => ({\n tiktok: IconTikTok,\n instagram: IconInstagram,\n x: IconX\n})\n\nexport const SocialButton = (props: SocialButtonProps) => {\n const { socialType, ...rest } = props\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 = getSocialLogos()[socialType]\n\n return (\n <Button\n variant='secondary'\n {...rest}\n css={{\n border: 'transparent',\n ...(socialType === 'instagram' && instagramBackgroundCss),\n ...(socialType === 'tiktok' && {\n background: '#fe2c55',\n color: '#ffffff'\n })\n }}\n iconLeft={SocialLogo}\n />\n )\n}\n"],"names":["_jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAiBA,IAAM,cAAc,GAAG,YAAM,EAAA,QAAC;AAC5B,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,CAAC,EAAE,KAAK;CACT,EAAC,EAAA,CAAA;AAEK,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;AAErC,IAAA,IAAM,sBAAsB,GAAc;AACxC,QAAA,UAAU,EAAE,iQACuH;KACpI,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,cAAc,EAAE,CAAC,UAAU,CAAC,CAAA;AAE/C,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EACL,OAAO,EAAC,WAAW,EAAA,EACf,IAAI,EAAA,EACR,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EACD,MAAM,EAAE,aAAa,EAAA,GACjB,UAAU,KAAK,WAAW,IAAI,sBAAsB,EAAC,GACrD,UAAU,KAAK,QAAQ,IAAI;AAC7B,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA,IAEH,QAAQ,EAAE,UAAU,EAAA,CAAA,CACpB,EACH;AACH;;;;"}
1	+ {"version":3,"file":"SocialButton.js","sources":["../../../../src/components/button/SocialButton/SocialButton.tsx"],"sourcesContent":["import type { CSSObject } from '@emotion/react'\n\nimport { IconInstagram, IconTikTok, IconX } from '~harmony/icons'\n\nimport { Button } from '../Button/Button'\nimport type { ButtonProps } from '../Button/types'\n\ntype SocialMedia = 'tiktok' \| 'instagram' \| 'x'\n\n// Omitting aria-label from original type for development purposes\nexport type SocialButtonProps = ButtonProps & {\n /*\n Which social media.\n */\n socialType: SocialMedia\n}\n\nconst getSocialLogos = () => ({\n tiktok: IconTikTok,\n instagram: IconInstagram,\n x: IconX\n})\n\nexport const SocialButton = (props: SocialButtonProps) => {\n const { socialType, ...rest } = props\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 = getSocialLogos()[socialType]\n\n return (\n <Button\n variant='secondary'\n {...rest}\n css={{\n border: 'transparent',\n ...(socialType === 'instagram' && instagramBackgroundCss),\n ...(socialType === 'tiktok' && {\n background: '#fe2c55',\n color: '#ffffff'\n })\n }}\n iconLeft={SocialLogo}\n />\n )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,cAAc,GAAG,YAAM,EAAA,QAAC;AAC5B,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,CAAC,EAAE,KAAK;CACT,EAAC,EAAA,CAAA;AAEK,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;AAErC,IAAA,IAAM,sBAAsB,GAAc;AACxC,QAAA,UAAU,EAAE,iQACuH;KACpI,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,cAAc,EAAE,CAAC,UAAU,CAAC,CAAA;AAE/C,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EACL,OAAO,EAAC,WAAW,EAAA,EACf,IAAI,EAAA,EACR,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EACD,MAAM,EAAE,aAAa,EAAA,GACjB,UAAU,KAAK,WAAW,IAAI,sBAAsB,EAAC,GACrD,UAAU,KAAK,QAAQ,IAAI;AAC7B,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA,IAEH,QAAQ,EAAE,UAAU,EAAA,CAAA,CACpB,EACH;AACH;;;;"}

package/dist/components/checkbox/Checkbox.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ export declare const Checkbox: (props: Omit<import("react").DetailedHTMLProps<im
     indeterminate?: boolean | undefined;
     _isHovered?: boolean | undefined;
     _isFocused?: boolean | undefined;
-} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/checkbox/Checkbox.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,QAAQ;;;;~~qJA4GpB~~,CAAA"}
1	+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,QAAQ;;;;yJA4GpB,CAAA"}

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

@@ -6,7 +6,7 @@ import { css, cx } from '@emotion/css';
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _g, _defs;
 var _excluded = ["title", "titleId", "desc", "descId"],
-  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps"];
+  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps", "hex"];
 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; }
@@ -33,7 +33,8 @@ var SvgIndeterminate = /*#__PURE__*/forwardRef(function (_ref, ref) {
     widthProp = _props.width,
     shadow = _props.shadow;
     _props.animatedProps;
-    var other = _objectWithoutProperties(_props, _excluded2);
+    var hex = _props.hex,
+    other = _objectWithoutProperties(_props, _excluded2);
   var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
   if (height) {
     other.height = height;
@@ -48,7 +49,8 @@ var SvgIndeterminate = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = css({
     filter: shadow ? theme.shadows.drop : undefined,
     minHeight: height,
-    minWidth: width
+    minWidth: width,
+    clipPath: hex ? 'url(#rounded-hex-clip-path)' : undefined
   });
   other.className = cx(className, classNameProp);

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

	@@ -1 +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":"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"}
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":"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"}

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

@@ -6,7 +6,7 @@ import { css, cx } from '@emotion/css';
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _g, _defs;
 var _excluded = ["title", "titleId", "desc", "descId"],
-  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps"];
+  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps", "hex"];
 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; }
@@ -33,7 +33,8 @@ var SvgSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
     widthProp = _props.width,
     shadow = _props.shadow;
     _props.animatedProps;
-    var other = _objectWithoutProperties(_props, _excluded2);
+    var hex = _props.hex,
+    other = _objectWithoutProperties(_props, _excluded2);
   var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
   if (height) {
     other.height = height;
@@ -48,7 +49,8 @@ var SvgSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = css({
     filter: shadow ? theme.shadows.drop : undefined,
     minHeight: height,
-    minWidth: width
+    minWidth: width,
+    clipPath: hex ? 'url(#rounded-hex-clip-path)' : undefined
   });
   other.className = cx(className, classNameProp);