@vllnt/ui 0.1.11 → 0.2.0-canary.4abf494

package/dist/components/spinner/unicode-spinner.js

@@ -0,0 +1,708 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const UNICODE_SPINNER_PRESETS = {
+  arc: {
+    frames: ["\u25DC", "\u25E0", "\u25DD", "\u25DE", "\u25E1", "\u25DF"],
+    interval: 100
+  },
+  arrow: {
+    frames: ["\u2190", "\u2196", "\u2191", "\u2197", "\u2192", "\u2198", "\u2193", "\u2199"],
+    interval: 100
+  },
+  balloon: {
+    frames: [".", "o", "O", "o", "."],
+    interval: 120
+  },
+  bounce: {
+    frames: ["\u2801", "\u2802", "\u2804", "\u2840", "\u2804", "\u2802"],
+    interval: 120
+  },
+  braille: {
+    frames: ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"],
+    interval: 80
+  },
+  braillewave: {
+    frames: ["\u2801\u2802\u2804\u2840", "\u2802\u2804\u2840\u2880", "\u2804\u2840\u2880\u2820", "\u2840\u2880\u2820\u2810", "\u2880\u2820\u2810\u2808", "\u2820\u2810\u2808\u2801", "\u2810\u2808\u2801\u2802", "\u2808\u2801\u2802\u2804"],
+    interval: 100
+  },
+  breathe: {
+    frames: [
+      "\u2800",
+      "\u2802",
+      "\u280C",
+      "\u2851",
+      "\u2895",
+      "\u289D",
+      "\u28EB",
+      "\u28DF",
+      "\u28FF",
+      "\u28DF",
+      "\u28EB",
+      "\u289D",
+      "\u2895",
+      "\u2851",
+      "\u280C",
+      "\u2802",
+      "\u2800"
+    ],
+    interval: 100
+  },
+  cascade: {
+    frames: [
+      "\u2800\u2800\u2800\u2800",
+      "\u2800\u2800\u2800\u2800",
+      "\u2801\u2800\u2800\u2800",
+      "\u280B\u2800\u2800\u2800",
+      "\u281E\u2801\u2800\u2800",
+      "\u2874\u280B\u2800\u2800",
+      "\u28E0\u281E\u2801\u2800",
+      "\u2880\u2874\u280B\u2800",
+      "\u2800\u28E0\u281E\u2801",
+      "\u2800\u2880\u2874\u280B",
+      "\u2800\u2800\u28E0\u281E",
+      "\u2800\u2800\u2880\u2874",
+      "\u2800\u2800\u2800\u28E0",
+      "\u2800\u2800\u2800\u2880"
+    ],
+    interval: 60
+  },
+  checkerboard: {
+    frames: ["\u2895\u2895\u2895", "\u286A\u286A\u286A", "\u288A\u2814\u2861", "\u2861\u288A\u2814"],
+    interval: 250
+  },
+  "circle-halves": {
+    frames: ["\u25D0", "\u25D3", "\u25D1", "\u25D2"],
+    interval: 50
+  },
+  "circle-quarters": {
+    frames: ["\u25F4", "\u25F7", "\u25F6", "\u25F5"],
+    interval: 120
+  },
+  clock: {
+    frames: [
+      "\u{1F55B}",
+      "\u{1F550}",
+      "\u{1F551}",
+      "\u{1F552}",
+      "\u{1F553}",
+      "\u{1F554}",
+      "\u{1F555}",
+      "\u{1F556}",
+      "\u{1F557}",
+      "\u{1F558}",
+      "\u{1F559}",
+      "\u{1F55A}"
+    ],
+    interval: 100
+  },
+  columns: {
+    frames: [
+      "\u2840\u2800\u2800",
+      "\u2844\u2800\u2800",
+      "\u2846\u2800\u2800",
+      "\u2847\u2800\u2800",
+      "\u28C7\u2800\u2800",
+      "\u28E7\u2800\u2800",
+      "\u28F7\u2800\u2800",
+      "\u28FF\u2800\u2800",
+      "\u28FF\u2840\u2800",
+      "\u28FF\u2844\u2800",
+      "\u28FF\u2846\u2800",
+      "\u28FF\u2847\u2800",
+      "\u28FF\u28C7\u2800",
+      "\u28FF\u28E7\u2800",
+      "\u28FF\u28F7\u2800",
+      "\u28FF\u28FF\u2800",
+      "\u28FF\u28FF\u2840",
+      "\u28FF\u28FF\u2844",
+      "\u28FF\u28FF\u2846",
+      "\u28FF\u28FF\u2847",
+      "\u28FF\u28FF\u28C7",
+      "\u28FF\u28FF\u28E7",
+      "\u28FF\u28FF\u28F7",
+      "\u28FF\u28FF\u28FF",
+      "\u28FF\u28FF\u28FF",
+      "\u2800\u2800\u2800"
+    ],
+    interval: 60
+  },
+  diagswipe: {
+    frames: [
+      "\u2801\u2800",
+      "\u280B\u2800",
+      "\u281F\u2801",
+      "\u287F\u280B",
+      "\u28FF\u281F",
+      "\u28FF\u287F",
+      "\u28FF\u28FF",
+      "\u28FF\u28FF",
+      "\u28FE\u28FF",
+      "\u28F4\u28FF",
+      "\u28E0\u28FE",
+      "\u2880\u28F4",
+      "\u2800\u28E0",
+      "\u2800\u2880",
+      "\u2800\u2800",
+      "\u2800\u2800"
+    ],
+    interval: 60
+  },
+  dna: {
+    frames: [
+      "\u280B\u2809\u2819\u281A",
+      "\u2809\u2819\u281A\u2812",
+      "\u2819\u281A\u2812\u2802",
+      "\u281A\u2812\u2802\u2802",
+      "\u2812\u2802\u2802\u2812",
+      "\u2802\u2802\u2812\u2832",
+      "\u2802\u2812\u2832\u2834",
+      "\u2812\u2832\u2834\u2824",
+      "\u2832\u2834\u2824\u2804",
+      "\u2834\u2824\u2804\u280B",
+      "\u2824\u2804\u280B\u2809",
+      "\u2804\u280B\u2809\u2819"
+    ],
+    interval: 80
+  },
+  dots: {
+    frames: ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"],
+    interval: 80
+  },
+  dots2: {
+    frames: ["\u28FE", "\u28FD", "\u28FB", "\u28BF", "\u287F", "\u28DF", "\u28EF", "\u28F7"],
+    interval: 80
+  },
+  dots3: {
+    frames: ["\u280B", "\u2819", "\u281A", "\u281E", "\u2816", "\u2826", "\u2834", "\u2832", "\u2833", "\u2813"],
+    interval: 80
+  },
+  dots4: {
+    frames: [
+      "\u2804",
+      "\u2806",
+      "\u2807",
+      "\u280B",
+      "\u2819",
+      "\u2838",
+      "\u2830",
+      "\u2820",
+      "\u2830",
+      "\u2838",
+      "\u2819",
+      "\u280B",
+      "\u2807",
+      "\u2806"
+    ],
+    interval: 80
+  },
+  dots5: {
+    frames: [
+      "\u280B",
+      "\u2819",
+      "\u281A",
+      "\u2812",
+      "\u2802",
+      "\u2802",
+      "\u2812",
+      "\u2832",
+      "\u2834",
+      "\u2826",
+      "\u2816",
+      "\u2812",
+      "\u2810",
+      "\u2810",
+      "\u2812",
+      "\u2813",
+      "\u280B"
+    ],
+    interval: 80
+  },
+  dots6: {
+    frames: [
+      "\u2801",
+      "\u2809",
+      "\u2819",
+      "\u281A",
+      "\u2812",
+      "\u2802",
+      "\u2802",
+      "\u2812",
+      "\u2832",
+      "\u2834",
+      "\u2824",
+      "\u2804",
+      "\u2804",
+      "\u2824",
+      "\u2834",
+      "\u2832",
+      "\u2812",
+      "\u2802",
+      "\u2802",
+      "\u2812",
+      "\u281A",
+      "\u2819",
+      "\u2809",
+      "\u2801"
+    ],
+    interval: 80
+  },
+  dots7: {
+    frames: [
+      "\u2808",
+      "\u2809",
+      "\u280B",
+      "\u2813",
+      "\u2812",
+      "\u2810",
+      "\u2810",
+      "\u2812",
+      "\u2816",
+      "\u2826",
+      "\u2824",
+      "\u2820",
+      "\u2820",
+      "\u2824",
+      "\u2826",
+      "\u2816",
+      "\u2812",
+      "\u2810",
+      "\u2810",
+      "\u2812",
+      "\u2813",
+      "\u280B",
+      "\u2809",
+      "\u2808"
+    ],
+    interval: 80
+  },
+  dots8: {
+    frames: [
+      "\u2801",
+      "\u2801",
+      "\u2809",
+      "\u2819",
+      "\u281A",
+      "\u2812",
+      "\u2802",
+      "\u2802",
+      "\u2812",
+      "\u2832",
+      "\u2834",
+      "\u2824",
+      "\u2804",
+      "\u2804",
+      "\u2824",
+      "\u2820",
+      "\u2820",
+      "\u2824",
+      "\u2826",
+      "\u2816",
+      "\u2812",
+      "\u2810",
+      "\u2810",
+      "\u2812",
+      "\u2813",
+      "\u280B",
+      "\u2809",
+      "\u2808",
+      "\u2808"
+    ],
+    interval: 80
+  },
+  dots9: {
+    frames: ["\u28B9", "\u28BA", "\u28BC", "\u28F8", "\u28C7", "\u2867", "\u2857", "\u284F"],
+    interval: 80
+  },
+  dots10: {
+    frames: ["\u2884", "\u2882", "\u2881", "\u2841", "\u2848", "\u2850", "\u2860"],
+    interval: 80
+  },
+  dots11: {
+    frames: ["\u2801", "\u2802", "\u2804", "\u2840", "\u2880", "\u2820", "\u2810", "\u2808"],
+    interval: 100
+  },
+  dots12: {
+    frames: [
+      "\u2880\u2800",
+      "\u2840\u2800",
+      "\u2804\u2800",
+      "\u2882\u2800",
+      "\u2842\u2800",
+      "\u2805\u2800",
+      "\u2883\u2800",
+      "\u2843\u2800",
+      "\u280D\u2800",
+      "\u288B\u2800",
+      "\u284B\u2800",
+      "\u280D\u2801",
+      "\u288B\u2801",
+      "\u284B\u2801",
+      "\u280D\u2809",
+      "\u280B\u2809",
+      "\u280B\u2809",
+      "\u2809\u2819",
+      "\u2809\u2819",
+      "\u2809\u2829",
+      "\u2808\u2899",
+      "\u2808\u2859",
+      "\u2888\u2829",
+      "\u2840\u2899",
+      "\u2804\u2859",
+      "\u2882\u2829",
+      "\u2842\u2898",
+      "\u2805\u2858",
+      "\u2883\u2828",
+      "\u2843\u2890",
+      "\u280D\u2850",
+      "\u288B\u2820",
+      "\u284B\u2880",
+      "\u280D\u2841",
+      "\u288B\u2801",
+      "\u284B\u2801",
+      "\u280D\u2809",
+      "\u280B\u2809",
+      "\u280B\u2809",
+      "\u2809\u2819",
+      "\u2809\u2819",
+      "\u2809\u2829",
+      "\u2808\u2899",
+      "\u2808\u2859",
+      "\u2808\u2829",
+      "\u2800\u2899",
+      "\u2800\u2859",
+      "\u2800\u2829",
+      "\u2800\u2898",
+      "\u2800\u2858",
+      "\u2800\u2828",
+      "\u2800\u2890",
+      "\u2800\u2850",
+      "\u2800\u2820",
+      "\u2800\u2880",
+      "\u2800\u2840"
+    ],
+    interval: 80
+  },
+  dots13: {
+    frames: ["\u28FC", "\u28F9", "\u28BB", "\u283F", "\u285F", "\u28CF", "\u28E7", "\u28F6"],
+    interval: 80
+  },
+  dots14: {
+    frames: [
+      "\u2809\u2809",
+      "\u2808\u2819",
+      "\u2800\u2839",
+      "\u2800\u28B8",
+      "\u2800\u28F0",
+      "\u2880\u28E0",
+      "\u28C0\u28C0",
+      "\u28C4\u2840",
+      "\u28C6\u2800",
+      "\u2847\u2800",
+      "\u280F\u2800",
+      "\u280B\u2801"
+    ],
+    interval: 80
+  },
+  "dots-circle": {
+    frames: ["\u288E\u2800", "\u280E\u2801", "\u280A\u2811", "\u2808\u2831", "\u2800\u2871", "\u2880\u2870", "\u2884\u2860", "\u2886\u2840"],
+    interval: 80
+  },
+  "double-arrow": {
+    frames: ["\u21D0", "\u21D6", "\u21D1", "\u21D7", "\u21D2", "\u21D8", "\u21D3", "\u21D9"],
+    interval: 100
+  },
+  dqpb: {
+    frames: ["d", "q", "p", "b"],
+    interval: 100
+  },
+  earth: {
+    frames: ["\u{1F30D}", "\u{1F30E}", "\u{1F30F}"],
+    interval: 180
+  },
+  fillsweep: {
+    frames: ["\u28C0\u28C0", "\u28E4\u28E4", "\u28F6\u28F6", "\u28FF\u28FF", "\u28FF\u28FF", "\u28FF\u28FF", "\u28F6\u28F6", "\u28E4\u28E4", "\u28C0\u28C0", "\u2800\u2800", "\u2800\u2800"],
+    interval: 100
+  },
+  "grow-horizontal": {
+    frames: ["\u258F", "\u258E", "\u258D", "\u258C", "\u258B", "\u258A", "\u2589", "\u258A", "\u258B", "\u258C", "\u258D", "\u258E"],
+    interval: 120
+  },
+  "grow-vertical": {
+    frames: ["\u2581", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2586", "\u2585", "\u2584", "\u2583"],
+    interval: 120
+  },
+  hearts: {
+    frames: ["\u{1FA77}", "\u{1F9E1}", "\u{1F49B}", "\u{1F49A}", "\u{1F499}", "\u{1FA75}", "\u{1F49C}", "\u{1F90E}", "\u{1F5A4}", "\u{1FA76}", "\u{1F90D}"],
+    interval: 120
+  },
+  helix: {
+    frames: [
+      "\u288C\u28C9\u288E\u28C9",
+      "\u28C9\u2871\u28C9\u2871",
+      "\u28C9\u288E\u28C9\u288E",
+      "\u2871\u28C9\u2871\u28C9",
+      "\u288E\u28C9\u288E\u28C9",
+      "\u28C9\u2871\u28C9\u2871",
+      "\u28C9\u288E\u28C9\u288E",
+      "\u2871\u28C9\u2871\u28C9",
+      "\u288E\u28C9\u288E\u28C9",
+      "\u28C9\u2871\u28C9\u2871",
+      "\u28C9\u288E\u28C9\u288E",
+      "\u2871\u28C9\u2871\u28C9",
+      "\u288E\u28C9\u288E\u28C9",
+      "\u28C9\u2871\u28C9\u2871",
+      "\u28C9\u288E\u28C9\u288E",
+      "\u2871\u28C9\u2871\u28C9"
+    ],
+    interval: 80
+  },
+  moon: {
+    frames: ["\u{1F311}", "\u{1F312}", "\u{1F313}", "\u{1F314}", "\u{1F315}", "\u{1F316}", "\u{1F317}", "\u{1F318}"],
+    interval: 80
+  },
+  noise: {
+    frames: ["\u2593", "\u2592", "\u2591", " ", "\u2591", "\u2592"],
+    interval: 100
+  },
+  orbit: {
+    frames: ["\u2803", "\u2809", "\u2818", "\u2830", "\u28A0", "\u28C0", "\u2844", "\u2806"],
+    interval: 100
+  },
+  point: {
+    frames: ["\xB7\xB7\xB7", "\u2022\xB7\xB7", "\xB7\u2022\xB7", "\xB7\xB7\u2022", "\xB7\xB7\xB7"],
+    interval: 200
+  },
+  pulse: {
+    frames: ["\u2800\u2836\u2800", "\u2830\u28FF\u2806", "\u28BE\u28C9\u2877", "\u28CF\u2800\u28F9", "\u2841\u2800\u2888"],
+    interval: 180
+  },
+  rain: {
+    frames: [
+      "\u2881\u2802\u2814\u2808",
+      "\u2802\u280C\u2860\u2810",
+      "\u2804\u2850\u2880\u2821",
+      "\u2848\u2820\u2800\u2882",
+      "\u2810\u2880\u2801\u2804",
+      "\u2820\u2801\u280A\u2840",
+      "\u2881\u2802\u2814\u2808",
+      "\u2802\u280C\u2860\u2810",
+      "\u2804\u2850\u2880\u2821",
+      "\u2848\u2820\u2800\u2882",
+      "\u2810\u2880\u2801\u2804",
+      "\u2820\u2801\u280A\u2840"
+    ],
+    interval: 100
+  },
+  "rolling-line": {
+    frames: ["/", "-", "\\", "|", "\\", "-"],
+    interval: 80
+  },
+  sand: {
+    frames: [
+      "\u2801",
+      "\u2802",
+      "\u2804",
+      "\u2840",
+      "\u2848",
+      "\u2850",
+      "\u2860",
+      "\u28C0",
+      "\u28C1",
+      "\u28C2",
+      "\u28C4",
+      "\u28CC",
+      "\u28D4",
+      "\u28E4",
+      "\u28E5",
+      "\u28E6",
+      "\u28EE",
+      "\u28F6",
+      "\u28F7",
+      "\u28FF",
+      "\u287F",
+      "\u283F",
+      "\u289F",
+      "\u281F",
+      "\u285B",
+      "\u281B",
+      "\u282B",
+      "\u288B",
+      "\u280B",
+      "\u280D",
+      "\u2849",
+      "\u2809",
+      "\u2811",
+      "\u2821",
+      "\u2881"
+    ],
+    interval: 80
+  },
+  scan: {
+    frames: [
+      "\u2800\u2800\u2800\u2800",
+      "\u2847\u2800\u2800\u2800",
+      "\u28FF\u2800\u2800\u2800",
+      "\u28B8\u2847\u2800\u2800",
+      "\u2800\u28FF\u2800\u2800",
+      "\u2800\u28B8\u2847\u2800",
+      "\u2800\u2800\u28FF\u2800",
+      "\u2800\u2800\u28B8\u2847",
+      "\u2800\u2800\u2800\u28FF",
+      "\u2800\u2800\u2800\u28B8"
+    ],
+    interval: 70
+  },
+  scanline: {
+    frames: ["\u2809\u2809\u2809", "\u2813\u2813\u2813", "\u2826\u2826\u2826", "\u28C4\u28C4\u28C4", "\u2826\u2826\u2826", "\u2813\u2813\u2813"],
+    interval: 120
+  },
+  "simple-dots": {
+    frames: [".  ", ".. ", "...", "   "],
+    interval: 400
+  },
+  "simple-dots-scrolling": {
+    frames: [".  ", ".. ", "...", " ..", "  .", "   "],
+    interval: 200
+  },
+  snake: {
+    frames: [
+      "\u28C1\u2840",
+      "\u28C9\u2800",
+      "\u2849\u2801",
+      "\u2809\u2809",
+      "\u2808\u2819",
+      "\u2800\u281B",
+      "\u2810\u281A",
+      "\u2812\u2812",
+      "\u2816\u2802",
+      "\u2836\u2800",
+      "\u2826\u2804",
+      "\u2824\u2824",
+      "\u2820\u28A4",
+      "\u2800\u28E4",
+      "\u2880\u28E0",
+      "\u28C0\u28C0"
+    ],
+    interval: 80
+  },
+  sparkle: {
+    frames: ["\u2861\u280A\u2894\u2821", "\u280A\u2870\u2861\u2858", "\u2894\u2885\u2808\u28A2", "\u2841\u2882\u2806\u284D", "\u2894\u2828\u2891\u2890", "\u2828\u2851\u2860\u280A"],
+    interval: 150
+  },
+  speaker: {
+    frames: ["\u{1F508}", "\u{1F509}", "\u{1F50A}", "\u{1F509}"],
+    interval: 160
+  },
+  "square-corners": {
+    frames: ["\u25F0", "\u25F3", "\u25F2", "\u25F1"],
+    interval: 180
+  },
+  toggle: {
+    frames: ["\u22B6", "\u22B7"],
+    interval: 250
+  },
+  triangle: {
+    frames: ["\u25E2", "\u25E3", "\u25E4", "\u25E5"],
+    interval: 50
+  },
+  wave: {
+    frames: ["\u2801\u2802\u2804\u2840", "\u2802\u2804\u2840\u2880", "\u2804\u2840\u2880\u2820", "\u2840\u2880\u2820\u2810", "\u2880\u2820\u2810\u2808", "\u2820\u2810\u2808\u2801", "\u2810\u2808\u2801\u2802", "\u2808\u2801\u2802\u2804"],
+    interval: 100
+  },
+  waverows: {
+    frames: [
+      "\u2816\u2809\u2809\u2811",
+      "\u2860\u2816\u2809\u2809",
+      "\u28E0\u2860\u2816\u2809",
+      "\u28C4\u28E0\u2860\u2816",
+      "\u2822\u28C4\u28E0\u2860",
+      "\u2819\u2822\u28C4\u28E0",
+      "\u2809\u2819\u2822\u28C4",
+      "\u280A\u2809\u2819\u2822",
+      "\u281C\u280A\u2809\u2819",
+      "\u2864\u281C\u280A\u2809",
+      "\u28C0\u2864\u281C\u280A",
+      "\u28A4\u28C0\u2864\u281C",
+      "\u2823\u28A4\u28C0\u2864",
+      "\u2811\u2823\u28A4\u28C0",
+      "\u2809\u2811\u2823\u28A4",
+      "\u280B\u2809\u2811\u2823"
+    ],
+    interval: 90
+  },
+  weather: {
+    frames: ["\u2600\uFE0F", "\u{1F324}", "\u26C5\uFE0F", "\u{1F325}", "\u2601\uFE0F", "\u{1F327}", "\u{1F328}", "\u26C8"],
+    interval: 100
+  }
+};
+const UNICODE_SPINNER_ANIMATIONS = Object.keys(
+  UNICODE_SPINNER_PRESETS
+);
+const UNICODE_SPINNER_SIZE_CLASSES = {
+  lg: "text-2xl",
+  md: "text-lg",
+  sm: "text-sm"
+};
+const UnicodeSpinner = React.forwardRef(
+  ({
+    animation = "braille",
+    className,
+    interval,
+    label,
+    paused = false,
+    size = "md",
+    ...props
+  }, ref) => {
+    const preset = UNICODE_SPINNER_PRESETS[animation];
+    const resolvedInterval = interval ?? preset.interval;
+    const [frameIndex, setFrameIndex] = React.useState(0);
+    React.useEffect(() => {
+      setFrameIndex(0);
+    }, [animation]);
+    React.useEffect(() => {
+      if (paused) {
+        return;
+      }
+      const timer = window.setInterval(() => {
+        setFrameIndex((current) => (current + 1) % preset.frames.length);
+      }, resolvedInterval);
+      return () => {
+        window.clearInterval(timer);
+      };
+    }, [paused, preset.frames.length, resolvedInterval]);
+    const frame = preset.frames[frameIndex] ?? preset.frames[0] ?? "\u280B";
+    const accessibleLabel = label ? `Loading ${label}` : "Loading";
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "inline-flex items-center gap-2 font-mono leading-none text-foreground",
+          UNICODE_SPINNER_SIZE_CLASSES[size],
+          className
+        ),
+        ref,
+        role: "status",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "inline-block min-w-[1em] whitespace-pre",
+              children: frame
+            }
+          ),
+          label ? /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: label }) : null,
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: accessibleLabel })
+        ]
+      }
+    );
+  }
+);
+UnicodeSpinner.displayName = "UnicodeSpinner";
+export {
+  UNICODE_SPINNER_ANIMATIONS,
+  UNICODE_SPINNER_PRESETS,
+  UnicodeSpinner
+};

package/dist/components/stat-card/index.js

@@ -0,0 +1,5 @@
+import { StatCard, statCardVariants } from "./stat-card";
+export {
+  StatCard,
+  statCardVariants
+};