@audius/harmony 0.5.0 → 0.5.2

package/dist/icons/utilityIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilityIcons.d.ts","sourceRoot":"","sources":["../../src/icons/utilityIcons.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import './foundations/reset/reset.css';
+import './foundations/typography/avenir.css';
+import './foundations/typography/fonts.css';
+import './foundations/spacing/spacing.css';
+import './foundations/color/primitive.css';
+import './foundations/color/semantic.css';
+import './foundations/motion/motion.css';
+import './foundations/corner-radius/corner-radius.css';
+import './foundations/shadows/shadows.css';
+import './foundations/transforms/transforms.css';
+import './foundations/layers/layers.css';
+export * from './foundations';
+export * from './components';
+export * from './icons';
+export * from './hooks';
+export * from './utils';
+export * from './contexts';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAA;AACtC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,kCAAkC,CAAA;AACzC,OAAO,iCAAiC,CAAA;AACxC,OAAO,+CAA+C,CAAA;AACtD,OAAO,mCAAmC,CAAA;AAC1C,OAAO,yCAAyC,CAAA;AAChD,OAAO,iCAAiC,CAAA;AAExC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,336 @@
+export { primitiveTheme } from './foundations/color/primitive.js';
+export { semanticTheme } from './foundations/color/semantic.js';
+export { colorTheme } from './foundations/color/color.js';
+export { cornerRadius } from './foundations/corner-radius/cornerRadius.js';
+export { motion, spring } from './foundations/motion/motion.js';
+export { shadows } from './foundations/shadows/shadows.js';
+export { ThemeProvider } from './foundations/theme/ThemeProvider.js';
+export { darkTheme, dayTheme, matrixTheme, themes } from './foundations/theme/theme.js';
+export { useTheme } from '@emotion/react';
+export { typography } from './foundations/typography/typography.js';
+export { iconSizes, spacing } from './foundations/spacing/spacing.js';
+export { breakpoints } from './foundations/breakpoints/breakpoints.js';
+export { Avatar } from './components/avatar/Avatar.js';
+export { SelectablePill } from './components/input/SelectablePill/SelectablePill.js';
+export { TextInput } from './components/input/TextInput/TextInput.js';
+export { TextInputSize } from './components/input/TextInput/types.js';
+export { useFocusState } from './components/input/useFocusState.js';
+export { PasswordInput } from './components/input/PasswordInput/PasswordInput.js';
+export { TokenAmountInput } from './components/input/TokenAmountInput/TokenAmountInput.js';
+export { TextArea, TextAreaSize } from './components/input/TextArea/TextArea.js';
+export { HelperText } from './components/input/TextArea/HelperText.js';
+export { Box } from './components/layout/Box/Box.js';
+export { Divider } from './components/layout/Divider/Divider.js';
+export { Flex } from './components/layout/Flex/Flex.js';
+export { Paper } from './components/layout/Paper/Paper.js';
+export { Text } from './components/text/Text.js';
+export { bodyLineHeightMap, variantStylesMap, variantTagMap } from './components/text/constants.js';
+export { Button } from './components/button/Button/Button.js';
+export { PlainButton } from './components/button/PlainButton/PlainButton.js';
+export { SocialButton } from './components/button/SocialButton/SocialButton.js';
+export { FollowButton } from './components/button/FollowButton/FollowButton.js';
+export { IconButton } from './components/button/IconButton/IconButton.js';
+export { UnstyledButton } from './components/button/UnstyledButton.js';
+export { FilterButton } from './components/button/FilterButton/FilterButton.js';
+export { FilterButtonOption } from './components/button/FilterButton/FilterButtonOption.js';
+export { BaseButton } from './components/button/BaseButton/BaseButton.js';
+export { CompletionCheck } from './components/completion-check/CompletionCheck.js';
+export { TextLink } from './components/text-link/TextLink.js';
+export { Hint } from './components/hint/Hint.js';
+export { Tag } from './components/tag/Tag.js';
+export { Switch } from './components/switch/Switch.js';
+export { SegmentedControl } from './components/segmented-control/SegmentedControl.js';
+export { Scrollbar, useScrollbarRef } from './components/scrollbar/Scrollbar.js';
+export { Radio } from './components/radio/Radio.js';
+export { RadioGroup } from './components/radio-group/RadioGroup.js';
+export { RadioGroupContext } from './components/radio-group/RadioGroupContext.js';
+export { Popup } from './components/popup/Popup.js';
+export { PopupMenu } from './components/popup-menu/PopupMenu.js';
+export { Modal } from './components/modal/Modal.js';
+export { ModalContent } from './components/modal/ModalContent.js';
+export { ModalContentPages } from './components/modal/ModalContentPages.js';
+export { ModalContentText } from './components/modal/ModalContentText.js';
+export { ModalHeader, ModalTitle } from './components/modal/ModalHeader.js';
+export { ModalFooter } from './components/modal/ModalFooter.js';
+export { Anchor } from './components/modal/types.js';
+export { ProgressBar } from './components/progress-bar/ProgressBar.js';
+export { Scrubber } from './components/scrubber/Scrubber.js';
+export { Skeleton } from './components/skeleton/Skeleton.js';
+export { Artwork } from './components/artwork/Artwork.js';
+export { MusicBadge } from './components/music-badge/MusicBadge.js';
+export { ExpandableNavItem } from './components/expandable-nav-item/ExpandableNavItem.js';
+export { NavItem } from './components/nav-item/NavItem.js';
+export { BalancePill } from './components/balance-pill/BalancePill.js';
+export { NotificationCount } from './components/notification-count/NotificationCount.js';
+export { default as LoadingSpinner } from './components/loading-spinner/LoadingSpinner.js';
+export { Pill } from './components/pill/Pill.js';
+export { HiddenInput } from './components/common/HiddenInput.js';
+export { Select } from './components/select/Select/Select.js';
+export { IconText } from './components/icon-text/IconText.js';
+export { SendIcon } from './components/send-icon/SendIcon.js';
+export { Checkbox } from './components/checkbox/Checkbox.js';
+export { HoverCard } from './components/hover-card/HoverCard.js';
+export { HoverCardHeader } from './components/hover-card/HoverCardHeader.js';
+export { MenuItem } from './components/internal/MenuItem.js';
+export { Menu, MenuContent } from './components/internal/Menu.js';
+export { OptionKeyHandler } from './components/internal/OptionKeyHandler.js';
+export { Tooltip } from './components/tooltip/Tooltip.js';
+export { IconFilter } from './icons/individual/IconFilter.js';
+export { IconSearch } from './icons/individual/IconSearch.js';
+export { IconAlbum } from './icons/individual/IconAlbum.js';
+export { IconAllTime } from './icons/individual/IconAllTime.js';
+export { IconBlog } from './icons/individual/IconBlog.js';
+export { IconFolder } from './icons/individual/IconFolder.js';
+export { IconSend } from './icons/individual/IconSend.js';
+export { IconAppearance } from './icons/individual/IconAppearance.js';
+export { IconGift } from './icons/individual/IconGift.js';
+export { IconSettings } from './icons/individual/IconSettings.js';
+export { IconArrowLeft } from './icons/individual/IconArrowLeft.js';
+export { IconHeart } from './icons/individual/IconHeart.js';
+export { IconShare } from './icons/individual/IconShare.js';
+export { IconArrowRight } from './icons/individual/IconArrowRight.js';
+export { IconMoneySend } from './icons/individual/IconMoneySend.js';
+export { IconArrowUpToLine } from './icons/individual/IconArrowUpToLine.js';
+export { IconImage } from './icons/individual/IconImage.js';
+export { IconShieldCheck } from './icons/individual/IconShieldCheck.js';
+export { IconShieldUser } from './icons/individual/IconShieldUser.js';
+export { IconBoxHeart } from './icons/individual/IconBoxHeart.js';
+export { IconIndent } from './icons/individual/IconIndent.js';
+export { IconShuffle } from './icons/individual/IconShuffle.js';
+export { IconCalendarDay } from './icons/individual/IconCalendarDay.js';
+export { IconInfo } from './icons/individual/IconInfo.js';
+export { IconSignOut } from './icons/individual/IconSignOut.js';
+export { IconCalendarMonth } from './icons/individual/IconCalendarMonth.js';
+export { IconKebabHorizontal } from './icons/individual/IconKebabHorizontal.js';
+export { IconSkipNext } from './icons/individual/IconSkipNext.js';
+export { IconCalendarWeek } from './icons/individual/IconCalendarWeek.js';
+export { IconKey } from './icons/individual/IconKey.js';
+export { IconSkipPrevious } from './icons/individual/IconSkipPrevious.js';
+export { IconCamera } from './icons/individual/IconCamera.js';
+export { IconLibrary } from './icons/individual/IconLibrary.js';
+export { IconSkull } from './icons/individual/IconSkull.js';
+export { IconCampfire } from './icons/individual/IconCampfire.js';
+export { IconLink } from './icons/individual/IconLink.js';
+export { IconSort } from './icons/individual/IconSort.js';
+export { IconCaretDown } from './icons/individual/IconCaretDown.js';
+export { IconListeningHistory } from './icons/individual/IconListeningHistory.js';
+export { IconSortDown } from './icons/individual/IconSortDown.js';
+export { IconCaretLeft } from './icons/individual/IconCaretLeft.js';
+export { IconListens } from './icons/individual/IconListens.js';
+export { IconSortUp } from './icons/individual/IconSortUp.js';
+export { IconCaretRight } from './icons/individual/IconCaretRight.js';
+export { IconLock } from './icons/individual/IconLock.js';
+export { IconSpeaker } from './icons/individual/IconSpeaker.js';
+export { IconCaretUp } from './icons/individual/IconCaretUp.js';
+export { IconLockUnlocked } from './icons/individual/IconLockUnlocked.js';
+export { IconSparkles } from './icons/individual/IconSparkles.js';
+export { IconCart } from './icons/individual/IconCart.js';
+export { IconMessages } from './icons/individual/IconMessages.js';
+export { IconMessage } from './icons/individual/IconMessage.js';
+export { IconStar } from './icons/individual/IconStar.js';
+export { IconCastAirplay } from './icons/individual/IconCastAirplay.js';
+export { IconMessageBlock } from './icons/individual/IconMessageBlock.js';
+export { IconMessageSlash } from './icons/individual/IconMessageSlash.js';
+export { IconStars } from './icons/individual/IconStars.js';
+export { IconCastChromecast } from './icons/individual/IconCastChromecast.js';
+export { IconMessageLocked } from './icons/individual/IconMessageLocked.js';
+export { IconTastemaker } from './icons/individual/IconTastemaker.js';
+export { IconCheck } from './icons/individual/IconCheck.js';
+export { IconMessageUnblock } from './icons/individual/IconMessageUnblock.js';
+export { IconThumbsDown } from './icons/individual/IconThumbsDown.js';
+export { IconClose } from './icons/individual/IconClose.js';
+export { IconMinus } from './icons/individual/IconMinus.js';
+export { IconThumbsUp } from './icons/individual/IconThumbsUp.js';
+export { IconCloseAlt } from './icons/individual/IconCloseAlt.js';
+export { IconMood } from './icons/individual/IconMood.js';
+export { IconMoneyBracket } from './icons/individual/IconMoneyBracket.js';
+export { IconCloudDownload } from './icons/individual/IconCloudDownload.js';
+export { IconNoWifi } from './icons/individual/IconNoWifi.js';
+export { IconTransaction } from './icons/individual/IconTransaction.js';
+export { IconTowerBroadcast } from './icons/individual/IconTowerBroadcast.js';
+export { IconCloudDownloadError } from './icons/individual/IconCloudDownloadError.js';
+export { IconNote } from './icons/individual/IconNote.js';
+export { IconTrash } from './icons/individual/IconTrash.js';
+export { IconCloudDownloadInactive } from './icons/individual/IconCloudDownloadInactive.js';
+export { IconNotificationOff } from './icons/individual/IconNotificationOff.js';
+export { IconTrending } from './icons/individual/IconTrending.js';
+export { IconTriangleExclamation } from './icons/individual/IconTriangleExclamation.js';
+export { IconLifeRing } from './icons/individual/IconLifeRing.js';
+export { IconCloudDownloadPaused } from './icons/individual/IconCloudDownloadPaused.js';
+export { IconNotificationOn } from './icons/individual/IconNotificationOn.js';
+export { IconTrophy } from './icons/individual/IconTrophy.js';
+export { IconCloudDownloadQueued } from './icons/individual/IconCloudDownloadQueued.js';
+export { IconPause } from './icons/individual/IconPause.js';
+export { IconTurntable } from './icons/individual/IconTurntable.js';
+export { IconCloudUpload } from './icons/individual/IconCloudUpload.js';
+export { IconPaperAirplane } from './icons/individual/IconPaperAirplane.js';
+export { IconPencil } from './icons/individual/IconPencil.js';
+export { IconPin } from './icons/individual/IconPin.js';
+export { IconUser } from './icons/individual/IconUser.js';
+export { IconUserArrowRotate } from './icons/individual/IconUserArrowRotate.js';
+export { IconArrowRotate } from './icons/individual/IconArrowRotate.js';
+export { IconPlay } from './icons/individual/IconPlay.js';
+export { IconUserFollow } from './icons/individual/IconUserFollow.js';
+export { IconCompose } from './icons/individual/IconCompose.js';
+export { IconPlaylists } from './icons/individual/IconPlaylists.js';
+export { IconUserFollowers } from './icons/individual/IconUserFollowers.js';
+export { IconCopy } from './icons/individual/IconCopy.js';
+export { IconPlus } from './icons/individual/IconPlus.js';
+export { IconUserFollowing } from './icons/individual/IconUserFollowing.js';
+export { IconCreatePlaylist } from './icons/individual/IconCreatePlaylist.js';
+export { IconPodcastBack } from './icons/individual/IconPodcastBack.js';
+export { IconUserGroup } from './icons/individual/IconUserGroup.js';
+export { IconCrown } from './icons/individual/IconCrown.js';
+export { IconPodcastForward } from './icons/individual/IconPodcastForward.js';
+export { IconUserList } from './icons/individual/IconUserList.js';
+export { IconDashboard } from './icons/individual/IconDashboard.js';
+export { IconQuestionCircle } from './icons/individual/IconQuestionCircle.js';
+export { IconUserUnfollow } from './icons/individual/IconUserUnfollow.js';
+export { IconDesktop } from './icons/individual/IconDesktop.js';
+export { IconRadar } from './icons/individual/IconRadar.js';
+export { IconVisibilityHidden } from './icons/individual/IconVisibilityHidden.js';
+export { IconReceive } from './icons/individual/IconReceive.js';
+export { IconVisibilityPublic } from './icons/individual/IconVisibilityPublic.js';
+export { IconDrag } from './icons/individual/IconDrag.js';
+export { IconRefresh } from './icons/individual/IconRefresh.js';
+export { IconVolumeLevel0 } from './icons/individual/IconVolumeLevel0.js';
+export { IconEarnings } from './icons/individual/IconEarnings.js';
+export { IconRemix } from './icons/individual/IconRemix.js';
+export { IconVolumeLevel1 } from './icons/individual/IconVolumeLevel1.js';
+export { IconEmailAddress } from './icons/individual/IconEmailAddress.js';
+export { IconRemove } from './icons/individual/IconRemove.js';
+export { IconVolumeLevel2 } from './icons/individual/IconVolumeLevel2.js';
+export { IconEmbed } from './icons/individual/IconEmbed.js';
+export { IconRepeatOff } from './icons/individual/IconRepeatOff.js';
+export { IconVolumeLevel3 } from './icons/individual/IconVolumeLevel3.js';
+export { IconError } from './icons/individual/IconError.js';
+export { IconRepost } from './icons/individual/IconRepost.js';
+export { IconWallet } from './icons/individual/IconWallet.js';
+export { IconExplore } from './icons/individual/IconExplore.js';
+export { IconWand } from './icons/individual/IconWand.js';
+export { IconExternalLink } from './icons/individual/IconExternalLink.js';
+export { IconRocket } from './icons/individual/IconRocket.js';
+export { IconWithdraw } from './icons/individual/IconWithdraw.js';
+export { IconFeed } from './icons/individual/IconFeed.js';
+export { IconSave } from './icons/individual/IconSave.js';
+export { IconRecoveryEmail } from './icons/individual/IconRecoveryEmail.js';
+export { IconHeadphones } from './icons/individual/IconHeadphones.js';
+export { IconValidationCheck } from './icons/individual/IconValidationCheck.js';
+export { IconValidationX } from './icons/individual/IconValidationX.js';
+export { IconSoundwave } from './icons/individual/IconSoundwave.js';
+export { IconCreditCard } from './icons/individual/IconCreditCard.js';
+export { IconWaveForm } from './icons/individual/IconWaveForm.js';
+export { IconFoundation } from './icons/individual/IconFoundation.js';
+export { IconMerch } from './icons/individual/IconMerch.js';
+export { IconSupport } from './icons/individual/IconSupport.js';
+export { IconPlaybackPause } from './icons/individual/IconPlaybackPause.js';
+export { IconPlaybackPlay } from './icons/individual/IconPlaybackPlay.js';
+export { IconQrCode } from './icons/individual/IconQrCode.js';
+export { IconJupiterLogo } from './icons/individual/IconJupiterLogo.js';
+export { IconArtistCoin } from './icons/individual/IconArtistCoin.js';
+export { IconCoinGatedLabel } from './icons/individual/IconCoinGatedLabel.js';
+export { IconAudiusLogo } from './icons/individual/IconAudiusLogo.js';
+export { IconAudiusLogoColor } from './icons/individual/IconAudiusLogoColor.js';
+export { IconAudiusLogoHorizontal } from './icons/individual/IconAudiusLogoHorizontal.js';
+export { IconAudiusLogoHorizontalColor } from './icons/individual/IconAudiusLogoHorizontalColor.js';
+export { IconAudiusLogoHorizontalNew } from './icons/individual/IconAudiusLogoHorizontalNew.js';
+export { IconAudiusLogoHorizontalColorNew } from './icons/individual/IconAudiusLogoHorizontalColorNew.js';
+export { IconAudiusLogoVertical } from './icons/individual/IconAudiusLogoVertical.js';
+export { IconDiscord } from './icons/individual/IconDiscord.js';
+export { IconFacebook } from './icons/individual/IconFacebook.js';
+export { IconInstagram } from './icons/individual/IconInstagram.js';
+export { IconLogoLinkByStripe } from './icons/individual/IconLogoLinkByStripe.js';
+export { IconLogoCircle } from './icons/individual/IconLogoCircle.js';
+export { IconLogoCircleETH } from './icons/individual/IconLogoCircleETH.js';
+export { IconLogoCircleSOL } from './icons/individual/IconLogoCircleSOL.js';
+export { IconLogoCircleSTR } from './icons/individual/IconLogoCircleSTR.js';
+export { IconLogoCircleUSD } from './icons/individual/IconLogoCircleUSD.js';
+export { IconLogoCircleUSDC } from './icons/individual/IconLogoCircleUSDC.js';
+export { IconPhantom } from './icons/individual/IconPhantom.js';
+export { IconPhantomPlain } from './icons/individual/IconPhantomPlain.js';
+export { IconSolana } from './icons/individual/IconSolana.js';
+export { IconMetamask } from './icons/individual/IconMetamask.js';
+export { IconSnapChat } from './icons/individual/IconSnapChat.js';
+export { IconTelegram } from './icons/individual/IconTelegram.js';
+export { IconTikTok } from './icons/individual/IconTikTok.js';
+export { IconTwitter } from './icons/individual/IconTwitter.js';
+export { IconX } from './icons/individual/IconX.js';
+export { IconContestSign } from './icons/individual/IconContestSign.js';
+export { IconCosign } from './icons/individual/IconCosign.js';
+export { IconArtistBadge } from './icons/individual/IconArtistBadge.js';
+export { IconLabelBadge } from './icons/individual/IconLabelBadge.js';
+export { IconMultiselectAdd } from './icons/individual/IconMultiselectAdd.js';
+export { IconMultiselectRemove } from './icons/individual/IconMultiselectRemove.js';
+export { IconVerified } from './icons/individual/IconVerified.js';
+export { IconFile3GP } from './icons/individual/IconFile3GP.js';
+export { IconFileAAC } from './icons/individual/IconFileAAC.js';
+export { IconFileAIF } from './icons/individual/IconFileAIF.js';
+export { IconFileAIFF } from './icons/individual/IconFileAIFF.js';
+export { IconFileAMR } from './icons/individual/IconFileAMR.js';
+export { IconFileAWB } from './icons/individual/IconFileAWB.js';
+export { IconFileFLAC } from './icons/individual/IconFileFLAC.js';
+export { IconFileM4A } from './icons/individual/IconFileM4A.js';
+export { IconFileM4B } from './icons/individual/IconFileM4B.js';
+export { IconFileM4P } from './icons/individual/IconFileM4P.js';
+export { IconFileM4R } from './icons/individual/IconFileM4R.js';
+export { IconFileM4V } from './icons/individual/IconFileM4V.js';
+export { IconFileMP2 } from './icons/individual/IconFileMP2.js';
+export { IconFileMP3 } from './icons/individual/IconFileMP3.js';
+export { IconFileMP4 } from './icons/individual/IconFileMP4.js';
+export { IconFileMPGA } from './icons/individual/IconFileMPGA.js';
+export { IconFileOGA } from './icons/individual/IconFileOGA.js';
+export { IconFileOGG } from './icons/individual/IconFileOGG.js';
+export { IconFileOGM } from './icons/individual/IconFileOGM.js';
+export { IconFileOGV } from './icons/individual/IconFileOGV.js';
+export { IconFileOGX } from './icons/individual/IconFileOGX.js';
+export { IconFileAIFC } from './icons/individual/IconFileAIFC.js';
+export { IconFileOPUS } from './icons/individual/IconFileOPUS.js';
+export { IconFileSPX } from './icons/individual/IconFileSPX.js';
+export { IconFileTS } from './icons/individual/IconFileTS.js';
+export { IconFileTSA } from './icons/individual/IconFileTSA.js';
+export { IconFileTSV } from './icons/individual/IconFileTSV.js';
+export { IconFileUnknown } from './icons/individual/IconFileUnknown.js';
+export { IconFileWAV } from './icons/individual/IconFileWAV.js';
+export { IconFileWAVE } from './icons/individual/IconFileWAVE.js';
+export { IconFileWEBM } from './icons/individual/IconFileWEBM.js';
+export { IconFileXWMA } from './icons/individual/IconFileXWMA.js';
+export { IconCcBy } from './icons/individual/IconCcBy.js';
+export { IconCcCC } from './icons/individual/IconCcCC.js';
+export { IconCcNC_EU } from './icons/individual/IconCcNC_EU.js';
+export { IconCcNC_JP } from './icons/individual/IconCcNC_JP.js';
+export { IconCcNC } from './icons/individual/IconCcNC.js';
+export { IconCcND } from './icons/individual/IconCcND.js';
+export { IconCcPD } from './icons/individual/IconCcPD.js';
+export { IconCcRemix } from './icons/individual/IconCcRemix.js';
+export { IconCcSA } from './icons/individual/IconCcSA.js';
+export { IconCcSampling } from './icons/individual/IconCcSampling.js';
+export { IconCcSamplingPlus } from './icons/individual/IconCcSamplingPlus.js';
+export { IconCcShare } from './icons/individual/IconCcShare.js';
+export { IconCcZero } from './icons/individual/IconCcZero.js';
+export { IconPlaybackRate0_5x } from './icons/individual/IconPlaybackRate0_5x.js';
+export { IconPlaybackRate0_8x } from './icons/individual/IconPlaybackRate0_8x.js';
+export { IconPlaybackRate0_9x } from './icons/individual/IconPlaybackRate0_9x.js';
+export { IconPlaybackRate1x } from './icons/individual/IconPlaybackRate1x.js';
+export { IconPlaybackRate1_1x } from './icons/individual/IconPlaybackRate1_1x.js';
+export { IconPlaybackRate1_2x } from './icons/individual/IconPlaybackRate1_2x.js';
+export { IconPlaybackRate1_5x } from './icons/individual/IconPlaybackRate1_5x.js';
+export { IconPlaybackRate2x } from './icons/individual/IconPlaybackRate2x.js';
+export { IconPlaybackRate2_5x } from './icons/individual/IconPlaybackRate2_5x.js';
+export { IconPlaybackRate3x } from './icons/individual/IconPlaybackRate3x.js';
+export { IconLogoCircleUSDCPng, IconLogoWhiteBackground } from './icons/logos.js';
+export { IconTokenAUDIO, IconTokenBonk, IconTokenBronze, IconTokenGold, IconTokenNoTier, IconTokenPlatinum, IconTokenSilver } from './icons/specialIcons.js';
+export { default as Soundwave } from './assets/animations/Soundwave.json.js';
+export { default as SoundwaveCircle } from './assets/animations/SoundwaveCircle.json.js';
+export { useClickOutside } from './hooks/useClickOutside.js';
+export { useControlled } from './hooks/useControlled.js';
+export { ModifierKeys, removeHotkeys, setupHotkeys, useHotkeys } from './hooks/useHotKeys.js';
+export { useMediaQueryListener } from './hooks/useMediaQueryListener.js';
+export { useScrollLock } from './hooks/useScrollLock.js';
+export { MediaProvider, useMedia } from './contexts/MediaContext.js';
+export { formatTrackTimestamp } from './utils/formatTrackTimestamp.js';
+export { getScrollParent } from './utils/getScrollParent.js';
+export { toCSSVariableName } from './utils/styles.js';
+export { formatCount } from './utils/formatCount.js';
+export { createResponsiveStyle, createResponsiveStyles } from './utils/createResponsiveStyles.js';
+export { makeResponsiveStyles } from './utils/makeResponsiveStyles.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare module 'react' {
+    function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,QAAQ,OAAO,CAAC;IACrB,SAAS,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,GACjE,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CACpE;AAED,OAAO,EAAE,CAAA"}

package/dist/utils/createImageIcon.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties, FC } from 'react';
+import { IconSize } from '../foundations/spacing';
+export type IconProps = {
+    width?: number | string;
+    height?: number | string;
+    size?: IconSize;
+    className?: string;
+    style?: CSSProperties;
+    hex?: boolean;
+};
+export declare const createImageIcon: (src: string) => FC<IconProps>;
+//# sourceMappingURL=createImageIcon.d.ts.map

package/dist/utils/createImageIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createImageIcon.d.ts","sourceRoot":"","sources":["../../src/utils/createImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAM9C,OAAO,EAAE,QAAQ,EAAa,MAAM,wBAAwB,CAAA;AAK5D,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,kBAyF1C,CAAA"}

package/dist/utils/createImageIcon.js

@@ -0,0 +1,94 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { useTheme } from '@emotion/react';
+import 'react';
+import { roundedHexClipPath } from '../icons/SVGDefs.js';
+import '../components/layout/Box/Box.js';
+import { Flex } from '../components/layout/Flex/Flex.js';
+import '../components/skeleton/Skeleton.js';
+import '../components/common/HiddenInput.js';
+import '../components/radio-group/RadioGroupContext.js';
+import '../components/text/Text.js';
+import '../components/input/TextInput/TextInput.js';
+import '../components/input/TextInput/types.js';
+import '../components/input/PasswordInput/PasswordInput.js';
+import '../components/input/TokenAmountInput/TokenAmountInput.js';
+import '../components/input/TextArea/TextArea.js';
+import '../components/layout/Paper/Paper.js';
+import '../components/button/Button/Button.js';
+import '../components/button/PlainButton/PlainButton.js';
+import '@emotion/css';
+import { iconSizes } from '../foundations/spacing/spacing.js';
+import '../components/button/FollowButton/FollowButton.js';
+import '../components/button/IconButton/IconButton.js';
+import '../components/button/UnstyledButton.js';
+import '../components/button/FilterButton/FilterButton.js';
+import '../components/button/FilterButton/FilterButtonOption.js';
+import '../components/button/BaseButton/BaseButton.js';
+import '@react-spring/web';
+import 'classnames';
+import '../components/text-link/TextLink.js';
+import '../components/switch/Switch.js';
+import '@juggle/resize-observer';
+import 'react-merge-refs';
+import 'react-use-measure';
+import '../components/scrollbar/Scrollbar.js';
+import '../components/popup/Popup.js';
+import '../components/popup-menu/PopupMenu.js';
+import '../components/modal/Modal.js';
+import '../components/modal/ModalContext.js';
+import 'react-spring/renderprops.cjs';
+import '../components/modal/ModalHeader.js';
+import '../components/modal/ModalFooter.js';
+import '../components/modal/types.js';
+import 'lodash';
+import 'numeral';
+import '../contexts/MediaContext.js';
+import 'color';
+import 'lottie-react';
+import '../components/pill/Pill.js';
+import '../components/select/Select/Select.js';
+import '../components/checkbox/Checkbox.js';
+import '../components/hover-card/HoverCard.js';
+import '../foundations/color/semantic.js';
+import '../foundations/color/color.js';
+import '../foundations/theme/theme.js';
+import '../hooks/useHotKeys.js';
+import '../components/internal/MenuItem.js';
+import 'react-dom';
+
+var HEXAGON_BORDER_INSET_SCALE = 0.99;
+var createImageIcon = function (src) {
+    var Icon = function (_a) {
+        var width = _a.width, height = _a.height, _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, style = _a.style, _c = _a.hex, hex = _c === void 0 ? false : _c;
+        var color = useTheme().color;
+        var finalWidth = width !== null && width !== void 0 ? width : (size ? iconSizes[size] : 20);
+        var finalHeight = height !== null && height !== void 0 ? height : (size ? iconSizes[size] : 20);
+        var image = (jsx("img", { src: src, width: finalWidth, height: finalHeight, css: {
+                clipPath: hex ? "url(#".concat(roundedHexClipPath, ")") : undefined,
+                display: 'block'
+            }, alt: '' }));
+        // If not hexagonal, return the image as-is
+        if (!hex) {
+            return (jsx("img", { src: src, width: finalWidth, height: finalHeight, className: className, style: style, css: {
+                    clipPath: hex ? "url(#".concat(roundedHexClipPath, ")") : undefined
+                }, alt: '' }));
+        }
+        // For hexagonal icons, wrap with border
+        return (jsxs(Flex, __assign({ className: className, style: style, css: {
+                position: 'relative',
+                width: finalWidth,
+                height: finalHeight,
+                display: 'inline-block'
+            } }, { children: [image, jsx("svg", __assign({ width: finalWidth, height: finalHeight, viewBox: '0 0 1 1', css: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        pointerEvents: 'none'
+                    } }, { children: jsx("g", __assign({ transform: "translate(".concat((1 - HEXAGON_BORDER_INSET_SCALE) / 2, ", ").concat((1 - HEXAGON_BORDER_INSET_SCALE) / 2, ") scale(").concat(HEXAGON_BORDER_INSET_SCALE, ")") }, { children: jsx("path", { d: 'M0.966 0.378C0.93 0.301 0.887 0.228 0.839 0.158L0.824 0.136C0.805 0.108 0.779 0.085 0.75 0.068C0.721 0.051 0.688 0.041 0.655 0.039L0.627 0.036C0.543 0.03 0.457 0.03 0.373 0.036L0.346 0.039C0.312 0.041 0.279 0.051 0.25 0.068C0.221 0.085 0.196 0.108 0.177 0.136L0.161 0.158C0.113 0.228 0.07 0.302 0.034 0.378L0.022 0.403C0.008 0.433 0 0.466 0 0.5C0 0.534 0.008 0.567 0.022 0.597L0.034 0.622C0.07 0.698 0.113 0.772 0.161 0.842L0.177 0.864C0.196 0.892 0.221 0.915 0.25 0.932C0.279 0.949 0.312 0.959 0.346 0.961L0.373 0.964C0.457 0.97 0.543 0.97 0.627 0.964L0.655 0.961C0.688 0.959 0.721 0.949 0.75 0.932C0.779 0.915 0.805 0.892 0.824 0.864L0.839 0.842C0.887 0.772 0.93 0.698 0.966 0.622L0.978 0.597C0.992 0.567 1 0.534 1 0.5C1 0.466 0.992 0.433 0.978 0.403L0.966 0.378Z', fill: 'none', opacity: 0.3, stroke: color.neutral.n950, strokeWidth: "".concat(1 / Math.max(finalWidth, finalHeight)) }) })) }))] })));
+    };
+    return Icon;
+};
+
+export { createImageIcon };
+//# sourceMappingURL=createImageIcon.js.map

package/dist/utils/createImageIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createImageIcon.js","sources":["../../src/utils/createImageIcon.tsx"],"sourcesContent":["import type { CSSProperties, FC } from 'react'\n\nimport { useTheme } from '@emotion/react'\n\nimport { Flex } from '~harmony/components'\n\nimport { IconSize, iconSizes } from '../foundations/spacing'\nimport { roundedHexClipPath } from '../icons/SVGDefs'\n\nconst HEXAGON_BORDER_INSET_SCALE = 0.99\n\nexport type IconProps = {\n  width?: number | string\n  height?: number | string\n  size?: IconSize\n  className?: string\n  style?: CSSProperties\n  hex?: boolean\n}\n\nexport const createImageIcon = (src: string) => {\n  const Icon: FC<IconProps> = ({\n    width,\n    height,\n    size = 'm',\n    className,\n    style,\n    hex = false\n  }) => {\n    const { color } = useTheme()\n    const finalWidth =\n      width ?? (size ? iconSizes[size as keyof typeof iconSizes] : 20)\n    const finalHeight =\n      height ?? (size ? iconSizes[size as keyof typeof iconSizes] : 20)\n\n    const image = (\n      <img\n        src={src}\n        width={finalWidth}\n        height={finalHeight}\n        css={{\n          clipPath: hex ? `url(#${roundedHexClipPath})` : undefined,\n          display: 'block'\n        }}\n        alt=''\n      />\n    )\n\n    // If not hexagonal, return the image as-is\n    if (!hex) {\n      return (\n        <img\n          src={src}\n          width={finalWidth}\n          height={finalHeight}\n          className={className}\n          style={style}\n          css={{\n            clipPath: hex ? `url(#${roundedHexClipPath})` : undefined\n          }}\n          alt=''\n        />\n      )\n    }\n\n    // For hexagonal icons, wrap with border\n    return (\n      <Flex\n        className={className}\n        style={style}\n        css={{\n          position: 'relative',\n          width: finalWidth,\n          height: finalHeight,\n          display: 'inline-block'\n        }}\n      >\n        {image}\n        <svg\n          width={finalWidth}\n          height={finalHeight}\n          viewBox='0 0 1 1'\n          css={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            pointerEvents: 'none'\n          }}\n        >\n          <g\n            transform={`translate(${(1 - HEXAGON_BORDER_INSET_SCALE) / 2}, ${\n              (1 - HEXAGON_BORDER_INSET_SCALE) / 2\n            }) scale(${HEXAGON_BORDER_INSET_SCALE})`}\n          >\n            <path\n              d='M0.966 0.378C0.93 0.301 0.887 0.228 0.839 0.158L0.824 0.136C0.805 0.108 0.779 0.085 0.75 0.068C0.721 0.051 0.688 0.041 0.655 0.039L0.627 0.036C0.543 0.03 0.457 0.03 0.373 0.036L0.346 0.039C0.312 0.041 0.279 0.051 0.25 0.068C0.221 0.085 0.196 0.108 0.177 0.136L0.161 0.158C0.113 0.228 0.07 0.302 0.034 0.378L0.022 0.403C0.008 0.433 0 0.466 0 0.5C0 0.534 0.008 0.567 0.022 0.597L0.034 0.622C0.07 0.698 0.113 0.772 0.161 0.842L0.177 0.864C0.196 0.892 0.221 0.915 0.25 0.932C0.279 0.949 0.312 0.959 0.346 0.961L0.373 0.964C0.457 0.97 0.543 0.97 0.627 0.964L0.655 0.961C0.688 0.959 0.721 0.949 0.75 0.932C0.779 0.915 0.805 0.892 0.824 0.864L0.839 0.842C0.887 0.772 0.93 0.698 0.966 0.622L0.978 0.597C0.992 0.567 1 0.534 1 0.5C1 0.466 0.992 0.433 0.978 0.403L0.966 0.378Z'\n              fill='none'\n              opacity={0.3}\n              stroke={color.neutral.n950}\n              strokeWidth={`${\n                1 / Math.max(finalWidth as number, finalHeight as number)\n              }`}\n            />\n          </g>\n        </svg>\n      </Flex>\n    )\n  }\n  return Icon\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/utils/createResponsiveStyles.d.ts

@@ -0,0 +1,52 @@
+import { CSSObject } from '@emotion/react';
+import { useMedia } from '../hooks/useMedia';
+type MediaContextType = ReturnType<typeof useMedia>;
+type ResponsiveStyleValue = CSSObject | ((media: MediaContextType) => CSSObject);
+type ResponsiveStyleConfig = {
+    base?: ResponsiveStyleValue;
+    mobile?: ResponsiveStyleValue;
+    tablet?: ResponsiveStyleValue;
+    desktop?: ResponsiveStyleValue;
+};
+type NamedResponsiveStylesConfig = {
+    [styleKey: string]: ResponsiveStyleConfig;
+};
+/**
+ * Creates a single merged style object based on the current media breakpoints.
+ * Applies base styles first, then overrides with styles for the active breakpoint
+ * (mobile, tablet, or desktop). Style values can be objects or functions
+ * receiving the media state for complex logic.
+ *
+ * Priority: base -> mobile -> tablet -> desktop (later stages override earlier ones)
+ *
+ * @param media - The media context object from useMedia()
+ * @param config - Style configuration for different breakpoints
+ * @returns A merged CSS object with styles applied according to breakpoints
+ */
+export declare const createResponsiveStyle: (media: MediaContextType, config: ResponsiveStyleConfig) => CSSObject;
+/**
+ * Creates multiple responsive style objects as a convenience for components
+ * that need several different styled elements.
+ *
+ * Each style configuration follows the same pattern as createResponsiveStyle,
+ * with base, mobile, tablet, and desktop style definitions.
+ *
+ * @example
+ * ```
+ * const styles = createResponsiveStyles(media, {
+ *   buttonStyles: { base: {...}, mobile: {...} },
+ *   headerStyles: { base: {...}, tablet: {...} }
+ * })
+ *
+ * // Usage
+ * <Button css={styles.buttonStyles}>Click me</Button>
+ * <Header css={styles.headerStyles}>Title</Header>
+ * ```
+ *
+ * @param media - The media context object from useMedia()
+ * @param configs - Object with named style configurations
+ * @returns Object with the same keys, but values processed into responsive styles
+ */
+export declare const createResponsiveStyles: <T extends NamedResponsiveStylesConfig>(media: MediaContextType, configs: T) => { [K in keyof T]: CSSObject; };
+export {};
+//# sourceMappingURL=createResponsiveStyles.d.ts.map

package/dist/utils/createResponsiveStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createResponsiveStyles.d.ts","sourceRoot":"","sources":["../../src/utils/createResponsiveStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEnD,KAAK,oBAAoB,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAA;AAEhF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,oBAAoB,CAAA;IAC3B,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,CAAC,QAAQ,EAAE,MAAM,GAAG,qBAAqB,CAAA;CAC1C,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,UACzB,gBAAgB,UACf,qBAAqB,KAC5B,SAqBF,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,sBAAsB,iDAC1B,gBAAgB,+CAUxB,CAAA"}