@audius/harmony 0.4.0 → 0.4.3

package/dist/contexts/MediaContext.js.map

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,124 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,138 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

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

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

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

package/dist/foundations/color/color.d.ts

@@ -15,6 +15,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -31,6 +32,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -44,6 +46,8 @@ export declare const colorTheme: {
             surface2: string;
             white: string;
             primary: string;
+            gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -112,6 +116,10 @@ export declare const colorTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;
@@ -138,6 +146,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -154,6 +163,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -167,6 +177,8 @@ export declare const colorTheme: {
             surface2: string;
             white: string;
             primary: string;
+            gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -235,6 +247,10 @@ export declare const colorTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;
@@ -261,6 +277,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -277,6 +294,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -290,6 +308,8 @@ export declare const colorTheme: {
             surface2: string;
             white: string;
             primary: string;
+            gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -358,6 +378,10 @@ export declare const colorTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;

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

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}

package/dist/foundations/color/primitive.d.ts

@@ -51,6 +51,10 @@ export declare const primitiveTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;
@@ -113,6 +117,10 @@ export declare const primitiveTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;
@@ -175,6 +183,10 @@ export declare const primitiveTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;

package/dist/foundations/color/primitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2L1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,cAAc,CAAC,GAAG,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,eAAe,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0M1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,cAAc,CAAC,GAAG,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,eAAe,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAA"}

package/dist/foundations/color/primitive.js

@@ -51,6 +51,10 @@ var primitiveTheme = {
             gradientStop1: '#5B23E1FF',
             gradientStop2: '#A22FEBFF',
             gradient: 'linear-gradient(315deg, #5B23E1FF 0%, #A22FEBFF 100%)',
+            coinGradient: 'linear-gradient(85deg, #CC0FE0FF -4.82%, #7E1BCCFF 49.8%, #1BA1F1FF 104.43%)',
+            coinGradientColor1: '#CC0FE0FF',
+            coinGradientColor2: '#7E1BCCFF',
+            coinGradientColor3: '#1BA1F1FF',
             green: '#0F9E48FF',
             lightGreen: '#13C65AFF',
             orange: '#FF9400FF',
@@ -113,6 +117,10 @@ var primitiveTheme = {
             gradientStop1: '#9469EEFF',
             gradientStop2: '#C781FCFF',
             gradient: 'linear-gradient(315deg, #9469EEFF 0%, #C781FCFF 100%)',
+            coinGradient: 'linear-gradient(85deg, #D767E1FF -4.82%, #C67CFFFF 49.8%, #58B9F4FF 104.43%)',
+            coinGradientColor1: '#D767E1FF',
+            coinGradientColor2: '#C67CFFFF',
+            coinGradientColor3: '#58B9F4FF',
             green: '#6CDF44FF',
             lightGreen: '#15D864FF',
             orange: '#EFA947FF',
@@ -175,6 +183,10 @@ var primitiveTheme = {
             gradientStop1: '#6CDF44FF',
             gradientStop2: '#13C65AFF',
             gradient: 'linear-gradient(315deg, #6CDF44FF 0%, #13C65AFF 100%)',
+            coinGradient: 'linear-gradient(85deg, #0BD90BFF -4.82%, #00E252FF 49.8%, #20E290FF 104.43%)',
+            coinGradientColor1: '#0BD90BFF',
+            coinGradientColor2: '#00E252FF',
+            coinGradientColor3: '#20E290FF',
             green: '#2EB954FF',
             lightGreen: '#0BF90BFF',
             orange: '#FFA524FF',

package/dist/foundations/color/primitive.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitive.js","sources":["../../../src/foundations/color/primitive.ts"],"sourcesContent":["export const primitiveTheme = {\n  day: {\n    static: {\n      primary: '#CC0FE0FF',\n      secondary: '#7E1BCCFF',\n      white: '#FFFFFFFF',\n      staticWhite: '#FFFFFFFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#D63FE6FF',\n      p200: '#D127E3FF',\n      p300: '#CC0FE0FF',\n      p400: '#B80ECAFF',\n      p500: '#A30CB3FF',\n      default: '#CC0FE0FF',\n      primary: '#CC0FE0FF'\n    },\n    secondary: {\n      s100: '#9849D6FF',\n      s200: '#8B32D1FF',\n      s300: '#7E1BCCFF',\n      s400: '#7118B8FF',\n      s500: '#6516A3FF',\n      default: '#7E1BCCFF',\n      secondary: '#7E1BCCFF'\n    },\n    neutral: {\n      n25: '#FAFAFAFF',\n      n50: '#F7F7F8FF',\n      n100: '#EFEFF1FF',\n      n150: '#E7E7EAFF',\n      n200: '#D6D5DBFF',\n      n300: '#C3C1CBFF',\n      n400: '#A2A0AFFF',\n      n500: '#938FA3FF',\n      n600: '#817D95FF',\n      n700: '#736E88FF',\n      n800: '#6C6780FF',\n      n900: '#615D73FF',\n      n950: '#524F62FF',\n      default: '#6C6780FF',\n      neutral: '#6C6780FF'\n    },\n    special: {\n      aiGreen: '#1FD187FF',\n      background: '#F6F5F7FF',\n      blue: '#1BA1F1FF',\n      darkRed: '#BB0218FF',\n      glassOverlay: '#FFFFFFD9',\n      gradientStop1: '#5B23E1FF',\n      gradientStop2: '#A22FEBFF',\n      gradient: 'linear-gradient(315deg, #5B23E1FF 0%, #A22FEBFF 100%)',\n      green: '#0F9E48FF',\n      lightGreen: '#13C65AFF',\n      orange: '#FF9400FF',\n      red: '#D0021BFF',\n      trendingBlue: '#216FDCFF',\n      white: '#FFFFFFFF',\n      default: '#1BA1F1FF',\n      special: '#1BA1F1FF'\n    }\n  },\n  dark: {\n    static: {\n      primary: '#B94CC2FF',\n      secondary: '#7E1BCCFF',\n      white: '#2F3348FF',\n      staticWhite: '#F6F8FCFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#924699FF',\n      p200: '#B356BBFF',\n      p300: '#D767E1FF',\n      p400: '#F479FFFF',\n      p500: '#F7A4FFFF',\n      default: '#D767E1FF',\n      primary: '#D767E1FF'\n    },\n    secondary: {\n      s100: '#9A66CAFF',\n      s200: '#B071E4FF',\n      s300: '#C67CFFFF',\n      s400: '#CF90FFFF',\n      s500: '#D7A3FFFF',\n      default: '#C67CFFFF',\n      secondary: '#C67CFFFF'\n    },\n    neutral: {\n      n25: '#30354AFF',\n      n50: '#353A51FF',\n      n100: '#3C425DFF',\n      n150: '#444B69FF',\n      n200: '#4F577AFF',\n      n300: '#656F9BFF',\n      n400: '#7B83A7FF',\n      n500: '#969BB6FF',\n      n600: '#A6AAC0FF',\n      n700: '#B6B9CBFF',\n      n800: '#C6C8D6FF',\n      n900: '#D6D7E1FF',\n      n950: '#E6E7EDFF',\n      default: '#C6C8D6FF',\n      neutral: '#C6C8D6FF'\n    },\n    special: {\n      aiGreen: '#1ECF7AFF',\n      background: '#202131FF',\n      blue: '#58B9F4FF',\n      darkRed: '#C43047FF',\n      glassOverlay: '#2F334899',\n      gradientStop1: '#9469EEFF',\n      gradientStop2: '#C781FCFF',\n      gradient: 'linear-gradient(315deg, #9469EEFF 0%, #C781FCFF 100%)',\n      green: '#6CDF44FF',\n      lightGreen: '#15D864FF',\n      orange: '#EFA947FF',\n      red: '#F9344CFF',\n      trendingBlue: '#2A85E8FF',\n      white: '#2F3348FF',\n      default: '#58B9F4FF',\n      special: '#58B9F4FF'\n    }\n  },\n  matrix: {\n    static: {\n      primary: '#B94CC2FF',\n      secondary: '#7E1BCCFF',\n      white: '#020804FF',\n      staticWhite: '#F6F8FCFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#08A008FF',\n      p200: '#09B509FF',\n      p300: '#0BD90BFF',\n      p400: '#0BE40BFF',\n      p500: '#3DF23DFF',\n      default: '#0BD90BFF',\n      primary: '#0BD90BFF'\n    },\n    secondary: {\n      s100: '#00A73CFF',\n      s200: '#00BD44FF',\n      s300: '#00E252FF',\n      s400: '#00ED56FF',\n      s500: '#3CFB6BFF',\n      default: '#00E252FF',\n      secondary: '#00E252FF'\n    },\n    neutral: {\n      n25: '#010B06FF',\n      n50: '#041308FF',\n      n100: '#0A1F0DFF',\n      n150: '#0F2F15FF',\n      n200: '#123F1BFF',\n      n300: '#166527FF',\n      n400: '#1C8736FF',\n      n500: '#1F9E3FFF',\n      n600: '#2EB954FF',\n      n700: '#34D561FF',\n      n800: '#3EF56BFF',\n      n900: '#54FF80FF',\n      n950: '#9BFFA7FF',\n      default: '#3EF56BFF',\n      neutral: '#3EF56BFF'\n    },\n    special: {\n      aiGreen: '#1EEB57FF',\n      background: '#000000FF',\n      blue: '#20E290FF',\n      darkRed: '#D63C5AFF',\n      glassOverlay: '#01010199',\n      gradientStop1: '#6CDF44FF',\n      gradientStop2: '#13C65AFF',\n      gradient: 'linear-gradient(315deg, #6CDF44FF 0%, #13C65AFF 100%)',\n      green: '#2EB954FF',\n      lightGreen: '#0BF90BFF',\n      orange: '#FFA524FF',\n      red: '#F9344CFF',\n      trendingBlue: '#1EEB6FFF',\n      white: '#020804FF',\n      default: '#20E290FF',\n      special: '#20E290FF'\n    }\n  }\n}\n\nexport type PrimitiveColors = typeof primitiveTheme.day\nexport type PrimaryColors = keyof PrimitiveColors['primary']\nexport type SecondaryColors = keyof PrimitiveColors['secondary']\nexport type NeutralColors = keyof PrimitiveColors['neutral']\nexport type SpecialColors = keyof PrimitiveColors['special']\nexport type StaticColors = keyof PrimitiveColors['static']\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primitive.js","sources":["../../../src/foundations/color/primitive.ts"],"sourcesContent":["export const primitiveTheme = {\n  day: {\n    static: {\n      primary: '#CC0FE0FF',\n      secondary: '#7E1BCCFF',\n      white: '#FFFFFFFF',\n      staticWhite: '#FFFFFFFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#D63FE6FF',\n      p200: '#D127E3FF',\n      p300: '#CC0FE0FF',\n      p400: '#B80ECAFF',\n      p500: '#A30CB3FF',\n      default: '#CC0FE0FF',\n      primary: '#CC0FE0FF'\n    },\n    secondary: {\n      s100: '#9849D6FF',\n      s200: '#8B32D1FF',\n      s300: '#7E1BCCFF',\n      s400: '#7118B8FF',\n      s500: '#6516A3FF',\n      default: '#7E1BCCFF',\n      secondary: '#7E1BCCFF'\n    },\n    neutral: {\n      n25: '#FAFAFAFF',\n      n50: '#F7F7F8FF',\n      n100: '#EFEFF1FF',\n      n150: '#E7E7EAFF',\n      n200: '#D6D5DBFF',\n      n300: '#C3C1CBFF',\n      n400: '#A2A0AFFF',\n      n500: '#938FA3FF',\n      n600: '#817D95FF',\n      n700: '#736E88FF',\n      n800: '#6C6780FF',\n      n900: '#615D73FF',\n      n950: '#524F62FF',\n      default: '#6C6780FF',\n      neutral: '#6C6780FF'\n    },\n    special: {\n      aiGreen: '#1FD187FF',\n      background: '#F6F5F7FF',\n      blue: '#1BA1F1FF',\n      darkRed: '#BB0218FF',\n      glassOverlay: '#FFFFFFD9',\n      gradientStop1: '#5B23E1FF',\n      gradientStop2: '#A22FEBFF',\n      gradient: 'linear-gradient(315deg, #5B23E1FF 0%, #A22FEBFF 100%)',\n      coinGradient:\n        'linear-gradient(85deg, #CC0FE0FF -4.82%, #7E1BCCFF 49.8%, #1BA1F1FF 104.43%)',\n      coinGradientColor1: '#CC0FE0FF',\n      coinGradientColor2: '#7E1BCCFF',\n      coinGradientColor3: '#1BA1F1FF',\n      green: '#0F9E48FF',\n      lightGreen: '#13C65AFF',\n      orange: '#FF9400FF',\n      red: '#D0021BFF',\n      trendingBlue: '#216FDCFF',\n      white: '#FFFFFFFF',\n      default: '#1BA1F1FF',\n      special: '#1BA1F1FF'\n    }\n  },\n  dark: {\n    static: {\n      primary: '#B94CC2FF',\n      secondary: '#7E1BCCFF',\n      white: '#2F3348FF',\n      staticWhite: '#F6F8FCFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#924699FF',\n      p200: '#B356BBFF',\n      p300: '#D767E1FF',\n      p400: '#F479FFFF',\n      p500: '#F7A4FFFF',\n      default: '#D767E1FF',\n      primary: '#D767E1FF'\n    },\n    secondary: {\n      s100: '#9A66CAFF',\n      s200: '#B071E4FF',\n      s300: '#C67CFFFF',\n      s400: '#CF90FFFF',\n      s500: '#D7A3FFFF',\n      default: '#C67CFFFF',\n      secondary: '#C67CFFFF'\n    },\n    neutral: {\n      n25: '#30354AFF',\n      n50: '#353A51FF',\n      n100: '#3C425DFF',\n      n150: '#444B69FF',\n      n200: '#4F577AFF',\n      n300: '#656F9BFF',\n      n400: '#7B83A7FF',\n      n500: '#969BB6FF',\n      n600: '#A6AAC0FF',\n      n700: '#B6B9CBFF',\n      n800: '#C6C8D6FF',\n      n900: '#D6D7E1FF',\n      n950: '#E6E7EDFF',\n      default: '#C6C8D6FF',\n      neutral: '#C6C8D6FF'\n    },\n    special: {\n      aiGreen: '#1ECF7AFF',\n      background: '#202131FF',\n      blue: '#58B9F4FF',\n      darkRed: '#C43047FF',\n      glassOverlay: '#2F334899',\n      gradientStop1: '#9469EEFF',\n      gradientStop2: '#C781FCFF',\n      gradient: 'linear-gradient(315deg, #9469EEFF 0%, #C781FCFF 100%)',\n      coinGradient:\n        'linear-gradient(85deg, #D767E1FF -4.82%, #C67CFFFF 49.8%, #58B9F4FF 104.43%)',\n      coinGradientColor1: '#D767E1FF',\n      coinGradientColor2: '#C67CFFFF',\n      coinGradientColor3: '#58B9F4FF',\n      green: '#6CDF44FF',\n      lightGreen: '#15D864FF',\n      orange: '#EFA947FF',\n      red: '#F9344CFF',\n      trendingBlue: '#2A85E8FF',\n      white: '#2F3348FF',\n      default: '#58B9F4FF',\n      special: '#58B9F4FF'\n    }\n  },\n  matrix: {\n    static: {\n      primary: '#B94CC2FF',\n      secondary: '#7E1BCCFF',\n      white: '#020804FF',\n      staticWhite: '#F6F8FCFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#08A008FF',\n      p200: '#09B509FF',\n      p300: '#0BD90BFF',\n      p400: '#0BE40BFF',\n      p500: '#3DF23DFF',\n      default: '#0BD90BFF',\n      primary: '#0BD90BFF'\n    },\n    secondary: {\n      s100: '#00A73CFF',\n      s200: '#00BD44FF',\n      s300: '#00E252FF',\n      s400: '#00ED56FF',\n      s500: '#3CFB6BFF',\n      default: '#00E252FF',\n      secondary: '#00E252FF'\n    },\n    neutral: {\n      n25: '#010B06FF',\n      n50: '#041308FF',\n      n100: '#0A1F0DFF',\n      n150: '#0F2F15FF',\n      n200: '#123F1BFF',\n      n300: '#166527FF',\n      n400: '#1C8736FF',\n      n500: '#1F9E3FFF',\n      n600: '#2EB954FF',\n      n700: '#34D561FF',\n      n800: '#3EF56BFF',\n      n900: '#54FF80FF',\n      n950: '#9BFFA7FF',\n      default: '#3EF56BFF',\n      neutral: '#3EF56BFF'\n    },\n    special: {\n      aiGreen: '#1EEB57FF',\n      background: '#000000FF',\n      blue: '#20E290FF',\n      darkRed: '#D63C5AFF',\n      glassOverlay: '#01010199',\n      gradientStop1: '#6CDF44FF',\n      gradientStop2: '#13C65AFF',\n      gradient: 'linear-gradient(315deg, #6CDF44FF 0%, #13C65AFF 100%)',\n      coinGradient:\n        'linear-gradient(85deg, #0BD90BFF -4.82%, #00E252FF 49.8%, #20E290FF 104.43%)',\n      coinGradientColor1: '#0BD90BFF',\n      coinGradientColor2: '#00E252FF',\n      coinGradientColor3: '#20E290FF',\n      green: '#2EB954FF',\n      lightGreen: '#0BF90BFF',\n      orange: '#FFA524FF',\n      red: '#F9344CFF',\n      trendingBlue: '#1EEB6FFF',\n      white: '#020804FF',\n      default: '#20E290FF',\n      special: '#20E290FF'\n    }\n  }\n}\n\nexport type PrimitiveColors = typeof primitiveTheme.day\nexport type PrimaryColors = keyof PrimitiveColors['primary']\nexport type SecondaryColors = keyof PrimitiveColors['secondary']\nexport type NeutralColors = keyof PrimitiveColors['neutral']\nexport type SpecialColors = keyof PrimitiveColors['special']\nexport type StaticColors = keyof PrimitiveColors['static']\n"],"names":[],"mappings":"AAAa,IAAA,cAAc,GAAG;AAC5B,IAAA,GAAG,EAAE;AACH,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,SAAS,EAAE,WAAW;AACvB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,QAAQ,EAAE,uDAAuD;AACjE,YAAA,YAAY,EACV,8EAA8E;AAChF,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,SAAS,EAAE,WAAW;AACvB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,QAAQ,EAAE,uDAAuD;AACjE,YAAA,YAAY,EACV,8EAA8E;AAChF,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,SAAS,EAAE,WAAW;AACvB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,QAAQ,EAAE,uDAAuD;AACjE,YAAA,YAAY,EACV,8EAA8E;AAChF,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACF,KAAA;;;;;"}

package/dist/foundations/color/semantic.d.ts

@@ -15,6 +15,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -31,6 +32,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -44,6 +46,8 @@ export declare const semanticTheme: {
             surface2: string;
             white: string;
             primary: string;
+            gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -78,6 +82,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -94,6 +99,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -107,6 +113,8 @@ export declare const semanticTheme: {
             surface2: string;
             white: string;
             primary: string;
+            gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -141,6 +149,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -157,6 +166,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -170,6 +180,8 @@ export declare const semanticTheme: {
             surface2: string;
             white: string;
             primary: string;
+            gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {

package/dist/foundations/color/semantic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC,GAAG,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"AA6EA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC,GAAG,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA"}

package/dist/foundations/color/semantic.js

@@ -16,7 +16,8 @@ var createSemanticTheme = function (primitives) { return ({
         warning: primitives.special.orange,
         danger: primitives.special.red,
         premium: primitives.special.lightGreen,
-        special: primitives.special.blue
+        special: primitives.special.blue,
+        artistCoin: primitives.special.coinGradient
     },
     icon: {
         default: primitives.neutral.n800,
@@ -33,7 +34,8 @@ var createSemanticTheme = function (primitives) { return ({
         warning: primitives.special.orange,
         danger: primitives.special.red,
         premium: primitives.special.lightGreen,
-        special: primitives.special.blue
+        special: primitives.special.blue,
+        artistCoin: primitives.special.coinGradient
     },
     link: {
         default: primitives.neutral.n800,
@@ -47,6 +49,8 @@ var createSemanticTheme = function (primitives) { return ({
         surface2: primitives.neutral.n50,
         white: primitives.special.white,
         primary: primitives.primary.p300,
+        gradient: primitives.special.gradient,
+        artistCoin: primitives.special.coinGradient,
         // Legacy compatibility
         accent: primitives.secondary.s300
     },