@audius/harmony 0.5.0 → 0.5.2

package/dist/components/expandable-nav-item/types.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+import type { WithCSS } from '../../foundations/theme';
+import type { IconComponent } from '../icon';
+export type ExpandableNavItemVariant = 'default' | 'compact';
+export type VariantConfig = {
+    textVariant: 'title' | 'body';
+    textSize: 'l' | 's';
+    textStrength: 'weak' | undefined;
+    iconSize: 'l' | 's';
+    gap: 'm' | 'xs';
+};
+export type VariantConfigs = Record<ExpandableNavItemVariant, VariantConfig>;
+export type ExpandableNavItemProps = WithCSS<{
+    /** The label text of the navigation item. */
+    label: string;
+    /** The icon component to display on the left side of the label. */
+    leftIcon?: IconComponent;
+    /** Optional ReactNode to render on the right */
+    rightIcon?: ReactNode;
+    /** Whether the folder is open by default. */
+    defaultIsOpen?: boolean;
+    /** Nested items to render when the folder is open. */
+    nestedItems?: ReactNode;
+    /** Whether the right icon should persist regardless of the open state. */
+    shouldPersistRightIcon?: boolean;
+    /** Whether the down arrow should persist when the item is open. */
+    shouldPersistDownArrow?: boolean;
+    /** Whether the nav item can be unfurled. */
+    canUnfurl?: boolean;
+    /** The variant of the nav item. */
+    variant?: ExpandableNavItemVariant;
+    /** The onClick handler for the nav item. */
+    onClick?: (isOpen: boolean) => void;
+    /** Whether the nav item is disabled. */
+    disabled?: boolean;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/expandable-nav-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/expandable-nav-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,SAAS,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAA;IAC7B,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAA;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAA;IACnB,GAAG,EAAE,GAAG,GAAG,IAAI,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,EAAE,aAAa,CAAC,CAAA;AAE5E,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC3C,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,mEAAmE;IACnE,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA"}

package/dist/components/hint/Hint.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import type { IconComponent } from "../icon";
+import { PaperProps } from "../layout/Paper";
+type HintProps = {
+    icon?: IconComponent;
+    noIcon?: boolean;
+    actions?: ReactNode;
+} & PaperProps;
+export declare const Hint: (props: HintProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Hint.d.ts.map

package/dist/components/hint/Hint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../src/components/hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgC;AAE7D,OAAO,EAAS,UAAU,EAAE,wBAAwC;AAIpE,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,GAAG,UAAU,CAAA;AAKd,eAAO,MAAM,IAAI,UAAW,SAAS,qDAiCpC,CAAA"}

package/dist/components/hint/Hint.js

@@ -0,0 +1,68 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import '../layout/Box/Box.js';
+import '@emotion/react';
+import { Flex } from '../layout/Flex/Flex.js';
+import { Paper } from '../layout/Paper/Paper.js';
+import { Text } from '../text/Text.js';
+import 'react';
+import '@emotion/css';
+import { IconQuestionCircle } from '../../icons/individual/IconQuestionCircle.js';
+import '../skeleton/Skeleton.js';
+import '../common/HiddenInput.js';
+import '../radio-group/RadioGroupContext.js';
+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 '../button/Button/Button.js';
+import '../button/PlainButton/PlainButton.js';
+import '../button/FollowButton/FollowButton.js';
+import '../button/IconButton/IconButton.js';
+import '../button/UnstyledButton.js';
+import '../button/FilterButton/FilterButton.js';
+import '../button/FilterButton/FilterButtonOption.js';
+import '../button/BaseButton/BaseButton.js';
+import '@react-spring/web';
+import 'classnames';
+import '../text-link/TextLink.js';
+import '../switch/Switch.js';
+import '@juggle/resize-observer';
+import 'react-merge-refs';
+import 'react-use-measure';
+import '../scrollbar/Scrollbar.js';
+import '../popup/Popup.js';
+import '../popup-menu/PopupMenu.js';
+import '../modal/Modal.js';
+import '../modal/ModalContext.js';
+import 'react-spring/renderprops.cjs';
+import '../modal/ModalHeader.js';
+import '../modal/ModalFooter.js';
+import '../modal/types.js';
+import 'lodash';
+import 'numeral';
+import '../../contexts/MediaContext.js';
+import 'color';
+import 'lottie-react';
+import '../pill/Pill.js';
+import '../select/Select/Select.js';
+import '../checkbox/Checkbox.js';
+import '../hover-card/HoverCard.js';
+import '../../foundations/color/semantic.js';
+import '../../foundations/color/color.js';
+import '../../foundations/theme/theme.js';
+import '../../hooks/useHotKeys.js';
+import '../internal/MenuItem.js';
+import 'react-dom';
+
+/*
+ * A way of informing the user of important details in line in a prominent way.
+ */
+var Hint = function (props) {
+    var _a = props.icon, Icon = _a === void 0 ? IconQuestionCircle : _a, children = props.children, actions = props.actions, noIcon = props.noIcon, other = __rest(props, ["icon", "children", "actions", "noIcon"]);
+    return (jsxs(Paper, __assign({ role: 'alert', backgroundColor: 'surface2', ph: 'l', pv: 'm', direction: 'column', gap: 'm', shadow: 'flat', border: 'strong' }, other, { children: [jsxs(Flex, __assign({ gap: 'l', alignItems: 'center' }, { children: [noIcon ? null : jsx(Icon, { size: 'l', color: 'default' }), jsx(Text, __assign({ variant: 'body', color: 'default' }, { children: children }))] })), actions ? (jsx(Flex, __assign({ pl: 'unit10', gap: 'l' }, { children: actions }))) : null] })));
+};
+
+export { Hint };
+//# sourceMappingURL=Hint.js.map

package/dist/components/hint/Hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.js","sources":["../../../src/components/hint/Hint.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nimport type { IconComponent } from '~harmony/components/icon'\nimport { Flex } from '~harmony/components/layout'\nimport { Paper, PaperProps } from '~harmony/components/layout/Paper'\nimport { Text } from '~harmony/components/text'\nimport { IconQuestionCircle } from '~harmony/icons'\n\ntype HintProps = {\n  icon?: IconComponent\n  noIcon?: boolean\n  actions?: ReactNode\n} & PaperProps\n\n/*\n * A way of informing the user of important details in line in a prominent way.\n */\nexport const Hint = (props: HintProps) => {\n  const {\n    icon: Icon = IconQuestionCircle,\n    children,\n    actions,\n    noIcon,\n    ...other\n  } = props\n  return (\n    <Paper\n      role='alert'\n      backgroundColor='surface2'\n      ph='l'\n      pv='m'\n      direction='column'\n      gap='m'\n      shadow='flat'\n      border='strong'\n      {...other}\n    >\n      <Flex gap='l' alignItems='center'>\n        {noIcon ? null : <Icon size='l' color='default' />}\n        <Text variant='body' color='default'>\n          {children}\n        </Text>\n      </Flex>\n      {actions ? (\n        <Flex pl='unit10' gap='l'>\n          {actions}\n        </Flex>\n      ) : null}\n    </Paper>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;AAEG;AACI,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;AAEjC,IAAA,IAAA,EAKE,GAAA,KAAK,CALwB,IAAA,EAAzB,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,kBAAkB,GAAA,EAAA,EAC/B,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,CAHA,OAAA,EACP,MAAM,GAEJ,KAAK,CAAA,MAFD,EACH,KAAK,GACN,MAAA,CAAA,KAAK,EANH,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,CAML,CADS,CACD;IACT,QACEA,IAAC,CAAA,KAAK,EACJ,QAAA,CAAA,EAAA,IAAI,EAAC,OAAO,EACZ,eAAe,EAAC,UAAU,EAC1B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,QAAQ,EAAA,EACX,KAAK,EAAA,EAAA,QAAA,EAAA,CAETA,IAAC,CAAA,IAAI,aAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAC9B,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,GAAG,IAAI,GAAGC,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EAClDA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAA,EAAA,EAAA,QAAA,EACjC,QAAQ,EAAA,CAAA,CACJ,KACF,EACN,OAAO,IACNA,IAAC,IAAI,EAAA,QAAA,CAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EACtB,EAAA,EAAA,QAAA,EAAA,OAAO,EACH,CAAA,CAAA,IACL,IAAI,CACF,EAAA,CAAA,CAAA,EACT;AACH;;;;"}

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

@@ -0,0 +1,2 @@
+export * from './Hint';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hint/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist/components/hover-card/HoverCard.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HoverCardProps } from './types';
+export declare const HoverCard: import("react").MemoExoticComponent<({ children, className, content, onClose, onClick, anchorOrigin, transformOrigin, mouseEnterDelay, triggeredBy, onHover }: HoverCardProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=HoverCard.d.ts.map

package/dist/components/hover-card/HoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/HoverCard.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA6GxC,eAAO,MAAM,SAAS,iKAjEnB,cAAc,sDAiEgC,CAAA"}

package/dist/components/hover-card/HoverCard.js

@@ -0,0 +1,111 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { memo, useRef, useEffect, useCallback } from 'react';
+import '@emotion/react';
+import '../layout/Box/Box.js';
+import { Flex } from '../layout/Flex/Flex.js';
+import '../skeleton/Skeleton.js';
+import '../common/HiddenInput.js';
+import '../radio-group/RadioGroupContext.js';
+import '../text/Text.js';
+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 { Paper } from '../layout/Paper/Paper.js';
+import '../button/Button/Button.js';
+import '../button/PlainButton/PlainButton.js';
+import '@emotion/css';
+import '../button/FollowButton/FollowButton.js';
+import '../button/IconButton/IconButton.js';
+import '../button/UnstyledButton.js';
+import '../button/FilterButton/FilterButton.js';
+import '../button/FilterButton/FilterButtonOption.js';
+import '../button/BaseButton/BaseButton.js';
+import '@react-spring/web';
+import 'classnames';
+import '../text-link/TextLink.js';
+import '../switch/Switch.js';
+import '@juggle/resize-observer';
+import 'react-merge-refs';
+import 'react-use-measure';
+import '../scrollbar/Scrollbar.js';
+import { Popup } from '../popup/Popup.js';
+import '../popup-menu/PopupMenu.js';
+import '../modal/Modal.js';
+import '../modal/ModalContext.js';
+import 'react-spring/renderprops.cjs';
+import '../modal/ModalHeader.js';
+import '../modal/ModalFooter.js';
+import '../modal/types.js';
+import 'lodash';
+import 'numeral';
+import '../../contexts/MediaContext.js';
+import 'color';
+import 'lottie-react';
+import '../pill/Pill.js';
+import '../select/Select/Select.js';
+import '../checkbox/Checkbox.js';
+import '../../foundations/color/semantic.js';
+import '../../foundations/color/color.js';
+import '../../foundations/theme/theme.js';
+import '../../hooks/useHotKeys.js';
+import '../internal/MenuItem.js';
+import 'react-dom';
+import { useHoverDelay } from '../../hooks/useHoverDelay.js';
+
+var DEFAULT_ANCHOR_ORIGIN = {
+    horizontal: 'right',
+    vertical: 'center'
+};
+var DEFAULT_TRANSFORM_ORIGIN = {
+    horizontal: 'left',
+    vertical: 'center'
+};
+/**
+ * HoverCard is a component that displays content in a hover card/tooltip
+ * with a Paper container when the user hovers over the component's children.
+ *
+ * The hover card appears to the right of the child element and disappears when
+ * the user's mouse leaves either the trigger or the card.
+ *
+ * @example
+ * ```tsx
+ * <HoverCard
+ *   content={
+ *     <>
+ *       <SomeHeader />
+ *       <SomeBody />
+ *     </>
+ *   }
+ * >
+ *   <Text>Hover over me</Text>
+ * </HoverCard>
+ * ```
+ */
+var HoverCardComponent = function (_a) {
+    var children = _a.children, className = _a.className, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, _b = _a.anchorOrigin, anchorOrigin = _b === void 0 ? DEFAULT_ANCHOR_ORIGIN : _b, _c = _a.transformOrigin, transformOrigin = _c === void 0 ? DEFAULT_TRANSFORM_ORIGIN : _c, _d = _a.mouseEnterDelay, mouseEnterDelay = _d === void 0 ? 0.5 : _d, _e = _a.triggeredBy, triggeredBy = _e === void 0 ? 'hover' : _e, onHover = _a.onHover;
+    var anchorRef = useRef(null);
+    var _f = useHoverDelay(mouseEnterDelay, triggeredBy), isVisible = _f.isVisible, handleMouseEnter = _f.handleMouseEnter, handleMouseLeave = _f.handleMouseLeave, handleClick = _f.handleClick, clearTimer = _f.clearTimer, setIsHovered = _f.setIsHovered, setIsClicked = _f.setIsClicked;
+    // Call onHover callback when hover state changes
+    useEffect(function () {
+        onHover === null || onHover === void 0 ? void 0 : onHover(isVisible);
+    }, [isVisible, onHover]);
+    var handleClose = useCallback(function () {
+        clearTimer();
+        setIsHovered(false);
+        setIsClicked(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    }, [clearTimer, setIsHovered, setIsClicked, onClose]);
+    var handleClickInternal = useCallback(function () {
+        handleClick();
+        handleClose();
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    }, [handleClick, handleClose, onClick]);
+    return (jsxs(Flex, __assign({ ref: anchorRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: triggeredBy !== 'hover' ? handleClickInternal : undefined }, { children: [children, jsx(Popup, __assign({ shadow: 'far', anchorRef: anchorRef, isVisible: isVisible, onClose: handleClose, hideCloseButton: true, zIndex: 30000, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, { children: jsx(Paper, __assign({ className: className, border: 'strong', borderRadius: 'm', backgroundColor: 'white', direction: 'column', onClick: onClick, shadow: 'far' }, { children: content })) }))] })));
+};
+var HoverCard = memo(HoverCardComponent);
+
+export { HoverCard };
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/hover-card/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["import { useRef, useCallback, memo, useEffect } from 'react'\n\nimport { Flex, Paper, Popup } from '..'\nimport { useHoverDelay } from '../../hooks/useHoverDelay'\nimport { Origin } from '../popup/types'\n\nimport { HoverCardProps } from './types'\n\nconst DEFAULT_ANCHOR_ORIGIN: Origin = {\n  horizontal: 'right',\n  vertical: 'center'\n}\n\nconst DEFAULT_TRANSFORM_ORIGIN: Origin = {\n  horizontal: 'left',\n  vertical: 'center'\n}\n\n/**\n * HoverCard is a component that displays content in a hover card/tooltip\n * with a Paper container when the user hovers over the component's children.\n *\n * The hover card appears to the right of the child element and disappears when\n * the user's mouse leaves either the trigger or the card.\n *\n * @example\n * ```tsx\n * <HoverCard\n *   content={\n *     <>\n *       <SomeHeader />\n *       <SomeBody />\n *     </>\n *   }\n * >\n *   <Text>Hover over me</Text>\n * </HoverCard>\n * ```\n */\nconst HoverCardComponent = ({\n  children,\n  className,\n  content,\n  onClose,\n  onClick,\n  anchorOrigin = DEFAULT_ANCHOR_ORIGIN,\n  transformOrigin = DEFAULT_TRANSFORM_ORIGIN,\n  mouseEnterDelay = 0.5,\n  triggeredBy = 'hover',\n  onHover\n}: HoverCardProps) => {\n  const anchorRef = useRef<HTMLDivElement | null>(null)\n  const {\n    isVisible,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleClick,\n    clearTimer,\n    setIsHovered,\n    setIsClicked\n  } = useHoverDelay(mouseEnterDelay, triggeredBy)\n\n  // Call onHover callback when hover state changes\n  useEffect(() => {\n    onHover?.(isVisible)\n  }, [isVisible, onHover])\n\n  const handleClose = useCallback(() => {\n    clearTimer()\n    setIsHovered(false)\n    setIsClicked(false)\n    onClose?.()\n  }, [clearTimer, setIsHovered, setIsClicked, onClose])\n\n  const handleClickInternal = useCallback(() => {\n    handleClick()\n    handleClose()\n    onClick?.()\n  }, [handleClick, handleClose, onClick])\n\n  return (\n    <Flex\n      ref={anchorRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onClick={triggeredBy !== 'hover' ? handleClickInternal : undefined}\n    >\n      {children}\n\n      <Popup\n        shadow='far'\n        anchorRef={anchorRef}\n        isVisible={isVisible}\n        onClose={handleClose}\n        hideCloseButton\n        zIndex={30000}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n      >\n        <Paper\n          className={className}\n          border='strong'\n          borderRadius='m'\n          backgroundColor='white'\n          direction='column'\n          onClick={onClick}\n          shadow='far'\n        >\n          {content}\n        </Paper>\n      </Popup>\n    </Flex>\n  )\n}\n\nexport const HoverCard = memo(HoverCardComponent)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/hover-card/HoverCardHeader.d.ts

@@ -0,0 +1,6 @@
+import { HoverCardHeaderProps } from './types';
+/**
+ * A shared base component for hover card headers
+ */
+export declare const HoverCardHeader: ({ iconLeft, title, onClick, onClose, iconRight }: HoverCardHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HoverCardHeader.d.ts.map

package/dist/components/hover-card/HoverCardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/HoverCardHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C;;GAEG;AACH,eAAO,MAAM,eAAe,qDAMzB,oBAAoB,qDAoDtB,CAAA"}

package/dist/components/hover-card/HoverCardHeader.js

@@ -0,0 +1,72 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useCallback } from 'react';
+import '../../foundations/color/semantic.js';
+import '../../foundations/color/color.js';
+import '@emotion/react';
+import '../../foundations/theme/theme.js';
+import '../layout/Box/Box.js';
+import { Flex } from '../layout/Flex/Flex.js';
+import '../skeleton/Skeleton.js';
+import '../common/HiddenInput.js';
+import '../radio-group/RadioGroupContext.js';
+import { Text } from '../text/Text.js';
+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/Button.js';
+import '../button/PlainButton/PlainButton.js';
+import '@emotion/css';
+import '../button/FollowButton/FollowButton.js';
+import { IconButton } from '../button/IconButton/IconButton.js';
+import '../button/UnstyledButton.js';
+import '../button/FilterButton/FilterButton.js';
+import '../button/FilterButton/FilterButtonOption.js';
+import '../button/BaseButton/BaseButton.js';
+import '@react-spring/web';
+import 'classnames';
+import '../text-link/TextLink.js';
+import '../switch/Switch.js';
+import '@juggle/resize-observer';
+import 'react-merge-refs';
+import 'react-use-measure';
+import '../scrollbar/Scrollbar.js';
+import '../popup/Popup.js';
+import '../popup-menu/PopupMenu.js';
+import '../modal/Modal.js';
+import '../modal/ModalContext.js';
+import 'react-spring/renderprops.cjs';
+import '../modal/ModalHeader.js';
+import '../modal/ModalFooter.js';
+import '../modal/types.js';
+import 'lodash';
+import 'numeral';
+import '../../contexts/MediaContext.js';
+import 'color';
+import 'lottie-react';
+import '../pill/Pill.js';
+import '../select/Select/Select.js';
+import '../checkbox/Checkbox.js';
+import './HoverCard.js';
+import '../internal/MenuItem.js';
+import 'react-dom';
+import '../../hooks/useHotKeys.js';
+
+/**
+ * A shared base component for hover card headers
+ */
+var HoverCardHeader = function (_a) {
+    var iconLeft = _a.iconLeft, title = _a.title, onClick = _a.onClick, onClose = _a.onClose, iconRight = _a.iconRight;
+    var handleClick = useCallback(function (e) {
+        e.stopPropagation();
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    }, [onClick, onClose]);
+    return (jsxs(Flex, __assign({ w: '100%', alignSelf: 'stretch', backgroundColor: 'surface1', borderBottom: 'default', p: 'xs', pl: 'xs', pr: 's', alignItems: 'center', justifyContent: 'space-between' }, { children: [jsxs(Flex, __assign({ alignSelf: 'stretch', alignItems: 'center', gap: 'xs' }, { children: [iconLeft ? (jsx(IconButton, { icon: iconLeft, color: 'subdued', size: 'l', "aria-label": '', onClick: handleClick })) : null, jsx(Text, __assign({ variant: 'label', size: 's', color: 'default', textTransform: 'uppercase' }, { children: title }))] })), iconRight ? (jsx(IconButton, { icon: iconRight, color: 'subdued', size: 's', "aria-label": 'Close', onClick: handleClick })) : null] })));
+};
+
+export { HoverCardHeader };
+//# sourceMappingURL=HoverCardHeader.js.map

package/dist/components/hover-card/HoverCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardHeader.js","sources":["../../../src/components/hover-card/HoverCardHeader.tsx"],"sourcesContent":["import { useCallback } from 'react'\n\nimport { Flex, Text, IconButton } from '~harmony/index'\n\nimport { HoverCardHeaderProps } from './types'\n\n/**\n * A shared base component for hover card headers\n */\nexport const HoverCardHeader = ({\n  iconLeft,\n  title,\n  onClick,\n  onClose,\n  iconRight\n}: HoverCardHeaderProps) => {\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      onClose?.()\n      onClick?.()\n    },\n    [onClick, onClose]\n  )\n\n  return (\n    <Flex\n      w='100%'\n      alignSelf='stretch'\n      backgroundColor='surface1'\n      borderBottom='default'\n      p='xs'\n      pl='xs'\n      pr='s'\n      alignItems='center'\n      justifyContent='space-between'\n    >\n      <Flex alignSelf='stretch' alignItems='center' gap='xs'>\n        {iconLeft ? (\n          <IconButton\n            icon={iconLeft}\n            color='subdued'\n            size='l'\n            aria-label={''}\n            onClick={handleClick}\n          />\n        ) : null}\n        <Text\n          variant='label'\n          size='s'\n          color='default'\n          textTransform='uppercase'\n        >\n          {title}\n        </Text>\n      </Flex>\n      {iconRight ? (\n        <IconButton\n          icon={iconRight}\n          color='subdued'\n          size='s'\n          aria-label='Close'\n          onClick={handleClick}\n        />\n      ) : null}\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;AAEG;AACI,IAAM,eAAe,GAAG,UAAC,EAMT,EAAA;AALrB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;AAET,IAAA,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,CAAmB,EAAA;QAClB,CAAC,CAAC,eAAe,EAAE,CAAA;AACnB,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACX,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACb,KAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;AAED,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,CAAC,EAAC,MAAM,EACR,SAAS,EAAC,SAAS,EACnB,eAAe,EAAC,UAAU,EAC1B,YAAY,EAAC,SAAS,EACtB,CAAC,EAAC,IAAI,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAAA,EAAA,EAAA,QAAA,EAAA,CAE9BA,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,SAAS,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EACnD,EAAA,EAAA,QAAA,EAAA,CAAA,QAAQ,IACPC,GAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,GAAG,EAAA,YAAA,EACI,EAAE,EACd,OAAO,EAAE,WAAW,EACpB,CAAA,IACA,IAAI,EACRA,GAAC,CAAA,IAAI,EACH,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,SAAS,EACf,aAAa,EAAC,WAAW,gBAExB,KAAK,EAAA,CAAA,CACD,CACF,EAAA,CAAA,CAAA,EACN,SAAS,IACRA,GAAC,CAAA,UAAU,EACT,EAAA,IAAI,EAAE,SAAS,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,GAAG,EAAA,YAAA,EACG,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,CAAA,IACA,IAAI,CAAA,EAAA,CAAA,CACH,EACR;AACH;;;;"}

package/dist/components/hover-card/index.d.ts

@@ -0,0 +1,4 @@
+export { HoverCard } from './HoverCard';
+export { HoverCardHeader } from './HoverCardHeader';
+export type { HoverCardProps, HoverCardHeaderProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hover-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/hover-card/types.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+import { TriggerType } from '../../hooks/useHoverDelay';
+import { IconComponent } from '../icon';
+import { Origin } from '../popup/types';
+export type HoverCardProps = {
+    /**
+     * Content displayed as the hover trigger
+     */
+    children: ReactNode;
+    /**
+     * Content displayed inside the hover card
+     */
+    content: ReactNode;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Callback fired when the hover card is closed
+     */
+    onClose?: () => void;
+    /**
+     * Callback fired when the hover card is clicked
+     */
+    onClick?: () => void;
+    /**
+     * Position of the anchor origin
+     * @default { horizontal: 'right', vertical: 'center' }
+     */
+    anchorOrigin?: Origin;
+    /**
+     * Position of the transform origin
+     * @default { horizontal: 'left', vertical: 'center' }
+     */
+    transformOrigin?: Origin;
+    /**
+     * Delay in seconds before the hover card appears after mouse enter
+     * @default 0.5
+     */
+    mouseEnterDelay?: number;
+    /**
+     * Whether to trigger the hover card on hover, click, or both
+     * @default 'hover'
+     */
+    triggeredBy?: TriggerType;
+    /**
+     * Callback fired when hover state changes
+     * @param isHovered Whether the component is currently being hovered
+     */
+    onHover?: (isHovered: boolean) => void;
+};
+export type HoverCardHeaderProps = {
+    /**
+     * Optional icon to display on the left side of the header
+     */
+    iconLeft?: IconComponent;
+    /**
+     * Optional icon to display on the right side of the header
+     */
+    iconRight?: IconComponent;
+    /**
+     * The title to display in the header
+     */
+    title: string;
+    /**
+     * Optional callback for when either icon in the header is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Optional callback when the close button is clicked.
+     * If not provided, the close button will be rendered as a non-interactive icon.
+     */
+    onClose?: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/hover-card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IAEnB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA"}

package/dist/components/icon-text/IconText.d.ts

@@ -0,0 +1,3 @@
+import { IconTextProps } from './types';
+export declare const IconText: ({ children, color, icons }: IconTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconText.d.ts.map

package/dist/components/icon-text/IconText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconText.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/IconText.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,QAAQ,+BAIlB,aAAa,qDAoBf,CAAA"}

package/dist/components/icon-text/IconText.js

@@ -0,0 +1,20 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { Fragment } from 'react';
+import '../layout/Box/Box.js';
+import '@emotion/react';
+import { Flex } from '../layout/Flex/Flex.js';
+import '../layout/Paper/Paper.js';
+import { Text } from '../text/Text.js';
+
+var IconText = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'subdued' : _b, _c = _a.icons, icons = _c === void 0 ? [] : _c;
+    var separator = (jsx(Text, __assign({ variant: 'body', color: color, css: { fontSize: 8, lineHeight: 20 } }, { children: "\u2022" })));
+    return (jsxs(Flex, __assign({ h: 'l', gap: 'xs', alignItems: 'center' }, { children: [icons.map(function (_a, index) {
+                var Icon = _a.icon, _b = _a.color, iconColor = _b === void 0 ? 'default' : _b;
+                return (jsxs(Fragment, { children: [index > 0 ? separator : null, jsx(Icon, { size: '2xs', color: iconColor })] }, "icon".concat(index)));
+            }), jsx(Text, __assign({ size: 's', color: color }, { children: children }))] })));
+};
+
+export { IconText };
+//# sourceMappingURL=IconText.js.map

package/dist/components/icon-text/IconText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconText.js","sources":["../../../src/components/icon-text/IconText.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { Flex } from '~harmony/components/layout'\nimport { Text } from '~harmony/components/text'\n\nimport { IconTextProps } from './types'\n\nexport const IconText = ({\n  children,\n  color = 'subdued',\n  icons = []\n}: IconTextProps) => {\n  const separator = (\n    <Text variant='body' color={color} css={{ fontSize: 8, lineHeight: 20 }}>\n      •\n    </Text>\n  )\n\n  return (\n    <Flex h='l' gap='xs' alignItems='center'>\n      {icons.map(({ icon: Icon, color: iconColor = 'default' }, index) => (\n        <Fragment key={`icon${index}`}>\n          {index > 0 ? separator : null}\n          <Icon size='2xs' color={iconColor} />\n        </Fragment>\n      ))}\n      <Text size='s' color={color}>\n        {children}\n      </Text>\n    </Flex>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAIT,EAAA;AAHd,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACjB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAA;IAEV,IAAM,SAAS,IACbA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,EAEhE,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CACR,CAAA;IAED,QACEC,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAA,CACrC,KAAK,CAAC,GAAG,CAAC,UAAC,EAA4C,EAAE,KAAK,EAAA;AAA3C,gBAAA,IAAA,IAAI,UAAA,EAAE,EAAA,GAAA,EAAA,CAAA,KAA4B,EAArB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,CAAA;AAAc,gBAAA,QAClEA,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACN,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EAC7BD,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,EAAA,CAAI,CAFxB,EAAA,EAAA,MAAA,CAAA,MAAA,CAAO,KAAK,CAAE,CAGlB,EACZ;AALmE,aAKnE,CAAC,EACFA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EACxB,QAAQ,EACJ,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,EACR;AACH;;;;"}

package/dist/components/icon-text/index.d.ts

@@ -0,0 +1,3 @@
+export { IconText } from './IconText';
+export { type IconTextProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/icon-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/icon-text/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { IconComponent } from "../icon";
+import { IconColors, TextColors } from "../../foundations";
+type IconInfo = {
+    icon: IconComponent;
+    color?: IconColors;
+};
+export type IconTextProps = {
+    icons?: IconInfo[];
+    children?: ReactNode;
+    color?: TextColors;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/icon-text/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,gBAAgC;AACxD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,0BAA4B;AAE7D,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA"}

package/dist/components/icon.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentType, MouseEventHandler, SVGProps } from 'react';
+import type { IconColors } from '../foundations/color/semantic';
+import type { ShadowOptions } from '../foundations/shadows';
+import { IconSize } from '../foundations/spacing';
+type SVGBaseProps = SVGProps<SVGSVGElement>;
+export type IconProps = {
+    color?: IconColors;
+    colorSecondary?: IconColors;
+    size?: IconSize;
+    sizeW?: IconSize;
+    sizeH?: IconSize;
+    height?: number;
+    width?: number;
+    shadow?: ShadowOptions;
+    title?: string;
+    onClick?: MouseEventHandler<SVGSVGElement>;
+    hex?: boolean;
+};
+export type SVGIconProps = SVGBaseProps & IconProps;
+export type IconComponent = ComponentType<SVGBaseProps | SVGIconProps>;
+export {};
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC1C,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,CAAA;AAEnD,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,GAAG,YAAY,CAAC,CAAA"}

package/dist/components/index.d.ts

@@ -0,0 +1,40 @@
+export * from './avatar';
+export * from './input';
+export * from './layout';
+export * from './text';
+export * from './button';
+export * from './completion-check';
+export * from './icon';
+export * from './text-link';
+export * from './hint';
+export * from './tag';
+export * from './switch';
+export * from './segmented-control';
+export * from './scrollbar';
+export * from './radio';
+export * from './radio-group';
+export * from './popup';
+export * from './popup-menu';
+export * from './modal';
+export * from './progress-bar';
+export * from './scrubber';
+export * from './skeleton';
+export * from './artwork';
+export * from './music-badge';
+export * from './expandable-nav-item';
+export * from './nav-item';
+export * from './balance-pill';
+export * from './notification-count';
+export { default as LoadingSpinner } from './loading-spinner/LoadingSpinner';
+export * from './pill';
+export * from './common/HiddenInput';
+export * from './select';
+export * from './icon-text';
+export * from './send-icon';
+export * from './checkbox';
+export * from './hover-card';
+export * from './internal/MenuItem';
+export * from './internal/Menu';
+export * from './internal/OptionKeyHandler';
+export * from './tooltip';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAC5E,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,WAAW,CAAA"}

package/dist/components/input/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const PasswordInput: (props: Omit<import("../TextInput").TextInputProps, "type"> & {
+    hideVisibilityToggle?: boolean | undefined;
+} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/input/PasswordInput/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,aAAa;;yJA+BzB,CAAA"}