@protonradio/proton-ui 0.11.10 → 0.11.12

package/dist/components/Waveform/Waveform.es.js

@@ -0,0 +1,163 @@
+import { j as l } from "../../node_modules/react/jsx-runtime.es.js";
+import { useRef as X, useState as g, useEffect as N, useMemo as F } from "react";
+import { useTheme as U } from "../ThemeProvider.es.js";
+/* empty css                */
+import { WaveformBar as q } from "./WaveformBar.es.js";
+import { csx as T } from "../../utils/string.es.js";
+const G = Y(100);
+function ne({
+  data: e,
+  resolution: t = 2,
+  startDuration: o,
+  endDuration: a,
+  currentTime: m = 0,
+  showTimestamps: _ = !1,
+  totalDuration: f,
+  disabled: u,
+  disabledMessage: v,
+  onClick: h,
+  "data-testid": p
+}) {
+  var I;
+  const { className: y } = U(), r = X(null), [x, $] = g([]), [W, b] = g(null), [A, z] = g(!1), [S, V] = g(!1), R = e || G, M = t;
+  N(() => {
+    if (!r.current) return;
+    const s = (i) => {
+      const d = Math.floor(i / (t + M)), j = K(R, d);
+      $(j);
+    }, n = r.current.clientWidth;
+    s(n);
+    const c = new ResizeObserver((i) => {
+      i && i[0] && s(i[0].contentRect.width);
+    });
+    return c.observe(r.current), () => c.disconnect();
+  }, [R, t, M]), N(() => {
+    const s = setTimeout(() => z(!0), 50), n = setTimeout(() => V(!0), 500);
+    return () => {
+      clearTimeout(s), clearTimeout(n);
+    };
+  }, []);
+  const H = (s) => {
+    if (!r.current) return;
+    const n = r.current.getBoundingClientRect(), i = (s.clientX - n.left) / n.width * f;
+    b(i);
+  }, O = () => {
+    b(null);
+  }, E = t + M, w = (s, n) => {
+    var d;
+    const c = s / f * 100;
+    return (n === "start" ? Math.floor(c / 100 * x.length) : Math.ceil(c / 100 * x.length)) * E / ((d = r.current) == null ? void 0 : d.clientWidth) * 100;
+  }, L = (I = r.current) == null ? void 0 : I.clientWidth, B = F(() => u && v ? v : e ? null : "Waveform Unavailable", [u, v, e]);
+  return /* @__PURE__ */ l.jsxs("div", { className: T("proton-Waveform", y), "data-testid": p, children: [
+    _ && /* @__PURE__ */ l.jsx(P, { direction: "left", seconds: m }),
+    /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        ref: r,
+        className: "proton-Waveform__container",
+        onMouseMove: H,
+        onMouseLeave: O,
+        onClick: (s) => {
+          if (!r.current || u) return;
+          const n = r.current.getBoundingClientRect(), i = (s.clientX - n.left) / n.width * f;
+          h == null || h(i, s);
+        },
+        "data-disabled": u,
+        "data-testid": "waveform-container",
+        children: [
+          o !== void 0 && a !== void 0 && /* @__PURE__ */ l.jsx(
+            "div",
+            {
+              className: "proton-Waveform__active-region",
+              style: {
+                left: r.current ? `calc(${w(o, "start")}%` : "0%",
+                right: r.current ? `calc(${100 - w(a, "end")}% - 2px)` : "0%"
+              }
+            }
+          ),
+          W !== null && /* @__PURE__ */ l.jsx(
+            "div",
+            {
+              className: "proton-Waveform__hover-line",
+              style: {
+                left: `${W / f * 100}%`
+              }
+            }
+          ),
+          x.map((s, n) => {
+            const c = n / x.length * f, i = o !== void 0 && a !== void 0 && (c < o || c > a), d = m === 0 ? !1 : c <= m, j = W !== null && c <= W;
+            return /* @__PURE__ */ l.jsx(
+              q,
+              {
+                amplitude: s,
+                isDisabled: u || i,
+                isPlayed: d,
+                isHovered: j,
+                isVisible: A,
+                hasAnimated: S,
+                resolution: t,
+                spacing: M,
+                index: n
+              },
+              n
+            );
+          })
+        ]
+      }
+    ),
+    B && /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        className: "proton-Waveform__bar-unavailable",
+        style: {
+          fontSize: L < 325 ? "0.85rem" : "1rem"
+        },
+        children: B
+      }
+    ),
+    _ && /* @__PURE__ */ l.jsx(P, { direction: "right", seconds: f })
+  ] });
+}
+function P({
+  direction: e,
+  seconds: t
+}) {
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: T(
+        "proton-Waveform__timestamp",
+        `proton-Waveform__timestamp--${e}`
+      ),
+      children: J(t)
+    }
+  );
+}
+function J(e) {
+  const t = Math.floor(e / 60), o = Math.floor(e % 60);
+  return `${t}:${o < 10 ? "0" : ""}${o.toFixed(0)}`;
+}
+function K(e, t) {
+  const o = e.length, a = o / t, m = new Array(t).fill(0).map((_, f) => {
+    const u = f * a, v = Math.floor(u), h = Math.min(v + 1, o - 1), p = u - v;
+    return e[v] * (1 - p) + e[h] * p;
+  });
+  return Q(m);
+}
+function Q(e) {
+  const t = Math.min(...e), o = Math.max(...e);
+  return e.map((a) => {
+    const m = (a - t) / (o - t);
+    return Math.max(m * 0.8 + 0.1, 0.1);
+  });
+}
+function Y(e) {
+  return Array.from({ length: e }, (t, o) => {
+    const m = o / (e - 1) * 6 * 2 * Math.PI - Math.PI / 2;
+    return Math.sin(m) * 0.5 + 0.5;
+  });
+}
+export {
+  ne as Waveform
+};
+//# sourceMappingURL=Waveform.es.js.map

package/dist/components/Waveform/Waveform.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Waveform.es.js","sources":["../../../src/components/Waveform/Waveform.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { csx } from \"../../utils\";\nimport { useTheme } from \"../ThemeProvider\";\nimport \"./Waveform.css\";\nimport { WaveformBar } from \"./WaveformBar\";\n\nexport interface WaveformProps {\n  /**\n   * Array of normalized amplitude values (0-1) representing the waveform.\n   * If not provided, uses a sample sine wave.\n   */\n  data?: number[];\n\n  /**\n   * Current playback position in seconds.\n   */\n  currentTime?: number;\n\n  /**\n   * Test ID for testing purposes.\n   */\n  \"data-testid\"?: string;\n\n  /**\n   * Whether the entire waveform is disabled.\n   */\n  disabled?: boolean;\n\n  /**\n   * Reason for the waveform being disabled.\n   */\n  disabledMessage?: string;\n\n  /**\n   * End time to display until in seconds.\n   */\n  endDuration?: number;\n\n  /**\n   * Click handler that receives the clicked position (0-1) and event.\n   */\n  onClick?: (position: number, e: React.MouseEvent<HTMLDivElement>) => void;\n\n  /**\n   * Width in pixels of each waveform bar.\n   */\n  resolution?: number;\n\n  /**\n   * Whether to show timestamp markers.\n   */\n  showTimestamps?: boolean;\n\n  /**\n   * Start time to display from in seconds.\n   */\n  startDuration?: number;\n\n  /**\n   * Total duration of the audio in seconds.\n   */\n  totalDuration: number;\n}\n\nconst sampleWaveform = generateSampleWaveformData(100);\n\n/**\n * A waveform visualization component that displays audio data with interactive features.\n *\n * API:\n *  - {@link WaveformProps}\n */\nexport function Waveform({\n  data: waveformData,\n  resolution = 2,\n  startDuration,\n  endDuration,\n  currentTime = 0,\n  showTimestamps = false,\n  totalDuration,\n  disabled,\n  disabledMessage,\n  onClick,\n  \"data-testid\": testId,\n}: WaveformProps) {\n  const { className } = useTheme();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [processedWaveform, setProcessedWaveform] = useState<number[]>([]);\n  const [hoverPosition, setHoverPosition] = useState<number | null>(null);\n  const [isVisible, setIsVisible] = useState(false);\n  const [hasAnimated, setHasAnimated] = useState(false);\n\n  const waveform = waveformData || sampleWaveform;\n\n  const spacing = resolution;\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const processWaveform = (width: number) => {\n      const numBars = Math.floor(width / (resolution + spacing));\n      const processed = resampleData(waveform, numBars);\n      setProcessedWaveform(processed);\n    };\n\n    const initialWidth = containerRef.current.clientWidth;\n    processWaveform(initialWidth);\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      if (entries && entries[0]) {\n        processWaveform(entries[0].contentRect.width);\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    return () => resizeObserver.disconnect();\n  }, [waveform, resolution, spacing]);\n\n  useEffect(() => {\n    const visibilityTimer = setTimeout(() => setIsVisible(true), 50);\n    const animationTimer = setTimeout(() => setHasAnimated(true), 500);\n\n    return () => {\n      clearTimeout(visibilityTimer);\n      clearTimeout(animationTimer);\n    };\n  }, []);\n\n  const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!containerRef.current) return;\n    const rect = containerRef.current.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const position = (x / rect.width) * totalDuration;\n    setHoverPosition(position);\n  };\n\n  const handleMouseLeave = () => {\n    setHoverPosition(null);\n  };\n\n  // Calculate the width of a single bar including spacing\n  const barTotalWidth = resolution + spacing;\n\n  // Find the nearest bar boundaries for start and end durations\n  const getBarPosition = (time: number, direction: \"start\" | \"end\") => {\n    const position = (time / totalDuration) * 100;\n    const barIndex =\n      direction === \"start\"\n        ? Math.floor((position / 100) * processedWaveform.length)\n        : Math.ceil((position / 100) * processedWaveform.length);\n\n    return (\n      ((barIndex * barTotalWidth) / containerRef.current?.clientWidth!) * 100\n    );\n  };\n\n  const containerWidth = containerRef.current?.clientWidth;\n  const waveformMessage = useMemo(() => {\n    if (disabled && disabledMessage) return disabledMessage;\n    if (!waveformData) return \"Waveform Unavailable\";\n\n    return null;\n  }, [disabled, disabledMessage, waveformData]);\n\n  return (\n    <div className={csx(\"proton-Waveform\", className)} data-testid={testId}>\n      {showTimestamps && (\n        <TimestampBlock direction=\"left\" seconds={currentTime} />\n      )}\n      <div\n        ref={containerRef}\n        className=\"proton-Waveform__container\"\n        onMouseMove={handleMouseMove}\n        onMouseLeave={handleMouseLeave}\n        onClick={(e) => {\n          if (!containerRef.current || disabled) return;\n          const rect = containerRef.current.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const position = (x / rect.width) * totalDuration;\n          onClick?.(position, e);\n        }}\n        data-disabled={disabled}\n        data-testid=\"waveform-container\"\n      >\n        {startDuration !== undefined && endDuration !== undefined && (\n          <div\n            className=\"proton-Waveform__active-region\"\n            style={{\n              left: containerRef.current\n                ? `calc(${getBarPosition(startDuration, \"start\")}%`\n                : \"0%\",\n              right: containerRef.current\n                ? `calc(${100 - getBarPosition(endDuration, \"end\")}% - 2px)`\n                : \"0%\",\n            }}\n          />\n        )}\n        {hoverPosition !== null && (\n          <div\n            className=\"proton-Waveform__hover-line\"\n            style={{\n              left: `${(hoverPosition / totalDuration) * 100}%`,\n            }}\n          />\n        )}\n        {processedWaveform.map((amplitude, index) => {\n          const position = (index / processedWaveform.length) * totalDuration;\n          const isBarOutsideActiveRegion =\n            startDuration !== undefined &&\n            endDuration !== undefined &&\n            (position < startDuration || position > endDuration);\n          const isPlayed = currentTime === 0 ? false : position <= currentTime;\n          const isHovered = hoverPosition !== null && position <= hoverPosition;\n\n          return (\n            <WaveformBar\n              key={index}\n              amplitude={amplitude}\n              isDisabled={disabled || isBarOutsideActiveRegion}\n              isPlayed={isPlayed}\n              isHovered={isHovered}\n              isVisible={isVisible}\n              hasAnimated={hasAnimated}\n              resolution={resolution}\n              spacing={spacing}\n              index={index}\n            />\n          );\n        })}\n      </div>\n\n      {waveformMessage && (\n        <div\n          className=\"proton-Waveform__bar-unavailable\"\n          style={{\n            fontSize: containerWidth < 325 ? \"0.85rem\" : \"1rem\",\n          }}\n        >\n          {waveformMessage}\n        </div>\n      )}\n\n      {showTimestamps && (\n        <TimestampBlock direction=\"right\" seconds={totalDuration} />\n      )}\n    </div>\n  );\n}\n\nfunction TimestampBlock({\n  direction,\n  seconds,\n}: {\n  direction: \"left\" | \"right\";\n  seconds: number;\n}) {\n  return (\n    <div\n      className={csx(\n        \"proton-Waveform__timestamp\",\n        `proton-Waveform__timestamp--${direction}`\n      )}\n    >\n      {formatTimestamp(seconds)}\n    </div>\n  );\n}\n\n/** Formats seconds into MM:SS timestamp string\n * @param {number} seconds - Number of seconds to format\n * @returns {string} Formatted timestamp string in MM:SS format\n */\n\nfunction formatTimestamp(seconds: number) {\n  const minutes = Math.floor(seconds / 60);\n  const remainingSeconds = Math.floor(seconds % 60);\n  return `${minutes}:${\n    remainingSeconds < 10 ? \"0\" : \"\"\n  }${remainingSeconds.toFixed(0)}`;\n}\n\n/** Takes an array of waveform data and rescales it to any length\n * @param {array} initialData - original waveform data\n * @param {number} finalArrayLength - How long do you want the returned array?\n * @param {number} height - Height of the waveform container\n */\n\nfunction resampleData(initialData: number[], finalArrayLength: number) {\n  const initialArrayLength = initialData.length;\n  // How many samples from the original data do we skip per new sample?\n  const step = initialArrayLength / finalArrayLength;\n\n  // Create new array with desired length\n  const resampledData = new Array(finalArrayLength)\n    .fill(0)\n    .map((_, newIndex) => {\n      // Calculate position in original array\n      const position = newIndex * step;\n      const leftIndex = Math.floor(position);\n      const rightIndex = Math.min(leftIndex + 1, initialArrayLength - 1);\n\n      // Calculate weights for interpolation\n      const fraction = position - leftIndex;\n\n      // Linear interpolation between adjacent samples\n      const newVal =\n        initialData[leftIndex] * (1 - fraction) +\n        initialData[rightIndex] * fraction;\n\n      return newVal;\n    });\n\n  return scaleData(resampledData);\n}\n\n/** Takes an array of waveform data and scales it based on the desired pixel height\n * @param {array} data – Array of waveform data\n * @param {number} height - Height of the waveform container\n */\nfunction scaleData(data: number[]) {\n  const min = Math.min(...data);\n  const max = Math.max(...data);\n\n  return data.map((item) => {\n    // Normalize to 0-1 range first\n    const normalized = (item - min) / (max - min);\n    // Then scale to desired height (using 0.1 as minimum to ensure visibility)\n    return Math.max(normalized * 0.8 + 0.1, 0.1);\n  });\n}\n\n/** Generates a sample sine wave waveform data array\n * @param {number} length - Length of the waveform data array\n * @returns {number[]} Array of normalized amplitude values (0-1) representing the waveform\n */\n\nfunction generateSampleWaveformData(length: number) {\n  return Array.from({ length }, (_, i) => {\n    const cycles = 6;\n    // Create 3 complete cycles (6π total) starting at -π/2 (trough)\n    const phase = (i / (length - 1)) * cycles * 2 * Math.PI - Math.PI / 2;\n    return Math.sin(phase) * 0.5 + 0.5;\n  });\n}\n"],"names":["sampleWaveform","generateSampleWaveformData","Waveform","waveformData","resolution","startDuration","endDuration","currentTime","showTimestamps","totalDuration","disabled","disabledMessage","onClick","testId","className","useTheme","containerRef","useRef","processedWaveform","setProcessedWaveform","useState","hoverPosition","setHoverPosition","isVisible","setIsVisible","hasAnimated","setHasAnimated","waveform","spacing","useEffect","processWaveform","width","numBars","processed","resampleData","initialWidth","resizeObserver","entries","visibilityTimer","animationTimer","handleMouseMove","e","rect","position","handleMouseLeave","barTotalWidth","getBarPosition","time","direction","_a","containerWidth","waveformMessage","useMemo","jsxs","csx","jsx","TimestampBlock","amplitude","index","isBarOutsideActiveRegion","isPlayed","isHovered","WaveformBar","seconds","formatTimestamp","minutes","remainingSeconds","initialData","finalArrayLength","initialArrayLength","step","resampledData","newIndex","leftIndex","rightIndex","fraction","scaleData","data","min","max","item","normalized","length","_","i","phase"],"mappings":"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"}

package/dist/components/Waveform/WaveformBar.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("../../utils/string.cjs.js");function x({amplitude:_,isDisabled:o,isPlayed:e,isHovered:p,isVisible:a,hasAnimated:m,resolution:v,spacing:i,index:s}){const t=a?`${Math.max(_*100,4)}%`:"0%";return r.jsxRuntimeExports.jsxs("div",{className:n.csx("proton-Waveform__bar-wrapper"),style:{width:`${v}px`,marginRight:`${i}px`},children:[r.jsxRuntimeExports.jsx("div",{className:n.csx("proton-Waveform__bar","proton-Waveform__bar--upper",o&&"proton-Waveform__bar--disabled",e&&"proton-Waveform__bar--played",a&&"proton-Waveform__bar--visible",m&&"proton-Waveform__bar--animated"),style:{"--target-height":`calc(${t} / 2)`,"--index":s}}),r.jsxRuntimeExports.jsx("div",{className:n.csx("proton-Waveform__bar","proton-Waveform__bar--lower",o&&"proton-Waveform__bar--disabled",e&&"proton-Waveform__bar--played",a&&"proton-Waveform__bar--visible",m&&"proton-Waveform__bar--animated"),style:{"--target-height":`calc(${t} / 2)`,"--index":s}}),p&&!o&&!e&&r.jsxRuntimeExports.jsx("div",{className:"proton-Waveform__bar--hover",style:{"--hover-height":t}})]})}exports.WaveformBar=x;
+//# sourceMappingURL=WaveformBar.cjs.js.map

package/dist/components/Waveform/WaveformBar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveformBar.cjs.js","sources":["../../../src/components/Waveform/WaveformBar.tsx"],"sourcesContent":["import { csx } from \"../../utils\";\n\ninterface WaveformBarProps {\n  amplitude: number;\n  isDisabled: boolean;\n  isPlayed: boolean;\n  isHovered: boolean;\n  isVisible: boolean;\n  hasAnimated: boolean;\n  resolution: number;\n  spacing: number;\n  index: number;\n}\n\nexport function WaveformBar({\n  amplitude,\n  isDisabled,\n  isPlayed,\n  isHovered,\n  isVisible,\n  hasAnimated,\n  resolution,\n  spacing,\n  index,\n}: WaveformBarProps) {\n  const barHeight = isVisible ? `${Math.max(amplitude * 100, 4)}%` : \"0%\";\n\n  return (\n    <div\n      className={csx(\"proton-Waveform__bar-wrapper\")}\n      style={{\n        width: `${resolution}px`,\n        marginRight: `${spacing}px`,\n      }}\n    >\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--upper\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--lower\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      {isHovered && !isDisabled && !isPlayed && (\n        <div\n          className=\"proton-Waveform__bar--hover\"\n          style={\n            {\n              \"--hover-height\": barHeight,\n            } as React.CSSProperties\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["WaveformBar","amplitude","isDisabled","isPlayed","isHovered","isVisible","hasAnimated","resolution","spacing","index","barHeight","jsxs","csx","jsx"],"mappings":"sLAcO,SAASA,EAAY,CAC1B,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,QAAAC,EACA,MAAAC,CACF,EAAqB,CACb,MAAAC,EAAYL,EAAY,GAAG,KAAK,IAAIJ,EAAY,IAAK,CAAC,CAAC,IAAM,KAGjE,OAAAU,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,MAAI,8BAA8B,EAC7C,MAAO,CACL,MAAO,GAAGL,CAAU,KACpB,YAAa,GAAGC,CAAO,IACzB,EAEA,SAAA,CAAAK,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,IACT,uBACA,8BACAV,GAAc,iCACdC,GAAY,+BACZE,GAAa,gCACbC,GAAe,gCACjB,EACA,MACE,CACE,kBAAmB,QAAQI,CAAS,QACpC,UAAWD,CACb,CAAA,CAEJ,EACAI,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,IACT,uBACA,8BACAV,GAAc,iCACdC,GAAY,+BACZE,GAAa,gCACbC,GAAe,gCACjB,EACA,MACE,CACE,kBAAmB,QAAQI,CAAS,QACpC,UAAWD,CACb,CAAA,CAEJ,EACCL,GAAa,CAACF,GAAc,CAACC,GAC5BU,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,8BACV,MACE,CACE,iBAAkBH,CACpB,CAAA,CAEJ,CAAA,CAAA,CAAA,CAIR"}

package/dist/components/Waveform/WaveformBar.es.js

@@ -0,0 +1,74 @@
+import { j as r } from "../../node_modules/react/jsx-runtime.es.js";
+import { csx as _ } from "../../utils/string.es.js";
+function c({
+  amplitude: n,
+  isDisabled: o,
+  isPlayed: a,
+  isHovered: v,
+  isVisible: e,
+  hasAnimated: m,
+  resolution: f,
+  spacing: b,
+  index: p
+}) {
+  const t = e ? `${Math.max(n * 100, 4)}%` : "0%";
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: _("proton-Waveform__bar-wrapper"),
+      style: {
+        width: `${f}px`,
+        marginRight: `${b}px`
+      },
+      children: [
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: _(
+              "proton-Waveform__bar",
+              "proton-Waveform__bar--upper",
+              o && "proton-Waveform__bar--disabled",
+              a && "proton-Waveform__bar--played",
+              e && "proton-Waveform__bar--visible",
+              m && "proton-Waveform__bar--animated"
+            ),
+            style: {
+              "--target-height": `calc(${t} / 2)`,
+              "--index": p
+            }
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: _(
+              "proton-Waveform__bar",
+              "proton-Waveform__bar--lower",
+              o && "proton-Waveform__bar--disabled",
+              a && "proton-Waveform__bar--played",
+              e && "proton-Waveform__bar--visible",
+              m && "proton-Waveform__bar--animated"
+            ),
+            style: {
+              "--target-height": `calc(${t} / 2)`,
+              "--index": p
+            }
+          }
+        ),
+        v && !o && !a && /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: "proton-Waveform__bar--hover",
+            style: {
+              "--hover-height": t
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  c as WaveformBar
+};
+//# sourceMappingURL=WaveformBar.es.js.map

package/dist/components/Waveform/WaveformBar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveformBar.es.js","sources":["../../../src/components/Waveform/WaveformBar.tsx"],"sourcesContent":["import { csx } from \"../../utils\";\n\ninterface WaveformBarProps {\n  amplitude: number;\n  isDisabled: boolean;\n  isPlayed: boolean;\n  isHovered: boolean;\n  isVisible: boolean;\n  hasAnimated: boolean;\n  resolution: number;\n  spacing: number;\n  index: number;\n}\n\nexport function WaveformBar({\n  amplitude,\n  isDisabled,\n  isPlayed,\n  isHovered,\n  isVisible,\n  hasAnimated,\n  resolution,\n  spacing,\n  index,\n}: WaveformBarProps) {\n  const barHeight = isVisible ? `${Math.max(amplitude * 100, 4)}%` : \"0%\";\n\n  return (\n    <div\n      className={csx(\"proton-Waveform__bar-wrapper\")}\n      style={{\n        width: `${resolution}px`,\n        marginRight: `${spacing}px`,\n      }}\n    >\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--upper\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--lower\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      {isHovered && !isDisabled && !isPlayed && (\n        <div\n          className=\"proton-Waveform__bar--hover\"\n          style={\n            {\n              \"--hover-height\": barHeight,\n            } as React.CSSProperties\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["WaveformBar","amplitude","isDisabled","isPlayed","isHovered","isVisible","hasAnimated","resolution","spacing","index","barHeight","jsxs","csx","jsx"],"mappings":";;AAcO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACF,GAAqB;AACb,QAAAC,IAAYL,IAAY,GAAG,KAAK,IAAIJ,IAAY,KAAK,CAAC,CAAC,MAAM;AAGjE,SAAAU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAI,8BAA8B;AAAA,MAC7C,OAAO;AAAA,QACL,OAAO,GAAGL,CAAU;AAAA,QACpB,aAAa,GAAGC,CAAO;AAAA,MACzB;AAAA,MAEA,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,cACAV,KAAc;AAAA,cACdC,KAAY;AAAA,cACZE,KAAa;AAAA,cACbC,KAAe;AAAA,YACjB;AAAA,YACA,OACE;AAAA,cACE,mBAAmB,QAAQI,CAAS;AAAA,cACpC,WAAWD;AAAA,YACb;AAAA,UAAA;AAAA,QAEJ;AAAA,QACAI,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,cACAV,KAAc;AAAA,cACdC,KAAY;AAAA,cACZE,KAAa;AAAA,cACbC,KAAe;AAAA,YACjB;AAAA,YACA,OACE;AAAA,cACE,mBAAmB,QAAQI,CAAS;AAAA,cACpC,WAAWD;AAAA,YACb;AAAA,UAAA;AAAA,QAEJ;AAAA,QACCL,KAAa,CAACF,KAAc,CAACC,KAC5BU,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OACE;AAAA,cACE,kBAAkBH;AAAA,YACpB;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/constants/breakpoint.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={SMALL:576,MEDIUM:768,LARGE:992,X_LARGE:1200};exports.BREAKPOINTS=e;
+//# sourceMappingURL=breakpoint.cjs.js.map

package/dist/constants/breakpoint.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.cjs.js","sources":["../../src/constants/breakpoint.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  SMALL: 576,\n  MEDIUM: 768,\n  LARGE: 992,\n  X_LARGE: 1200,\n};\n\nexport type Breakpoint = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];\n"],"names":["BREAKPOINTS"],"mappings":"gFAAO,MAAMA,EAAc,CACzB,MAAO,IACP,OAAQ,IACR,MAAO,IACP,QAAS,IACX"}

package/dist/{breakpoint-9y1_8U_b.mjs → constants/breakpoint.es.js}

@@ -5,6 +5,6 @@ const A = {
   X_LARGE: 1200
 };
 export {
-  A as B
+  A as BREAKPOINTS
 };
-//# sourceMappingURL=breakpoint-9y1_8U_b.mjs.map
+//# sourceMappingURL=breakpoint.es.js.map

package/dist/constants/breakpoint.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.es.js","sources":["../../src/constants/breakpoint.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  SMALL: 576,\n  MEDIUM: 768,\n  LARGE: 992,\n  X_LARGE: 1200,\n};\n\nexport type Breakpoint = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];\n"],"names":["BREAKPOINTS"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACX;"}

package/dist/constants/placement.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["bottom","bottom left","bottom right","bottom start","bottom end","top","top left","top right","top start","top end","left","left top","left bottom","start","start top","start bottom","right","right top","right bottom","end","end top","end bottom"];exports.placements=t;
+//# sourceMappingURL=placement.cjs.js.map

package/dist/constants/placement.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.cjs.js","sources":["../../src/constants/placement.ts"],"sourcesContent":["import { Placement } from \"react-aria\";\n\nexport const placements: Placement[] = [\n  \"bottom\",\n  \"bottom left\",\n  \"bottom right\",\n  \"bottom start\",\n  \"bottom end\",\n  \"top\",\n  \"top left\",\n  \"top right\",\n  \"top start\",\n  \"top end\",\n  \"left\",\n  \"left top\",\n  \"left bottom\",\n  \"start\",\n  \"start top\",\n  \"start bottom\",\n  \"right\",\n  \"right top\",\n  \"right bottom\",\n  \"end\",\n  \"end top\",\n  \"end bottom\",\n];\n"],"names":["placements"],"mappings":"gFAEO,MAAMA,EAA0B,CACrC,SACA,cACA,eACA,eACA,aACA,MACA,WACA,YACA,YACA,UACA,OACA,WACA,cACA,QACA,YACA,eACA,QACA,YACA,eACA,MACA,UACA,YACF"}

package/dist/constants/placement.es.js

@@ -0,0 +1,28 @@
+const t = [
+  "bottom",
+  "bottom left",
+  "bottom right",
+  "bottom start",
+  "bottom end",
+  "top",
+  "top left",
+  "top right",
+  "top start",
+  "top end",
+  "left",
+  "left top",
+  "left bottom",
+  "start",
+  "start top",
+  "start bottom",
+  "right",
+  "right top",
+  "right bottom",
+  "end",
+  "end top",
+  "end bottom"
+];
+export {
+  t as placements
+};
+//# sourceMappingURL=placement.es.js.map

package/dist/constants/placement.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.es.js","sources":["../../src/constants/placement.ts"],"sourcesContent":["import { Placement } from \"react-aria\";\n\nexport const placements: Placement[] = [\n  \"bottom\",\n  \"bottom left\",\n  \"bottom right\",\n  \"bottom start\",\n  \"bottom end\",\n  \"top\",\n  \"top left\",\n  \"top right\",\n  \"top start\",\n  \"top end\",\n  \"left\",\n  \"left top\",\n  \"left bottom\",\n  \"start\",\n  \"start top\",\n  \"start bottom\",\n  \"right\",\n  \"right top\",\n  \"right bottom\",\n  \"end\",\n  \"end top\",\n  \"end bottom\",\n];\n"],"names":["placements"],"mappings":"AAEO,MAAMA,IAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/constants.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./breakpoint-DtqbboOa.js"),o=["bottom","bottom left","bottom right","bottom start","bottom end","top","top left","top right","top start","top end","left","left top","left bottom","start","start top","start bottom","right","right top","right bottom","end","end top","end bottom"];exports.BREAKPOINTS=t.BREAKPOINTS;exports.placements=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants/breakpoint.cjs.js"),t=require("./constants/placement.cjs.js");exports.BREAKPOINTS=e.BREAKPOINTS;exports.placements=t.placements;
 //# sourceMappingURL=constants.cjs.js.map

package/dist/constants.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs.js","sources":["../src/constants/placement.ts"],"sourcesContent":["import { Placement } from \"react-aria\";\n\nexport const placements: Placement[] = [\n  \"bottom\",\n  \"bottom left\",\n  \"bottom right\",\n  \"bottom start\",\n  \"bottom end\",\n  \"top\",\n  \"top left\",\n  \"top right\",\n  \"top start\",\n  \"top end\",\n  \"left\",\n  \"left top\",\n  \"left bottom\",\n  \"start\",\n  \"start top\",\n  \"start bottom\",\n  \"right\",\n  \"right top\",\n  \"right bottom\",\n  \"end\",\n  \"end top\",\n  \"end bottom\",\n];\n"],"names":["placements"],"mappings":"4HAEaA,EAA0B,CACrC,SACA,cACA,eACA,eACA,aACA,MACA,WACA,YACA,YACA,UACA,OACA,WACA,cACA,QACA,YACA,eACA,QACA,YACA,eACA,MACA,UACA,YACF"}
+{"version":3,"file":"constants.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/constants.es.js

@@ -1,30 +1,7 @@
-import { B as r } from "./breakpoint-9y1_8U_b.mjs";
-const t = [
-  "bottom",
-  "bottom left",
-  "bottom right",
-  "bottom start",
-  "bottom end",
-  "top",
-  "top left",
-  "top right",
-  "top start",
-  "top end",
-  "left",
-  "left top",
-  "left bottom",
-  "start",
-  "start top",
-  "start bottom",
-  "right",
-  "right top",
-  "right bottom",
-  "end",
-  "end top",
-  "end bottom"
-];
+import { BREAKPOINTS as r } from "./constants/breakpoint.es.js";
+import { placements as p } from "./constants/placement.es.js";
 export {
   r as BREAKPOINTS,
-  t as placements
+  p as placements
 };
 //# sourceMappingURL=constants.es.js.map

package/dist/constants.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.es.js","sources":["../src/constants/placement.ts"],"sourcesContent":["import { Placement } from \"react-aria\";\n\nexport const placements: Placement[] = [\n  \"bottom\",\n  \"bottom left\",\n  \"bottom right\",\n  \"bottom start\",\n  \"bottom end\",\n  \"top\",\n  \"top left\",\n  \"top right\",\n  \"top start\",\n  \"top end\",\n  \"left\",\n  \"left top\",\n  \"left bottom\",\n  \"start\",\n  \"start top\",\n  \"start bottom\",\n  \"right\",\n  \"right top\",\n  \"right bottom\",\n  \"end\",\n  \"end top\",\n  \"end bottom\",\n];\n"],"names":["placements"],"mappings":";AAEO,MAAMA,IAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"constants.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/dark.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./colors-CebzFjpe.js"),_=require("./color2k-DCgwXUem.js"),o=require("./colors-CmSJBHaf.js"),A={"--proton-control__background-color":r.DARK_GRAYSCALE.DARK,"--proton-control__background-color-light":r.ELEVATION,"--proton-control__text-color":r.DARK_GRAYSCALE.WHITE,"--proton-control__title-color":"#FFFFFF","--proton-control__border-color":r.BORDER,"--proton-control__hover-color":r.DARK_GRAYSCALE.MEDIUM,"--proton-control__shadow-color":_.transparentize(r.DARK_GRAYSCALE.LIGHTEST,.5),"--proton-control__border-radius":"4px","--proton-control__interactive-color":o.BRAND.PRIMARY_LIGHT,"--proton-color__primary":o.BRAND.PRIMARY,"--proton-color__primary-light":o.BRAND.PRIMARY_LIGHT,"--proton-color__primary-super-light":o.BRAND.PRIMARY_SUPER_LIGHT,"--proton-color__secondary":o.BRAND.SECONDARY,"--proton-color__secondary-light":o.BRAND.SECONDARY_LIGHT,"--proton-color__secondary-super-light":o.BRAND.SECONDARY_SUPER_LIGHT,"--proton-color__danger-super-dark":o.DANGER.SUPER_DARK,"--proton-color__danger-dark":o.DANGER.DARK,"--proton-color__danger-medium":o.DANGER.MEDIUM,"--proton-color__danger-light":o.DANGER.LIGHT,"--proton-color__danger-super-light":o.DANGER.SUPER_LIGHT,"--proton-color__warning-dark":o.WARNING.DARK,"--proton-color__warning-medium":o.WARNING.MEDIUM,"--proton-color__warning-light":o.WARNING.LIGHT,"--proton-color__warning-super-light":o.WARNING.SUPER_LIGHT,"--proton-color__success-dark":o.SUCCESS.DARK,"--proton-color__success-medium":o.SUCCESS.MEDIUM,"--proton-color__success-light":o.SUCCESS.LIGHT,"--proton-color__success-super-light":o.SUCCESS.SUPER_LIGHT,"--proton-color__gray-super-dark":r.DARK_GRAYSCALE.SUPER_DARK,"--proton-color__gray-dark":r.DARK_GRAYSCALE.DARK,"--proton-color__gray-medium":r.DARK_GRAYSCALE.MEDIUM,"--proton-color__gray-medium-light":r.DARK_GRAYSCALE.MEDIUM_LIGHT,"--proton-color__gray-light":r.DARK_GRAYSCALE.LIGHT,"--proton-color__gray-lightest":r.DARK_GRAYSCALE.LIGHTEST,"--proton-color__gray-super-light":r.DARK_GRAYSCALE.SUPER_LIGHT,"--proton-color__white":r.DARK_GRAYSCALE.WHITE};exports.DARK_BORDER=r.BORDER;exports.DARK_ELEVATION=r.ELEVATION;exports.DARK_GRAYSCALE=r.DARK_GRAYSCALE;exports.DARK_PALETTE=r.DARK_PALETTE;exports.DARK_SECONDARY=r.DARK_SECONDARY;exports.DARK_STYLESHEET=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./design/darkTheme/colors.cjs.js"),E=require("./design/darkTheme/stylesheet.cjs.js");exports.DARK_BORDER=A.BORDER;exports.DARK_ELEVATION=A.ELEVATION;exports.DARK_GRAYSCALE=A.DARK_GRAYSCALE;exports.DARK_PALETTE=A.DARK_PALETTE;exports.DARK_SECONDARY=A.DARK_SECONDARY;exports.DARK_STYLESHEET=E.DARK_STYLESHEET;
 //# sourceMappingURL=dark.cjs.js.map

package/dist/dark.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"dark.cjs.js","sources":["../src/design/darkTheme/stylesheet.ts"],"sourcesContent":["import { transparentize } from \"../../utils/color2k\";\nimport { BORDER, DARK_GRAYSCALE, ELEVATION } from \"./colors\";\nimport { DANGER, WARNING, SUCCESS, BRAND } from \"../colors\";\nimport type { ProtonStyleSheet } from \"../types\";\n\nexport const DARK_STYLESHEET: ProtonStyleSheet = {\n  // Control/component colors\n  \"--proton-control__background-color\": DARK_GRAYSCALE.DARK,\n  \"--proton-control__background-color-light\": ELEVATION,\n  \"--proton-control__text-color\": DARK_GRAYSCALE.WHITE,\n  \"--proton-control__title-color\": \"#FFFFFF\",\n  \"--proton-control__border-color\": BORDER,\n  \"--proton-control__hover-color\": DARK_GRAYSCALE.MEDIUM,\n  \"--proton-control__shadow-color\": transparentize(\n    DARK_GRAYSCALE.LIGHTEST,\n    0.5\n  ),\n  \"--proton-control__border-radius\": \"4px\",\n  \"--proton-control__interactive-color\": BRAND.PRIMARY_LIGHT,\n\n  // Brand colors\n  \"--proton-color__primary\": BRAND.PRIMARY,\n  \"--proton-color__primary-light\": BRAND.PRIMARY_LIGHT,\n  \"--proton-color__primary-super-light\": BRAND.PRIMARY_SUPER_LIGHT,\n  \"--proton-color__secondary\": BRAND.SECONDARY,\n  \"--proton-color__secondary-light\": BRAND.SECONDARY_LIGHT,\n  \"--proton-color__secondary-super-light\": BRAND.SECONDARY_SUPER_LIGHT,\n\n  // Semantic colors\n  \"--proton-color__danger-super-dark\": DANGER.SUPER_DARK,\n  \"--proton-color__danger-dark\": DANGER.DARK,\n  \"--proton-color__danger-medium\": DANGER.MEDIUM,\n  \"--proton-color__danger-light\": DANGER.LIGHT,\n  \"--proton-color__danger-super-light\": DANGER.SUPER_LIGHT,\n  \"--proton-color__warning-dark\": WARNING.DARK,\n  \"--proton-color__warning-medium\": WARNING.MEDIUM,\n  \"--proton-color__warning-light\": WARNING.LIGHT,\n  \"--proton-color__warning-super-light\": WARNING.SUPER_LIGHT,\n  \"--proton-color__success-dark\": SUCCESS.DARK,\n  \"--proton-color__success-medium\": SUCCESS.MEDIUM,\n  \"--proton-color__success-light\": SUCCESS.LIGHT,\n  \"--proton-color__success-super-light\": SUCCESS.SUPER_LIGHT,\n\n  // Grayscale colors\n  \"--proton-color__gray-super-dark\": DARK_GRAYSCALE.SUPER_DARK,\n  \"--proton-color__gray-dark\": DARK_GRAYSCALE.DARK,\n  \"--proton-color__gray-medium\": DARK_GRAYSCALE.MEDIUM,\n  \"--proton-color__gray-medium-light\": DARK_GRAYSCALE.MEDIUM_LIGHT,\n  \"--proton-color__gray-light\": DARK_GRAYSCALE.LIGHT,\n  \"--proton-color__gray-lightest\": DARK_GRAYSCALE.LIGHTEST,\n  \"--proton-color__gray-super-light\": DARK_GRAYSCALE.SUPER_LIGHT,\n  \"--proton-color__white\": DARK_GRAYSCALE.WHITE,\n};\n"],"names":["DARK_STYLESHEET","DARK_GRAYSCALE","ELEVATION","BORDER","transparentize","BRAND","DANGER","WARNING","SUCCESS"],"mappings":"6LAKaA,EAAoC,CAE/C,qCAAsCC,EAAe,eAAA,KACrD,2CAA4CC,EAAA,UAC5C,+BAAgCD,EAAe,eAAA,MAC/C,gCAAiC,UACjC,iCAAkCE,EAAA,OAClC,gCAAiCF,EAAe,eAAA,OAChD,iCAAkCG,EAAA,eAChCH,EAAAA,eAAe,SACf,EACF,EACA,kCAAmC,MACnC,sCAAuCI,EAAM,MAAA,cAG7C,0BAA2BA,EAAM,MAAA,QACjC,gCAAiCA,EAAM,MAAA,cACvC,sCAAuCA,EAAM,MAAA,oBAC7C,4BAA6BA,EAAM,MAAA,UACnC,kCAAmCA,EAAM,MAAA,gBACzC,wCAAyCA,EAAM,MAAA,sBAG/C,oCAAqCC,EAAO,OAAA,WAC5C,8BAA+BA,EAAO,OAAA,KACtC,gCAAiCA,EAAO,OAAA,OACxC,+BAAgCA,EAAO,OAAA,MACvC,qCAAsCA,EAAO,OAAA,YAC7C,+BAAgCC,EAAQ,QAAA,KACxC,iCAAkCA,EAAQ,QAAA,OAC1C,gCAAiCA,EAAQ,QAAA,MACzC,sCAAuCA,EAAQ,QAAA,YAC/C,+BAAgCC,EAAQ,QAAA,KACxC,iCAAkCA,EAAQ,QAAA,OAC1C,gCAAiCA,EAAQ,QAAA,MACzC,sCAAuCA,EAAQ,QAAA,YAG/C,kCAAmCP,EAAe,eAAA,WAClD,4BAA6BA,EAAe,eAAA,KAC5C,8BAA+BA,EAAe,eAAA,OAC9C,oCAAqCA,EAAe,eAAA,aACpD,6BAA8BA,EAAe,eAAA,MAC7C,gCAAiCA,EAAe,eAAA,SAChD,mCAAoCA,EAAe,eAAA,YACnD,wBAAyBA,EAAe,eAAA,KAC1C"}
+{"version":3,"file":"dark.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dark.es.js

@@ -1,58 +1,11 @@
-import { a as o, E as l, B as c } from "./colors-Ceyo4oCJ.mjs";
-import { D as g, b as I } from "./colors-Ceyo4oCJ.mjs";
-import { t as p } from "./color2k-CpDB_dpw.mjs";
-import { a as r, D as _, W as t, S as n } from "./colors-CWaj9dFz.mjs";
-const e = {
-  // Control/component colors
-  "--proton-control__background-color": o.DARK,
-  "--proton-control__background-color-light": l,
-  "--proton-control__text-color": o.WHITE,
-  "--proton-control__title-color": "#FFFFFF",
-  "--proton-control__border-color": c,
-  "--proton-control__hover-color": o.MEDIUM,
-  "--proton-control__shadow-color": p(
-    o.LIGHTEST,
-    0.5
-  ),
-  "--proton-control__border-radius": "4px",
-  "--proton-control__interactive-color": r.PRIMARY_LIGHT,
-  // Brand colors
-  "--proton-color__primary": r.PRIMARY,
-  "--proton-color__primary-light": r.PRIMARY_LIGHT,
-  "--proton-color__primary-super-light": r.PRIMARY_SUPER_LIGHT,
-  "--proton-color__secondary": r.SECONDARY,
-  "--proton-color__secondary-light": r.SECONDARY_LIGHT,
-  "--proton-color__secondary-super-light": r.SECONDARY_SUPER_LIGHT,
-  // Semantic colors
-  "--proton-color__danger-super-dark": _.SUPER_DARK,
-  "--proton-color__danger-dark": _.DARK,
-  "--proton-color__danger-medium": _.MEDIUM,
-  "--proton-color__danger-light": _.LIGHT,
-  "--proton-color__danger-super-light": _.SUPER_LIGHT,
-  "--proton-color__warning-dark": t.DARK,
-  "--proton-color__warning-medium": t.MEDIUM,
-  "--proton-color__warning-light": t.LIGHT,
-  "--proton-color__warning-super-light": t.SUPER_LIGHT,
-  "--proton-color__success-dark": n.DARK,
-  "--proton-color__success-medium": n.MEDIUM,
-  "--proton-color__success-light": n.LIGHT,
-  "--proton-color__success-super-light": n.SUPER_LIGHT,
-  // Grayscale colors
-  "--proton-color__gray-super-dark": o.SUPER_DARK,
-  "--proton-color__gray-dark": o.DARK,
-  "--proton-color__gray-medium": o.MEDIUM,
-  "--proton-color__gray-medium-light": o.MEDIUM_LIGHT,
-  "--proton-color__gray-light": o.LIGHT,
-  "--proton-color__gray-lightest": o.LIGHTEST,
-  "--proton-color__gray-super-light": o.SUPER_LIGHT,
-  "--proton-color__white": o.WHITE
-};
+import { BORDER as R, ELEVATION as D, DARK_GRAYSCALE as K, DARK_PALETTE as T, DARK_SECONDARY as _ } from "./design/darkTheme/colors.es.js";
+import { DARK_STYLESHEET as O } from "./design/darkTheme/stylesheet.es.js";
 export {
-  c as DARK_BORDER,
-  l as DARK_ELEVATION,
-  o as DARK_GRAYSCALE,
-  g as DARK_PALETTE,
-  I as DARK_SECONDARY,
-  e as DARK_STYLESHEET
+  R as DARK_BORDER,
+  D as DARK_ELEVATION,
+  K as DARK_GRAYSCALE,
+  T as DARK_PALETTE,
+  _ as DARK_SECONDARY,
+  O as DARK_STYLESHEET
 };
 //# sourceMappingURL=dark.es.js.map

package/dist/dark.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dark.es.js","sources":["../src/design/darkTheme/stylesheet.ts"],"sourcesContent":["import { transparentize } from \"../../utils/color2k\";\nimport { BORDER, DARK_GRAYSCALE, ELEVATION } from \"./colors\";\nimport { DANGER, WARNING, SUCCESS, BRAND } from \"../colors\";\nimport type { ProtonStyleSheet } from \"../types\";\n\nexport const DARK_STYLESHEET: ProtonStyleSheet = {\n  // Control/component colors\n  \"--proton-control__background-color\": DARK_GRAYSCALE.DARK,\n  \"--proton-control__background-color-light\": ELEVATION,\n  \"--proton-control__text-color\": DARK_GRAYSCALE.WHITE,\n  \"--proton-control__title-color\": \"#FFFFFF\",\n  \"--proton-control__border-color\": BORDER,\n  \"--proton-control__hover-color\": DARK_GRAYSCALE.MEDIUM,\n  \"--proton-control__shadow-color\": transparentize(\n    DARK_GRAYSCALE.LIGHTEST,\n    0.5\n  ),\n  \"--proton-control__border-radius\": \"4px\",\n  \"--proton-control__interactive-color\": BRAND.PRIMARY_LIGHT,\n\n  // Brand colors\n  \"--proton-color__primary\": BRAND.PRIMARY,\n  \"--proton-color__primary-light\": BRAND.PRIMARY_LIGHT,\n  \"--proton-color__primary-super-light\": BRAND.PRIMARY_SUPER_LIGHT,\n  \"--proton-color__secondary\": BRAND.SECONDARY,\n  \"--proton-color__secondary-light\": BRAND.SECONDARY_LIGHT,\n  \"--proton-color__secondary-super-light\": BRAND.SECONDARY_SUPER_LIGHT,\n\n  // Semantic colors\n  \"--proton-color__danger-super-dark\": DANGER.SUPER_DARK,\n  \"--proton-color__danger-dark\": DANGER.DARK,\n  \"--proton-color__danger-medium\": DANGER.MEDIUM,\n  \"--proton-color__danger-light\": DANGER.LIGHT,\n  \"--proton-color__danger-super-light\": DANGER.SUPER_LIGHT,\n  \"--proton-color__warning-dark\": WARNING.DARK,\n  \"--proton-color__warning-medium\": WARNING.MEDIUM,\n  \"--proton-color__warning-light\": WARNING.LIGHT,\n  \"--proton-color__warning-super-light\": WARNING.SUPER_LIGHT,\n  \"--proton-color__success-dark\": SUCCESS.DARK,\n  \"--proton-color__success-medium\": SUCCESS.MEDIUM,\n  \"--proton-color__success-light\": SUCCESS.LIGHT,\n  \"--proton-color__success-super-light\": SUCCESS.SUPER_LIGHT,\n\n  // Grayscale colors\n  \"--proton-color__gray-super-dark\": DARK_GRAYSCALE.SUPER_DARK,\n  \"--proton-color__gray-dark\": DARK_GRAYSCALE.DARK,\n  \"--proton-color__gray-medium\": DARK_GRAYSCALE.MEDIUM,\n  \"--proton-color__gray-medium-light\": DARK_GRAYSCALE.MEDIUM_LIGHT,\n  \"--proton-color__gray-light\": DARK_GRAYSCALE.LIGHT,\n  \"--proton-color__gray-lightest\": DARK_GRAYSCALE.LIGHTEST,\n  \"--proton-color__gray-super-light\": DARK_GRAYSCALE.SUPER_LIGHT,\n  \"--proton-color__white\": DARK_GRAYSCALE.WHITE,\n};\n"],"names":["DARK_STYLESHEET","DARK_GRAYSCALE","ELEVATION","BORDER","transparentize","BRAND","DANGER","WARNING","SUCCESS"],"mappings":";;;;AAKO,MAAMA,IAAoC;AAAA;AAAA,EAE/C,sCAAsCC,EAAe;AAAA,EACrD,4CAA4CC;AAAA,EAC5C,gCAAgCD,EAAe;AAAA,EAC/C,iCAAiC;AAAA,EACjC,kCAAkCE;AAAA,EAClC,iCAAiCF,EAAe;AAAA,EAChD,kCAAkCG;AAAA,IAChCH,EAAe;AAAA,IACf;AAAA,EACF;AAAA,EACA,mCAAmC;AAAA,EACnC,uCAAuCI,EAAM;AAAA;AAAA,EAG7C,2BAA2BA,EAAM;AAAA,EACjC,iCAAiCA,EAAM;AAAA,EACvC,uCAAuCA,EAAM;AAAA,EAC7C,6BAA6BA,EAAM;AAAA,EACnC,mCAAmCA,EAAM;AAAA,EACzC,yCAAyCA,EAAM;AAAA;AAAA,EAG/C,qCAAqCC,EAAO;AAAA,EAC5C,+BAA+BA,EAAO;AAAA,EACtC,iCAAiCA,EAAO;AAAA,EACxC,gCAAgCA,EAAO;AAAA,EACvC,sCAAsCA,EAAO;AAAA,EAC7C,gCAAgCC,EAAQ;AAAA,EACxC,kCAAkCA,EAAQ;AAAA,EAC1C,iCAAiCA,EAAQ;AAAA,EACzC,uCAAuCA,EAAQ;AAAA,EAC/C,gCAAgCC,EAAQ;AAAA,EACxC,kCAAkCA,EAAQ;AAAA,EAC1C,iCAAiCA,EAAQ;AAAA,EACzC,uCAAuCA,EAAQ;AAAA;AAAA,EAG/C,mCAAmCP,EAAe;AAAA,EAClD,6BAA6BA,EAAe;AAAA,EAC5C,+BAA+BA,EAAe;AAAA,EAC9C,qCAAqCA,EAAe;AAAA,EACpD,8BAA8BA,EAAe;AAAA,EAC7C,iCAAiCA,EAAe;AAAA,EAChD,oCAAoCA,EAAe;AAAA,EACnD,yBAAyBA,EAAe;AAC1C;"}
+{"version":3,"file":"dark.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/design/colors.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R={BLACK:"#121212",WHITE:"#FFFFFF"},I={PRIMARY:"#E26014",PRIMARY_LIGHT:"#FBE5D7",PRIMARY_SUPER_LIGHT:"#FFF7F0",SECONDARY:"#2a9edb",SECONDARY_LIGHT:"#b5d9ff",SECONDARY_SUPER_LIGHT:"#d9e7fa"},A={SUPER_DARK:"#2d1304",DARK:"#5a2608",MEDIUM:"#883a0c",MEDIUM_LIGHT:"#b54d10",LIGHT:"#e88043",LIGHTEST:"#eea072",SUPER_LIGHT:"#f9dfd0",WHITE:"#fcfbfa"},E={SUPER_DARK:"#991b1b",DARK:"#a80724",MEDIUM:"#e23f5c",LIGHT:"#f16880",SUPER_LIGHT:"#ffe1e1"},S={DARK:"#8b5600",MEDIUM:"#b37208",LIGHT:"#ffac23",SUPER_LIGHT:"#fff0c9"},D={DARK:"#247800",MEDIUM:"#339a07",LIGHT:"#66cf39",SUPER_LIGHT:"#deffd1"};exports.BACKGROUNDS=R;exports.BRAND=I;exports.BRAND_PRIMARY_SCALE=A;exports.DANGER=E;exports.SUCCESS=D;exports.WARNING=S;
+//# sourceMappingURL=colors.cjs.js.map

package/dist/design/colors.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.cjs.js","sources":["../../src/design/colors.ts"],"sourcesContent":["import { ProtonColorScale, ProtonPalette } from \"./types\";\n\n/* Base Colors */\n\nexport const BACKGROUNDS = {\n  BLACK: \"#121212\",\n  WHITE: \"#FFFFFF\",\n};\n\nexport const BRAND: ProtonPalette[\"BRAND\"] = {\n  PRIMARY: \"#E26014\",\n  PRIMARY_LIGHT: \"#FBE5D7\",\n  PRIMARY_SUPER_LIGHT: \"#FFF7F0\",\n  SECONDARY: \"#2a9edb\",\n  SECONDARY_LIGHT: \"#b5d9ff\",\n  SECONDARY_SUPER_LIGHT: \"#d9e7fa\",\n};\n\nexport const BRAND_PRIMARY_SCALE: ProtonColorScale = {\n  SUPER_DARK: \"#2d1304\",\n  DARK: \"#5a2608\",\n  MEDIUM: \"#883a0c\",\n  MEDIUM_LIGHT: \"#b54d10\",\n  LIGHT: \"#e88043\",\n  LIGHTEST: \"#eea072\",\n  SUPER_LIGHT: \"#f9dfd0\",\n  WHITE: \"#fcfbfa\",\n};\n\n/* Semantic Colors */\n\nexport const DANGER: Partial<ProtonColorScale> = {\n  SUPER_DARK: \"#991b1b\",\n  DARK: \"#a80724\",\n  MEDIUM: \"#e23f5c\",\n  LIGHT: \"#f16880\",\n  SUPER_LIGHT: \"#ffe1e1\",\n};\n\nexport const WARNING: Partial<ProtonColorScale> = {\n  DARK: \"#8b5600\",\n  MEDIUM: \"#b37208\",\n  LIGHT: \"#ffac23\",\n  SUPER_LIGHT: \"#fff0c9\",\n};\n\nexport const SUCCESS: Partial<ProtonColorScale> = {\n  DARK: \"#247800\",\n  MEDIUM: \"#339a07\",\n  LIGHT: \"#66cf39\",\n  SUPER_LIGHT: \"#deffd1\",\n};\n"],"names":["BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE","DANGER","WARNING","SUCCESS"],"mappings":"gFAIO,MAAMA,EAAc,CACzB,MAAO,UACP,MAAO,SACT,EAEaC,EAAgC,CAC3C,QAAS,UACT,cAAe,UACf,oBAAqB,UACrB,UAAW,UACX,gBAAiB,UACjB,sBAAuB,SACzB,EAEaC,EAAwC,CACnD,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAO,UACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAIaC,EAAoC,CAC/C,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAEaC,EAAqC,CAChD,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAEaC,EAAqC,CAChD,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf"}

package/dist/{colors-CWaj9dFz.mjs → design/colors.es.js}

@@ -35,11 +35,11 @@ const R = {
   SUPER_LIGHT: "#deffd1"
 };
 export {
-  R as B,
-  f as D,
-  D as S,
-  A as W,
-  I as a,
-  E as b
+  R as BACKGROUNDS,
+  I as BRAND,
+  E as BRAND_PRIMARY_SCALE,
+  f as DANGER,
+  D as SUCCESS,
+  A as WARNING
 };
-//# sourceMappingURL=colors-CWaj9dFz.mjs.map
+//# sourceMappingURL=colors.es.js.map

package/dist/design/colors.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.es.js","sources":["../../src/design/colors.ts"],"sourcesContent":["import { ProtonColorScale, ProtonPalette } from \"./types\";\n\n/* Base Colors */\n\nexport const BACKGROUNDS = {\n  BLACK: \"#121212\",\n  WHITE: \"#FFFFFF\",\n};\n\nexport const BRAND: ProtonPalette[\"BRAND\"] = {\n  PRIMARY: \"#E26014\",\n  PRIMARY_LIGHT: \"#FBE5D7\",\n  PRIMARY_SUPER_LIGHT: \"#FFF7F0\",\n  SECONDARY: \"#2a9edb\",\n  SECONDARY_LIGHT: \"#b5d9ff\",\n  SECONDARY_SUPER_LIGHT: \"#d9e7fa\",\n};\n\nexport const BRAND_PRIMARY_SCALE: ProtonColorScale = {\n  SUPER_DARK: \"#2d1304\",\n  DARK: \"#5a2608\",\n  MEDIUM: \"#883a0c\",\n  MEDIUM_LIGHT: \"#b54d10\",\n  LIGHT: \"#e88043\",\n  LIGHTEST: \"#eea072\",\n  SUPER_LIGHT: \"#f9dfd0\",\n  WHITE: \"#fcfbfa\",\n};\n\n/* Semantic Colors */\n\nexport const DANGER: Partial<ProtonColorScale> = {\n  SUPER_DARK: \"#991b1b\",\n  DARK: \"#a80724\",\n  MEDIUM: \"#e23f5c\",\n  LIGHT: \"#f16880\",\n  SUPER_LIGHT: \"#ffe1e1\",\n};\n\nexport const WARNING: Partial<ProtonColorScale> = {\n  DARK: \"#8b5600\",\n  MEDIUM: \"#b37208\",\n  LIGHT: \"#ffac23\",\n  SUPER_LIGHT: \"#fff0c9\",\n};\n\nexport const SUCCESS: Partial<ProtonColorScale> = {\n  DARK: \"#247800\",\n  MEDIUM: \"#339a07\",\n  LIGHT: \"#66cf39\",\n  SUPER_LIGHT: \"#deffd1\",\n};\n"],"names":["BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE","DANGER","WARNING","SUCCESS"],"mappings":"AAIO,MAAMA,IAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AACT,GAEaC,IAAgC;AAAA,EAC3C,SAAS;AAAA,EACT,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,uBAAuB;AACzB,GAEaC,IAAwC;AAAA,EACnD,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAIaC,IAAoC;AAAA,EAC/C,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAEaC,IAAqC;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAEaC,IAAqC;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf;"}

package/dist/design/darkTheme/colors.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("../colors.cjs.js"),A="#43464a",T=A,I="rgba(174, 175, 177, 0.2)",E={SUPER_DARK:"#111212",DARK:"#1e1f21",MEDIUM:"#232629",MEDIUM_LIGHT:"#2b2d30",LIGHT:A,LIGHTEST:"#63676b",SUPER_LIGHT:"#8a8e91",WHITE:"#f7f9fb"},D={SUPER_DARK:"#142736",DARK:"#22445d",MEDIUM:"#306082",MEDIUM_LIGHT:"#3e7ca8",LIGHT:"#5795c1",LIGHTEST:"#a2c4dd",SUPER_LIGHT:"#dae7f1",WHITE:"#f7f9fb"},L={BASE_COLOR:R.BACKGROUNDS.BLACK,BRAND:R.BRAND,GRAYSCALE:E,PRIMARY:R.BRAND_PRIMARY_SCALE,SECONDARY:D};exports.BORDER=T;exports.DARK_GRAYSCALE=E;exports.DARK_PALETTE=L;exports.DARK_SECONDARY=D;exports.ELEVATION=I;
+//# sourceMappingURL=colors.cjs.js.map

package/dist/{colors-Ceyo4oCJ.mjs.map → design/darkTheme/colors.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"colors-Ceyo4oCJ.mjs","sources":["../src/design/darkTheme/colors.ts"],"sourcesContent":["import { BACKGROUNDS, BRAND, BRAND_PRIMARY_SCALE } from \"../colors\";\nimport type { ProtonColorScale, ProtonPalette } from \"../types\";\n\nconst LIGHT_GRAY = \"#43464a\";\nexport const BORDER = LIGHT_GRAY;\nexport const ELEVATION = \"rgba(174, 175, 177, 0.2)\";\nexport const DARK_GRAYSCALE: ProtonColorScale = {\n  SUPER_DARK: \"#111212\",\n  DARK: \"#1e1f21\",\n  MEDIUM: \"#232629\",\n  MEDIUM_LIGHT: \"#2b2d30\",\n  LIGHT: LIGHT_GRAY,\n  LIGHTEST: \"#63676b\",\n  SUPER_LIGHT: \"#8a8e91\",\n  WHITE: \"#f7f9fb\",\n};\n\nexport const DARK_SECONDARY = {\n  SUPER_DARK: \"#142736\",\n  DARK: \"#22445d\",\n  MEDIUM: \"#306082\",\n  MEDIUM_LIGHT: \"#3e7ca8\",\n  LIGHT: \"#5795c1\",\n  LIGHTEST: \"#a2c4dd\",\n  SUPER_LIGHT: \"#dae7f1\",\n  WHITE: \"#f7f9fb\",\n};\n\nexport const DARK_PALETTE: ProtonPalette = {\n  BASE_COLOR: BACKGROUNDS.BLACK,\n  BRAND,\n  GRAYSCALE: DARK_GRAYSCALE,\n  PRIMARY: BRAND_PRIMARY_SCALE,\n  SECONDARY: DARK_SECONDARY,\n} as const;\n"],"names":["LIGHT_GRAY","BORDER","ELEVATION","DARK_GRAYSCALE","DARK_SECONDARY","DARK_PALETTE","BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE"],"mappings":";AAGA,MAAMA,IAAa,WACNC,IAASD,GACTE,IAAY,4BACZC,IAAmC;AAAA,EAC9C,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAOH;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAEaI,IAAiB;AAAA,EAC5B,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAEaC,IAA8B;AAAA,EACzC,YAAYC,EAAY;AAAA,EACxB,OAAAC;AAAA,EACA,WAAWJ;AAAA,EACX,SAASK;AAAA,EACT,WAAWJ;AACb;"}
+{"version":3,"file":"colors.cjs.js","sources":["../../../src/design/darkTheme/colors.ts"],"sourcesContent":["import { BACKGROUNDS, BRAND, BRAND_PRIMARY_SCALE } from \"../colors\";\nimport type { ProtonColorScale, ProtonPalette } from \"../types\";\n\nconst LIGHT_GRAY = \"#43464a\";\nexport const BORDER = LIGHT_GRAY;\nexport const ELEVATION = \"rgba(174, 175, 177, 0.2)\";\nexport const DARK_GRAYSCALE: ProtonColorScale = {\n  SUPER_DARK: \"#111212\",\n  DARK: \"#1e1f21\",\n  MEDIUM: \"#232629\",\n  MEDIUM_LIGHT: \"#2b2d30\",\n  LIGHT: LIGHT_GRAY,\n  LIGHTEST: \"#63676b\",\n  SUPER_LIGHT: \"#8a8e91\",\n  WHITE: \"#f7f9fb\",\n};\n\nexport const DARK_SECONDARY = {\n  SUPER_DARK: \"#142736\",\n  DARK: \"#22445d\",\n  MEDIUM: \"#306082\",\n  MEDIUM_LIGHT: \"#3e7ca8\",\n  LIGHT: \"#5795c1\",\n  LIGHTEST: \"#a2c4dd\",\n  SUPER_LIGHT: \"#dae7f1\",\n  WHITE: \"#f7f9fb\",\n};\n\nexport const DARK_PALETTE: ProtonPalette = {\n  BASE_COLOR: BACKGROUNDS.BLACK,\n  BRAND,\n  GRAYSCALE: DARK_GRAYSCALE,\n  PRIMARY: BRAND_PRIMARY_SCALE,\n  SECONDARY: DARK_SECONDARY,\n} as const;\n"],"names":["LIGHT_GRAY","BORDER","ELEVATION","DARK_GRAYSCALE","DARK_SECONDARY","DARK_PALETTE","BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE"],"mappings":"oHAGMA,EAAa,UACNC,EAASD,EACTE,EAAY,2BACZC,EAAmC,CAC9C,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAOH,EACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAEaI,EAAiB,CAC5B,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAO,UACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAEaC,EAA8B,CACzC,WAAYC,EAAY,YAAA,MAAA,MACxBC,EAAA,MACA,UAAWJ,EACX,QAASK,EAAA,oBACT,UAAWJ,CACb"}