@audius/harmony 0.4.2 → 0.5.0

package/dist/components/text/textContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textContext.js","sources":["../../../src/components/text/textContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { TextVariant } from './types'\n\nexport type TextContextValue = {\n  variant?: TextVariant\n}\n\nexport const TextContext = createContext<TextContextValue>({})\n"],"names":[],"mappings":";;IAQa,WAAW,GAAG,aAAa,CAAmB,EAAE;;;;"}

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

@@ -1,25 +0,0 @@
-import type { CSSProperties, ComponentProps, ElementType, ReactNode } from 'react';
-import type { TextColors } from '../../foundations/color/semantic';
-export type BaseTextProps<TextComponentType extends ElementType = 'p'> = {
-    tag?: TextComponentType;
-    className?: string;
-    children?: ReactNode;
-    variant?: TextVariant;
-    size?: TextSize;
-    strength?: TextStrength;
-    color?: TextColors | 'inherit';
-    shadow?: TextShadow;
-    asChild?: boolean;
-    textAlign?: CSSProperties['textAlign'];
-    ellipses?: boolean;
-    maxLines?: number;
-    textTransform?: CSSProperties['textTransform'];
-    lineHeight?: 'single' | 'multi';
-};
-export type TextProps<TextComponentType extends ElementType = 'p'> = BaseTextProps<TextComponentType> & Omit<ComponentProps<TextComponentType>, keyof BaseTextProps | 'ref'>;
-export type TextStrength = 'weak' | 'default' | 'strong';
-export type TextSize = 'xl' | 'l' | 'm' | 's' | 'xs';
-export type TextVariant = 'display' | 'heading' | 'title' | 'label' | 'body';
-export type TextShadow = 'emphasis';
-export type VariantSizeTagMap = Partial<Record<TextSize, ElementType>>;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,MAAM,MAAM,aAAa,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAAI;IACvE,GAAG,CAAC,EAAE,iBAAiB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAC/D,aAAa,CAAC,iBAAiB,CAAC,GAC9B,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,CAAA;AAExE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAExD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC5E,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AACnC,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA"}

package/dist/components/text-link/TextLink.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-/**
- * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.
- */
-export declare const TextLink: (props: Omit<import("../text").TextProps, "variant" | "color" | "onClick"> & Omit<import("react").HTMLProps<HTMLAnchorElement>, "size" | "color" | "ref"> & {
-    asChild?: boolean | undefined;
-    variant?: "default" | "subdued" | "visible" | "inverted" | "secondary" | "active" | undefined;
-    textVariant?: import("../text").TextVariant | undefined;
-    showUnderline?: boolean | undefined;
-    noUnderlineOnHover?: boolean | undefined;
-    isActive?: boolean | undefined;
-    isExternal?: boolean | undefined;
-    ellipses?: boolean | undefined;
-    applyHoverStylesToInnerSvg?: boolean | undefined;
-} & import("react").RefAttributes<"a">) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-//# sourceMappingURL=TextLink.d.ts.map

package/dist/components/text-link/TextLink.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;wIAmFnB,CAAA"}

package/dist/components/text-link/TextLink.js

@@ -1,41 +0,0 @@
-import { __rest, __assign } from '../../_virtual/_tslib.js';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useTheme } from '@emotion/react';
-import { Slot } from '@radix-ui/react-slot';
-import { Text } from '../text/Text.js';
-
-/**
- * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.
- */
-var TextLink = forwardRef(function (props, ref) {
-    var _a = props.asChild, asChild = _a === void 0 ? false : _a, children = props.children, _b = props.variant, variant = _b === void 0 ? 'default' : _b, isActive = props.isActive, _c = props.isExternal, isExternal = _c === void 0 ? false : _c, _d = props.ellipses, ellipses = _d === void 0 ? false : _d, onClick = props.onClick, textVariant = props.textVariant, showUnderline = props.showUnderline, noUnderlineOnHover = props.noUnderlineOnHover, applyHoverStylesToInnerSvg = props.applyHoverStylesToInnerSvg, disabled = props.disabled, other = __rest(props, ["asChild", "children", "variant", "isActive", "isExternal", "ellipses", "onClick", "textVariant", "showUnderline", "noUnderlineOnHover", "applyHoverStylesToInnerSvg", "disabled"]);
-    var _e = useTheme(), color = _e.color, spacing = _e.spacing, motion = _e.motion;
-    var variantColors = {
-        default: color.link.default,
-        subdued: color.link.subdued,
-        visible: color.link.visible,
-        inverted: color.static.staticWhite,
-        secondary: color.secondary.secondary,
-        active: color.primary.primary
-    };
-    var variantHoverColors = {
-        default: color.primary.p300,
-        subdued: color.primary.p300,
-        visible: color.link.visible,
-        inverted: color.static.staticWhite,
-        secondary: color.secondary.secondary,
-        active: color.primary.primary
-    };
-    var hoverStyles = __assign({ textDecoration: noUnderlineOnHover ? 'none' : 'underline', color: variantHoverColors[variant] }, (applyHoverStylesToInnerSvg
-        ? { path: { fill: variantHoverColors[variant] } }
-        : {}));
-    return (jsx(Text, __assign({ ref: ref, asChild: true, onClick: onClick, css: __assign(__assign(__assign(__assign(__assign({ 
-            // MaxLines requires a special webkit display to work, dont override here
-            display: other.maxLines ? undefined : 'inline-flex', gap: spacing.s, color: variantColors[variant], textDecoration: 'none', transition: "color ".concat(motion.hover), cursor: 'pointer', pointerEvents: disabled ? 'none' : undefined }, (applyHoverStylesToInnerSvg && {
-            path: { transition: "fill ".concat(motion.hover) }
-        })), { ':hover': hoverStyles }), (isActive && __assign(__assign({}, hoverStyles), { textDecoration: 'none' }))), (showUnderline && hoverStyles)), (ellipses && { minWidth: 0 })), variant: textVariant, ellipses: ellipses }, other, { children: asChild ? (jsx(Slot, { children: children })) : (jsx("a", __assign({ target: isExternal ? '_blank' : undefined, rel: isExternal ? 'noreferrer' : undefined }, { children: children }))) })));
-});
-
-export { TextLink };
-//# sourceMappingURL=TextLink.js.map

package/dist/components/text-link/TextLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextLink.js","sources":["../../../src/components/text-link/TextLink.tsx"],"sourcesContent":["import { Ref, forwardRef } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { Text } from '../text'\n\nimport type { TextLinkProps } from './types'\n\n/**\n * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.\n */\nexport const TextLink = forwardRef((props: TextLinkProps, ref: Ref<'a'>) => {\n  const {\n    asChild = false,\n    children,\n    variant = 'default',\n    isActive,\n    isExternal = false,\n    ellipses = false,\n    onClick,\n    textVariant,\n    showUnderline,\n    noUnderlineOnHover,\n    applyHoverStylesToInnerSvg,\n    disabled,\n    ...other\n  } = props\n\n  const { color, spacing, motion } = useTheme()\n\n  const variantColors = {\n    default: color.link.default,\n    subdued: color.link.subdued,\n    visible: color.link.visible,\n    inverted: color.static.staticWhite,\n    secondary: color.secondary.secondary,\n    active: color.primary.primary\n  }\n\n  const variantHoverColors = {\n    default: color.primary.p300,\n    subdued: color.primary.p300,\n    visible: color.link.visible,\n    inverted: color.static.staticWhite,\n    secondary: color.secondary.secondary,\n    active: color.primary.primary\n  }\n\n  const hoverStyles = {\n    textDecoration: noUnderlineOnHover ? 'none' : 'underline',\n    color: variantHoverColors[variant],\n    ...(applyHoverStylesToInnerSvg\n      ? { path: { fill: variantHoverColors[variant] } }\n      : {})\n  }\n\n  return (\n    <Text\n      ref={ref}\n      asChild\n      onClick={onClick}\n      css={{\n        // MaxLines requires a special webkit display to work, dont override here\n        display: other.maxLines ? undefined : 'inline-flex',\n        gap: spacing.s,\n        color: variantColors[variant],\n        textDecoration: 'none',\n        transition: `color ${motion.hover}`,\n        cursor: 'pointer',\n        pointerEvents: disabled ? 'none' : undefined,\n        ...(applyHoverStylesToInnerSvg && {\n          path: { transition: `fill ${motion.hover}` }\n        }),\n        ':hover': hoverStyles,\n        ...(isActive && { ...hoverStyles, textDecoration: 'none' }),\n        ...(showUnderline && hoverStyles),\n        ...(ellipses && { minWidth: 0 })\n      }}\n      variant={textVariant}\n      ellipses={ellipses}\n      {...other}\n    >\n      {asChild ? (\n        <Slot>{children}</Slot>\n      ) : (\n        <a\n          target={isExternal ? '_blank' : undefined}\n          rel={isExternal ? 'noreferrer' : undefined}\n        >\n          {children}\n        </a>\n      )}\n    </Text>\n  )\n})\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/text-link/TextLink.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TextLink } from './TextLink';
-declare const meta: Meta<typeof TextLink>;
-export default meta;
-type Story = StoryObj<typeof TextLink>;
-export declare const Primary: Story;
-export declare const Default: Story;
-export declare const Visible: Story;
-export declare const Inverted: Story;
-export declare const External: Story;
-export declare const MatchesTextStyle: Story;
-export declare const AsChild: Story;
-//# sourceMappingURL=TextLink.stories.d.ts.map

package/dist/components/text-link/TextLink.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAe/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA"}

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

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

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

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

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

@@ -1,48 +0,0 @@
-import type { HTMLProps } from 'react';
-import type { TextProps } from '../text';
-export type TextLinkProps = Omit<TextProps, 'variant' | 'onClick' | 'color'> & Omit<HTMLProps<HTMLAnchorElement>, 'size' | 'color' | 'ref'> & {
-    /**
-     * Change the default rendered element for the one passed as a child,
-     *  merging their props and behavior.
-     */
-    asChild?: boolean;
-    /**
-     * Which variant to display. 'active' is temporary until this pattern is removed
-     */
-    variant?: 'default' | 'subdued' | 'visible' | 'inverted' | 'secondary' | 'active';
-    /**
-     * Which text variant to display.
-     */
-    textVariant?: TextProps['variant'];
-    /**
-     * When true, always show the link underline. This can help emphasize that
-     * a text-link is present when next to other text.
-     */
-    showUnderline?: boolean;
-    /**
-     * When true, hide the underline when the link is active.
-     */
-    noUnderlineOnHover?: boolean;
-    /**
-     * When `true`, render link in active style (e.g. hover color)
-     */
-    isActive?: boolean;
-    /**
-     * Mark as true if the link destination is outside of the app. Causes the
-     * link to open in a new tab.
-     * @default false
-     */
-    isExternal?: boolean;
-    /**
-     * Whether or not to apply text ellipsis styling.
-     * This will make the link block displayed which may affect how it flows in certain flex containers
-     */
-    ellipses?: boolean;
-    /**
-     * Whether or not to apply styling to inner svgs.
-     * Some text links may include an icon that you wish to style similarly to the text
-     * (e.g. hover change colors/animations)
-     */
-    applyHoverStylesToInnerSvg?: boolean;
-};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,GAC1E,IAAI,CACF,SAAS,CAAC,iBAAiB,CAAC,EAE5B,MAAM,GAAG,OAAO,GAAG,KAAK,CACzB,GAAG;IACF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,CAAA;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;CACrC,CAAA"}

package/dist/contexts/MediaContext.d.ts

@@ -1,33 +0,0 @@
-import { ReactNode } from 'react';
-export type MediaContextType = {
-    isExtraSmall: boolean;
-    isSmall: boolean;
-    isMedium: boolean;
-    isLarge: boolean;
-    isExtraLarge: boolean;
-    isAboveExtraSmall: boolean;
-    isAboveSmall: boolean;
-    isAboveMedium: boolean;
-    isAboveLarge: boolean;
-    isAboveExtraLarge: boolean;
-    isMobile: boolean;
-    isTablet: boolean;
-    isDesktop: boolean;
-    matchesQuery: (query: string) => boolean;
-};
-type MediaProviderProps = {
-    children: ReactNode;
-};
-/**
- * Provider component that monitors media queries and makes responsive breakpoints
- * available throughout the app via context.
- */
-export declare const MediaProvider: ({ children }: MediaProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-/**
- * Hook to access media query state from the MediaContext.
- * This hook should be used instead of the original useMedia hook
- * to avoid creating multiple listeners in every component.
- */
-export declare const useMedia: () => MediaContextType;
-export {};
-//# sourceMappingURL=MediaContext.d.ts.map

package/dist/contexts/MediaContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaContext.d.ts","sourceRoot":"","sources":["../../src/contexts/MediaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAW,MAAM,OAAO,CAAA;AAMrE,MAAM,MAAM,gBAAgB,GAAG;IAE7B,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IAGrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,OAAO,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAG1B,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAGlB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;CACzC,CAAA;AAID,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,iBAAkB,kBAAkB,qDA2D7D,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,QAAO,gBAQ3B,CAAA"}

package/dist/contexts/MediaContext.js

@@ -1,79 +0,0 @@
-import { __assign } from '../_virtual/_tslib.js';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { createContext, useMemo, useContext } from 'react';
-import { useMedia as useMedia$1 } from 'react-use';
-import { breakpoints } from '../foundations/breakpoints/breakpoints.js';
-
-var MediaContext = createContext(null);
-/**
- * Provider component that monitors media queries and makes responsive breakpoints
- * available throughout the app via context.
- */
-var MediaProvider = function (_a) {
-    var children = _a.children;
-    // Use react-use's useMedia hook for each breakpoint query
-    var isExtraSmall = useMedia$1(breakpoints.down.xs);
-    var isSmall = useMedia$1(breakpoints.down.sm);
-    var isMedium = useMedia$1(breakpoints.down.md);
-    var isLarge = useMedia$1(breakpoints.down.lg);
-    var isExtraLarge = useMedia$1(breakpoints.down.xl);
-    var isAboveExtraSmall = useMedia$1(breakpoints.up.xs);
-    var isAboveSmall = useMedia$1(breakpoints.up.sm);
-    var isAboveMedium = useMedia$1(breakpoints.up.md);
-    var isAboveLarge = useMedia$1(breakpoints.up.lg);
-    var isAboveExtraLarge = useMedia$1(breakpoints.up.xl);
-    // Derived properties
-    var isMobile = isSmall; // <= 768px
-    var isTablet = !isSmall && !isAboveMedium; // > 768px and <= 1024px
-    var isDesktop = isAboveMedium; // > 1024px
-    // Utility function for custom queries
-    var matchesQuery = function (query) {
-        return window.matchMedia(query).matches;
-    };
-    var value = useMemo(function () { return ({
-        isExtraSmall: isExtraSmall,
-        isSmall: isSmall,
-        isMedium: isMedium,
-        isLarge: isLarge,
-        isExtraLarge: isExtraLarge,
-        isAboveExtraSmall: isAboveExtraSmall,
-        isAboveSmall: isAboveSmall,
-        isAboveMedium: isAboveMedium,
-        isAboveLarge: isAboveLarge,
-        isAboveExtraLarge: isAboveExtraLarge,
-        isMobile: isMobile,
-        isTablet: isTablet,
-        isDesktop: isDesktop,
-        matchesQuery: matchesQuery
-    }); }, [
-        isExtraSmall,
-        isSmall,
-        isMedium,
-        isLarge,
-        isExtraLarge,
-        isAboveExtraSmall,
-        isAboveSmall,
-        isAboveMedium,
-        isAboveLarge,
-        isAboveExtraLarge,
-        isMobile,
-        isTablet,
-        isDesktop
-    ]);
-    return jsx(MediaContext.Provider, __assign({ value: value }, { children: children }));
-};
-/**
- * Hook to access media query state from the MediaContext.
- * This hook should be used instead of the original useMedia hook
- * to avoid creating multiple listeners in every component.
- */
-var useMedia = function () {
-    var context = useContext(MediaContext);
-    if (context === null) {
-        throw new Error('useMedia must be used within a MediaProvider');
-    }
-    return context;
-};
-
-export { MediaProvider, useMedia };
-//# sourceMappingURL=MediaContext.js.map

package/dist/contexts/MediaContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaContext.js","sources":["../../src/contexts/MediaContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useMemo } from 'react'\n\nimport { useMedia as useMediaQuery } from 'react-use'\n\nimport { breakpoints } from '../foundations/breakpoints'\n\nexport type MediaContextType = {\n  // Specific size breakpoint checks\n  isExtraSmall: boolean // <= 480px\n  isSmall: boolean // <= 768px\n  isMedium: boolean // <= 1024px\n  isLarge: boolean // <= 1280px\n  isExtraLarge: boolean // <= 1440px\n\n  // Specific \"larger than\" checks\n  isAboveExtraSmall: boolean // > 480px\n  isAboveSmall: boolean // > 768px\n  isAboveMedium: boolean // > 1024px\n  isAboveLarge: boolean // > 1280px\n  isAboveExtraLarge: boolean // > 1440px\n\n  // Common device categories\n  isMobile: boolean // <= 768px\n  isTablet: boolean // > 768px and <= 1024px\n  isDesktop: boolean // > 1024px\n\n  // Utility function for custom queries\n  matchesQuery: (query: string) => boolean\n}\n\nconst MediaContext = createContext<MediaContextType | null>(null)\n\ntype MediaProviderProps = {\n  children: ReactNode\n}\n\n/**\n * Provider component that monitors media queries and makes responsive breakpoints\n * available throughout the app via context.\n */\nexport const MediaProvider = ({ children }: MediaProviderProps) => {\n  // Use react-use's useMedia hook for each breakpoint query\n  const isExtraSmall = useMediaQuery(breakpoints.down.xs)\n  const isSmall = useMediaQuery(breakpoints.down.sm)\n  const isMedium = useMediaQuery(breakpoints.down.md)\n  const isLarge = useMediaQuery(breakpoints.down.lg)\n  const isExtraLarge = useMediaQuery(breakpoints.down.xl)\n\n  const isAboveExtraSmall = useMediaQuery(breakpoints.up.xs)\n  const isAboveSmall = useMediaQuery(breakpoints.up.sm)\n  const isAboveMedium = useMediaQuery(breakpoints.up.md)\n  const isAboveLarge = useMediaQuery(breakpoints.up.lg)\n  const isAboveExtraLarge = useMediaQuery(breakpoints.up.xl)\n\n  // Derived properties\n  const isMobile = isSmall // <= 768px\n  const isTablet = !isSmall && !isAboveMedium // > 768px and <= 1024px\n  const isDesktop = isAboveMedium // > 1024px\n\n  // Utility function for custom queries\n  const matchesQuery = (query: string) => {\n    return window.matchMedia(query).matches\n  }\n\n  const value = useMemo(\n    () => ({\n      isExtraSmall,\n      isSmall,\n      isMedium,\n      isLarge,\n      isExtraLarge,\n      isAboveExtraSmall,\n      isAboveSmall,\n      isAboveMedium,\n      isAboveLarge,\n      isAboveExtraLarge,\n      isMobile,\n      isTablet,\n      isDesktop,\n      matchesQuery\n    }),\n    [\n      isExtraSmall,\n      isSmall,\n      isMedium,\n      isLarge,\n      isExtraLarge,\n      isAboveExtraSmall,\n      isAboveSmall,\n      isAboveMedium,\n      isAboveLarge,\n      isAboveExtraLarge,\n      isMobile,\n      isTablet,\n      isDesktop\n    ]\n  )\n\n  return <MediaContext.Provider value={value}>{children}</MediaContext.Provider>\n}\n\n/**\n * Hook to access media query state from the MediaContext.\n * This hook should be used instead of the original useMedia hook\n * to avoid creating multiple listeners in every component.\n */\nexport const useMedia = (): MediaContextType => {\n  const context = useContext(MediaContext)\n\n  if (context === null) {\n    throw new Error('useMedia must be used within a MediaProvider')\n  }\n\n  return context\n}\n"],"names":["useMediaQuery","_jsx"],"mappings":";;;;;;AA8BA,IAAM,YAAY,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAA;AAMjE;;;AAGG;AACI,IAAM,aAAa,GAAG,UAAC,EAAgC,EAAA;AAA9B,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;;IAEtC,IAAM,YAAY,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACvD,IAAM,OAAO,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAClD,IAAM,QAAQ,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACnD,IAAM,OAAO,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAClD,IAAM,YAAY,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAEvD,IAAM,iBAAiB,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IAC1D,IAAM,YAAY,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACrD,IAAM,aAAa,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACtD,IAAM,YAAY,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACrD,IAAM,iBAAiB,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;;AAG1D,IAAA,IAAM,QAAQ,GAAG,OAAO,CAAA;IACxB,IAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,CAAC,aAAa,CAAA;AAC3C,IAAA,IAAM,SAAS,GAAG,aAAa,CAAA;;IAG/B,IAAM,YAAY,GAAG,UAAC,KAAa,EAAA;QACjC,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAA;AACzC,KAAC,CAAA;AAED,IAAA,IAAM,KAAK,GAAG,OAAO,CACnB,YAAA,EAAM,QAAC;AACL,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,iBAAiB,EAAA,iBAAA;AACjB,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,aAAa,EAAA,aAAA;AACb,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,iBAAiB,EAAA,iBAAA;AACjB,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,YAAY,EAAA,YAAA;KACb,EAAC,EAAA,EACF;QACE,YAAY;QACZ,OAAO;QACP,QAAQ;QACR,OAAO;QACP,YAAY;QACZ,iBAAiB;QACjB,YAAY;QACZ,aAAa;QACb,YAAY;QACZ,iBAAiB;QACjB,QAAQ;QACR,QAAQ;QACR,SAAS;AACV,KAAA,CACF,CAAA;IAED,OAAOC,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAyB,CAAA;AAChF,EAAC;AAED;;;;AAIG;AACU,IAAA,QAAQ,GAAG,YAAA;AACtB,IAAA,IAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAExC,IAAI,OAAO,KAAK,IAAI,EAAE;AACpB,QAAA,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAA;AAChE,KAAA;AAED,IAAA,OAAO,OAAO,CAAA;AAChB;;;;"}

package/dist/contexts/index.d.ts

@@ -1,2 +0,0 @@
-export { MediaProvider } from './MediaContext';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/foundations/breakpoints/breakpoints.d.ts

@@ -1,124 +0,0 @@
-/**
- * Audius Breakpoint System
- *
- * Standard breakpoints for responsive design. These values align with common
- * device sizes and are used throughout the application for consistent
- * responsive behavior.
- */
-export declare const breakpoints: {
-    values: {
-        /**
-         * Extra small devices (portrait phones)
-         */
-        xs: number;
-        /**
-         * Small devices (landscape phones)
-         */
-        sm: number;
-        /**
-         * Medium devices (tablets)
-         */
-        md: number;
-        /**
-         * Large devices (desktops)
-         */
-        lg: number;
-        /**
-         * Extra large devices (large desktops)
-         */
-        xl: number;
-    };
-    /**
-     * Media query strings for max-width (smaller than breakpoint)
-     */
-    down: {
-        /**
-         * @example (max-width: 480px)
-         * Smaller than xs breakpoint (mobile phones)
-         */
-        xs: string;
-        /**
-         * @example (max-width: 768px)
-         * Smaller than sm breakpoint (includes mobile phones and small tablets)
-         */
-        sm: string;
-        /**
-         * @example (max-width: 1024px)
-         * Smaller than md breakpoint (includes mobile phones, tablets, and small laptops)
-         */
-        md: string;
-        /**
-         * @example (max-width: 1280px)
-         * Smaller than lg breakpoint (includes all except large desktops)
-         */
-        lg: string;
-        /**
-         * @example (max-width: 1440px)
-         * Smaller than xl breakpoint
-         */
-        xl: string;
-    };
-    /**
-     * Media query strings for min-width (larger than breakpoint)
-     */
-    up: {
-        /**
-         * @example (min-width: 481px)
-         * Larger than xs breakpoint (tablets and above)
-         */
-        xs: string;
-        /**
-         * @example (min-width: 769px)
-         * Larger than sm breakpoint (desktops and above)
-         */
-        sm: string;
-        /**
-         * @example (min-width: 1025px)
-         * Larger than md breakpoint (larger desktops)
-         */
-        md: string;
-        /**
-         * @example (min-width: 1281px)
-         * Larger than lg breakpoint (large desktops)
-         */
-        lg: string;
-        /**
-         * @example (min-width: 1441px)
-         * Larger than xl breakpoint (extra large desktops)
-         */
-        xl: string;
-    };
-    /**
-     * Media query strings for ranges between breakpoints
-     */
-    between: {
-        /**
-         * @example (min-width: 481px) and (max-width: 768px)
-         * Between xs and sm breakpoints (small tablets)
-         */
-        xs_sm: string;
-        /**
-         * @example (min-width: 769px) and (max-width: 1024px)
-         * Between sm and md breakpoints (tablets)
-         */
-        sm_md: string;
-        /**
-         * @example (min-width: 1025px) and (max-width: 1280px)
-         * Between md and lg breakpoints (small desktops)
-         */
-        md_lg: string;
-        /**
-         * @example (min-width: 1281px) and (max-width: 1440px)
-         * Between lg and xl breakpoints (medium desktops)
-         */
-        lg_xl: string;
-    };
-    /**
-     * Helper function to create a custom media query
-     * @param minWidth minimum width in pixels
-     * @param maxWidth maximum width in pixels
-     * @returns media query string
-     */
-    createCustomQuery: (minWidth?: number, maxWidth?: number) => string;
-};
-//# sourceMappingURL=breakpoints.d.ts.map

package/dist/foundations/breakpoints/breakpoints.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../src/foundations/breakpoints/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,WAAW;;QAGpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;IAIL;;OAEG;;QAED;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;;IAIL;;OAEG;;QAED;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;;IAIL;;OAEG;;QAED;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;;IAIL;;;;;OAKG;mCAC4B,MAAM,aAAa,MAAM,KAAG,MAAM;CAYlE,CAAA"}

package/dist/foundations/breakpoints/breakpoints.js

@@ -1,138 +0,0 @@
-/**
- * Audius Breakpoint System
- *
- * Standard breakpoints for responsive design. These values align with common
- * device sizes and are used throughout the application for consistent
- * responsive behavior.
- */
-var breakpoints = {
-    // Maximum width values for each breakpoint
-    values: {
-        /**
-         * Extra small devices (portrait phones)
-         */
-        xs: 480,
-        /**
-         * Small devices (landscape phones)
-         */
-        sm: 768,
-        /**
-         * Medium devices (tablets)
-         */
-        md: 1024,
-        /**
-         * Large devices (desktops)
-         */
-        lg: 1280,
-        /**
-         * Extra large devices (large desktops)
-         */
-        xl: 1440
-    },
-    /**
-     * Media query strings for max-width (smaller than breakpoint)
-     */
-    down: {
-        /**
-         * @example (max-width: 480px)
-         * Smaller than xs breakpoint (mobile phones)
-         */
-        xs: "(max-width: 480px)",
-        /**
-         * @example (max-width: 768px)
-         * Smaller than sm breakpoint (includes mobile phones and small tablets)
-         */
-        sm: "(max-width: 768px)",
-        /**
-         * @example (max-width: 1024px)
-         * Smaller than md breakpoint (includes mobile phones, tablets, and small laptops)
-         */
-        md: "(max-width: 1024px)",
-        /**
-         * @example (max-width: 1280px)
-         * Smaller than lg breakpoint (includes all except large desktops)
-         */
-        lg: "(max-width: 1280px)",
-        /**
-         * @example (max-width: 1440px)
-         * Smaller than xl breakpoint
-         */
-        xl: "(max-width: 1440px)"
-    },
-    /**
-     * Media query strings for min-width (larger than breakpoint)
-     */
-    up: {
-        /**
-         * @example (min-width: 481px)
-         * Larger than xs breakpoint (tablets and above)
-         */
-        xs: "(min-width: 481px)",
-        /**
-         * @example (min-width: 769px)
-         * Larger than sm breakpoint (desktops and above)
-         */
-        sm: "(min-width: 769px)",
-        /**
-         * @example (min-width: 1025px)
-         * Larger than md breakpoint (larger desktops)
-         */
-        md: "(min-width: 1025px)",
-        /**
-         * @example (min-width: 1281px)
-         * Larger than lg breakpoint (large desktops)
-         */
-        lg: "(min-width: 1281px)",
-        /**
-         * @example (min-width: 1441px)
-         * Larger than xl breakpoint (extra large desktops)
-         */
-        xl: "(min-width: 1441px)"
-    },
-    /**
-     * Media query strings for ranges between breakpoints
-     */
-    between: {
-        /**
-         * @example (min-width: 481px) and (max-width: 768px)
-         * Between xs and sm breakpoints (small tablets)
-         */
-        xs_sm: "(min-width: 481px) and (max-width: 768px)",
-        /**
-         * @example (min-width: 769px) and (max-width: 1024px)
-         * Between sm and md breakpoints (tablets)
-         */
-        sm_md: "(min-width: 769px) and (max-width: 1024px)",
-        /**
-         * @example (min-width: 1025px) and (max-width: 1280px)
-         * Between md and lg breakpoints (small desktops)
-         */
-        md_lg: "(min-width: 1025px) and (max-width: 1280px)",
-        /**
-         * @example (min-width: 1281px) and (max-width: 1440px)
-         * Between lg and xl breakpoints (medium desktops)
-         */
-        lg_xl: "(min-width: 1281px) and (max-width: 1440px)"
-    },
-    /**
-     * Helper function to create a custom media query
-     * @param minWidth minimum width in pixels
-     * @param maxWidth maximum width in pixels
-     * @returns media query string
-     */
-    createCustomQuery: function (minWidth, maxWidth) {
-        if (minWidth && maxWidth) {
-            return "(min-width: ".concat(minWidth, "px) and (max-width: ").concat(maxWidth, "px)");
-        }
-        if (minWidth) {
-            return "(min-width: ".concat(minWidth, "px)");
-        }
-        if (maxWidth) {
-            return "(max-width: ".concat(maxWidth, "px)");
-        }
-        return '';
-    }
-};
-
-export { breakpoints };
-//# sourceMappingURL=breakpoints.js.map

package/dist/foundations/breakpoints/breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.js","sources":["../../../src/foundations/breakpoints/breakpoints.ts"],"sourcesContent":["/**\n * Audius Breakpoint System\n *\n * Standard breakpoints for responsive design. These values align with common\n * device sizes and are used throughout the application for consistent\n * responsive behavior.\n */\n\nexport const breakpoints = {\n  // Maximum width values for each breakpoint\n  values: {\n    /**\n     * Extra small devices (portrait phones)\n     */\n    xs: 480,\n    /**\n     * Small devices (landscape phones)\n     */\n    sm: 768,\n    /**\n     * Medium devices (tablets)\n     */\n    md: 1024,\n    /**\n     * Large devices (desktops)\n     */\n    lg: 1280,\n    /**\n     * Extra large devices (large desktops)\n     */\n    xl: 1440\n  },\n\n  /**\n   * Media query strings for max-width (smaller than breakpoint)\n   */\n  down: {\n    /**\n     * @example (max-width: 480px)\n     * Smaller than xs breakpoint (mobile phones)\n     */\n    xs: `(max-width: 480px)`,\n    /**\n     * @example (max-width: 768px)\n     * Smaller than sm breakpoint (includes mobile phones and small tablets)\n     */\n    sm: `(max-width: 768px)`,\n    /**\n     * @example (max-width: 1024px)\n     * Smaller than md breakpoint (includes mobile phones, tablets, and small laptops)\n     */\n    md: `(max-width: 1024px)`,\n    /**\n     * @example (max-width: 1280px)\n     * Smaller than lg breakpoint (includes all except large desktops)\n     */\n    lg: `(max-width: 1280px)`,\n    /**\n     * @example (max-width: 1440px)\n     * Smaller than xl breakpoint\n     */\n    xl: `(max-width: 1440px)`\n  },\n\n  /**\n   * Media query strings for min-width (larger than breakpoint)\n   */\n  up: {\n    /**\n     * @example (min-width: 481px)\n     * Larger than xs breakpoint (tablets and above)\n     */\n    xs: `(min-width: 481px)`,\n    /**\n     * @example (min-width: 769px)\n     * Larger than sm breakpoint (desktops and above)\n     */\n    sm: `(min-width: 769px)`,\n    /**\n     * @example (min-width: 1025px)\n     * Larger than md breakpoint (larger desktops)\n     */\n    md: `(min-width: 1025px)`,\n    /**\n     * @example (min-width: 1281px)\n     * Larger than lg breakpoint (large desktops)\n     */\n    lg: `(min-width: 1281px)`,\n    /**\n     * @example (min-width: 1441px)\n     * Larger than xl breakpoint (extra large desktops)\n     */\n    xl: `(min-width: 1441px)`\n  },\n\n  /**\n   * Media query strings for ranges between breakpoints\n   */\n  between: {\n    /**\n     * @example (min-width: 481px) and (max-width: 768px)\n     * Between xs and sm breakpoints (small tablets)\n     */\n    xs_sm: `(min-width: 481px) and (max-width: 768px)`,\n    /**\n     * @example (min-width: 769px) and (max-width: 1024px)\n     * Between sm and md breakpoints (tablets)\n     */\n    sm_md: `(min-width: 769px) and (max-width: 1024px)`,\n    /**\n     * @example (min-width: 1025px) and (max-width: 1280px)\n     * Between md and lg breakpoints (small desktops)\n     */\n    md_lg: `(min-width: 1025px) and (max-width: 1280px)`,\n    /**\n     * @example (min-width: 1281px) and (max-width: 1440px)\n     * Between lg and xl breakpoints (medium desktops)\n     */\n    lg_xl: `(min-width: 1281px) and (max-width: 1440px)`\n  },\n\n  /**\n   * Helper function to create a custom media query\n   * @param minWidth minimum width in pixels\n   * @param maxWidth maximum width in pixels\n   * @returns media query string\n   */\n  createCustomQuery: (minWidth?: number, maxWidth?: number): string => {\n    if (minWidth && maxWidth) {\n      return `(min-width: ${minWidth}px) and (max-width: ${maxWidth}px)`\n    }\n    if (minWidth) {\n      return `(min-width: ${minWidth}px)`\n    }\n    if (maxWidth) {\n      return `(max-width: ${maxWidth}px)`\n    }\n    return ''\n  }\n}\n"],"names":[],"mappings":"AAAA;;;;;;AAMG;AAEU,IAAA,WAAW,GAAG;;AAEzB,IAAA,MAAM,EAAE;AACN;;AAEG;AACH,QAAA,EAAE,EAAE,GAAG;AACP;;AAEG;AACH,QAAA,EAAE,EAAE,GAAG;AACP;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACR;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACR;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACT,KAAA;AAED;;AAEG;AACH,IAAA,IAAI,EAAE;AACJ;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AAC1B,KAAA;AAED;;AAEG;AACH,IAAA,EAAE,EAAE;AACF;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AAC1B,KAAA;AAED;;AAEG;AACH,IAAA,OAAO,EAAE;AACP;;;AAGG;AACH,QAAA,KAAK,EAAE,2CAA2C;AAClD;;;AAGG;AACH,QAAA,KAAK,EAAE,4CAA4C;AACnD;;;AAGG;AACH,QAAA,KAAK,EAAE,6CAA6C;AACpD;;;AAGG;AACH,QAAA,KAAK,EAAE,6CAA6C;AACrD,KAAA;AAED;;;;;AAKG;AACH,IAAA,iBAAiB,EAAE,UAAC,QAAiB,EAAE,QAAiB,EAAA;QACtD,IAAI,QAAQ,IAAI,QAAQ,EAAE;AACxB,YAAA,OAAO,cAAe,CAAA,MAAA,CAAA,QAAQ,EAAuB,sBAAA,CAAA,CAAA,MAAA,CAAA,QAAQ,QAAK,CAAA;AACnE,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;YACZ,OAAO,cAAA,CAAA,MAAA,CAAe,QAAQ,EAAA,KAAA,CAAK,CAAA;AACpC,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;YACZ,OAAO,cAAA,CAAA,MAAA,CAAe,QAAQ,EAAA,KAAA,CAAK,CAAA;AACpC,SAAA;AACD,QAAA,OAAO,EAAE,CAAA;KACV;;;;;"}

package/dist/foundations/breakpoints/index.d.ts

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

package/dist/foundations/breakpoints/index.d.ts.map

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