wasvg 1.0.8 → 1.0.10

package/dist/wasvg.es.js

@@ -61,7 +61,7 @@ function $1() {
           return "Suspense";
         case _:
           return "SuspenseList";
-        case H:
+        case R:
           return "Activity";
       }
       if (typeof n == "object")
@@ -189,13 +189,13 @@ function $1() {
         if (f)
           if (h1(T)) {
             for (f = 0; f < T.length; f++)
-              R(T[f]);
+              L(T[f]);
             Object.freeze && Object.freeze(T);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else R(T);
+        else L(T);
       if (U.call(v, "key")) {
         T = e(n);
         var S = Object.keys(v).filter(function(a1) {
@@ -233,21 +233,21 @@ React keys must be passed directly to JSX without using spread:
         q
       );
     }
-    function R(n) {
+    function L(n) {
       typeof n == "object" && n !== null && n.$$typeof === N && n._store && (n._store.validated = 1);
     }
-    var L = N1, N = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), Z = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler");
+    var H = N1, N = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), Z = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler");
     Symbol.for("react.provider");
-    var Q = Symbol.for("react.consumer"), F = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), m1 = Symbol.for("react.client.reference"), K = L.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, h1 = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var Q = Symbol.for("react.consumer"), F = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), m1 = Symbol.for("react.client.reference"), K = H.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, h1 = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
-    L = {
+    H = {
       "react-stack-bottom-frame": function(n) {
         return n();
       }
     };
-    var O, z = {}, A = L["react-stack-bottom-frame"].bind(
-      L,
+    var O, z = {}, A = H["react-stack-bottom-frame"].bind(
+      H,
       d
     )(), m = V(s(d)), s1 = {};
     i1.Fragment = Z, i1.jsx = function(n, v, w, f, b) {
@@ -650,11 +650,11 @@ const q1 = "-", r0 = (e) => {
       }
       Z === "[" ? u++ : Z === "]" ? u-- : Z === "(" ? x++ : Z === ")" && x--;
     }
-    const y = d.length === 0 ? a : a.substring(p), R = c0(y), L = R !== y, N = j && j > p ? j - p : void 0;
+    const y = d.length === 0 ? a : a.substring(p), L = c0(y), H = L !== y, N = j && j > p ? j - p : void 0;
     return {
       modifiers: d,
-      hasImportantModifier: L,
-      baseClassName: R,
+      hasImportantModifier: H,
+      baseClassName: L,
       maybePostfixModifierPosition: N
     };
   };
@@ -702,13 +702,13 @@ const q1 = "-", r0 = (e) => {
   let p = "";
   for (let j = x.length - 1; j >= 0; j -= 1) {
     const y = x[j], {
-      isExternal: R,
-      modifiers: L,
+      isExternal: L,
+      modifiers: H,
       hasImportantModifier: N,
       baseClassName: M,
       maybePostfixModifierPosition: Z
     } = o(y);
-    if (R) {
+    if (L) {
       p = y + (p.length > 0 ? " " + p : p);
       continue;
     }
@@ -724,7 +724,7 @@ const q1 = "-", r0 = (e) => {
       }
       I = !1;
     }
-    const Q = d(L).join(":"), F = N ? Q + x1 : Q, $ = F + P;
+    const Q = d(H).join(":"), F = N ? Q + x1 : Q, $ = F + P;
     if (u.includes($))
       continue;
     u.push($);
@@ -754,7 +754,7 @@ const E1 = (e) => {
 function g0(e, ...t) {
   let o, s, a, d = u;
   function u(p) {
-    const j = t.reduce((y, R) => R(y), e());
+    const j = t.reduce((y, L) => L(y), e());
     return o = m0(j), s = o.cache.get, a = o.cache.set, d = x, x(p);
   }
   function x(p) {
@@ -771,19 +771,19 @@ function g0(e, ...t) {
 const k = (e) => {
   const t = (o) => o[e] || [];
   return t.isThemeGetter = !0, t;
-}, R1 = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, H1 = /^\((?:(\w[\w-]*):)?(.+)\)$/i, p0 = /^\d+\/\d+$/, f0 = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, w0 = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, x0 = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, b0 = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, q0 = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, t1 = (e) => p0.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => !!e && Number.isInteger(Number(e)), p1 = (e) => e.endsWith("%") && g(e.slice(0, -1)), B = (e) => f0.test(e), T0 = () => !0, k0 = (e) => (
+}, L1 = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, R1 = /^\((?:(\w[\w-]*):)?(.+)\)$/i, p0 = /^\d+\/\d+$/, f0 = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, w0 = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, x0 = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, b0 = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, q0 = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, t1 = (e) => p0.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => !!e && Number.isInteger(Number(e)), p1 = (e) => e.endsWith("%") && g(e.slice(0, -1)), B = (e) => f0.test(e), T0 = () => !0, k0 = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   w0.test(e) && !x0.test(e)
-), S1 = () => !1, y0 = (e) => b0.test(e), j0 = (e) => q0.test(e), Z0 = (e) => !l(e) && !i(e), C0 = (e) => r1(e, P1, S1), l = (e) => R1.test(e), X = (e) => r1(e, _1, k0), f1 = (e) => r1(e, H0, g), C1 = (e) => r1(e, L1, S1), M0 = (e) => r1(e, A1, j0), u1 = (e) => r1(e, O1, y0), i = (e) => H1.test(e), c1 = (e) => o1(e, _1), z0 = (e) => o1(e, S0), M1 = (e) => o1(e, L1), E0 = (e) => o1(e, P1), R0 = (e) => o1(e, A1), g1 = (e) => o1(e, O1, !0), r1 = (e, t, o) => {
-  const s = R1.exec(e);
+), S1 = () => !1, y0 = (e) => b0.test(e), j0 = (e) => q0.test(e), Z0 = (e) => !l(e) && !i(e), C0 = (e) => r1(e, P1, S1), l = (e) => L1.test(e), X = (e) => r1(e, _1, k0), f1 = (e) => r1(e, R0, g), C1 = (e) => r1(e, H1, S1), M0 = (e) => r1(e, A1, j0), u1 = (e) => r1(e, O1, y0), i = (e) => R1.test(e), c1 = (e) => o1(e, _1), z0 = (e) => o1(e, S0), M1 = (e) => o1(e, H1), E0 = (e) => o1(e, P1), L0 = (e) => o1(e, A1), g1 = (e) => o1(e, O1, !0), r1 = (e, t, o) => {
+  const s = L1.exec(e);
   return s ? s[1] ? t(s[1]) : o(s[2]) : !1;
 }, o1 = (e, t, o = !1) => {
-  const s = H1.exec(e);
+  const s = R1.exec(e);
   return s ? s[1] ? t(s[1]) : o : !1;
-}, L1 = (e) => e === "position" || e === "percentage", A1 = (e) => e === "image" || e === "url", P1 = (e) => e === "length" || e === "size" || e === "bg-size", _1 = (e) => e === "length", H0 = (e) => e === "number", S0 = (e) => e === "family-name", O1 = (e) => e === "shadow", L0 = () => {
-  const e = k("color"), t = k("font"), o = k("text"), s = k("font-weight"), a = k("tracking"), d = k("leading"), u = k("breakpoint"), x = k("container"), p = k("spacing"), j = k("radius"), y = k("shadow"), R = k("inset-shadow"), L = k("text-shadow"), N = k("drop-shadow"), M = k("blur"), Z = k("perspective"), I = k("aspect"), P = k("ease"), Q = k("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
+}, H1 = (e) => e === "position" || e === "percentage", A1 = (e) => e === "image" || e === "url", P1 = (e) => e === "length" || e === "size" || e === "bg-size", _1 = (e) => e === "length", R0 = (e) => e === "number", S0 = (e) => e === "family-name", O1 = (e) => e === "shadow", H0 = () => {
+  const e = k("color"), t = k("font"), o = k("text"), s = k("font-weight"), a = k("tracking"), d = k("leading"), u = k("breakpoint"), x = k("container"), p = k("spacing"), j = k("radius"), y = k("shadow"), L = k("inset-shadow"), H = k("text-shadow"), N = k("drop-shadow"), M = k("blur"), Z = k("perspective"), I = k("aspect"), P = k("ease"), Q = k("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
     "center",
     "top",
     "bottom",
@@ -801,7 +801,7 @@ const k = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], G = () => [...$(), i, l], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], h = () => [i, l, p], H = () => [t1, "full", "auto", ...h()], m1 = () => [Y, "none", "subgrid", i, l], K = () => ["auto", {
+  ], G = () => [...$(), i, l], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], h = () => [i, l, p], R = () => [t1, "full", "auto", ...h()], m1 = () => [Y, "none", "subgrid", i, l], K = () => ["auto", {
     span: ["full", Y, i, l]
   }, Y, i, l], U = () => [Y, "auto", i, l], h1 = () => ["auto", "min", "max", "fr", i, l], V = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...h()], A = () => [t1, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], m = () => [e, i, l], s1 = () => [...$(), M1, C1, {
     position: [i, l]
@@ -1002,63 +1002,63 @@ const k = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: H()
+        inset: R()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": H()
+        "inset-x": R()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": H()
+        "inset-y": R()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: H()
+        start: R()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: H()
+        end: R()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: H()
+        top: R()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: H()
+        right: R()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: H()
+        bottom: R()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: H()
+        left: R()
       }],
       /**
        * Visibility
@@ -1803,7 +1803,7 @@ const k = (e) => {
           }, Y, i, l],
           radial: ["", i, l],
           conic: [Y, i, l]
-        }, R0, M0]
+        }, L0, M0]
       }],
       /**
        * Background Color
@@ -2190,7 +2190,7 @@ const k = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", R, g1, u1]
+        "inset-shadow": ["none", L, g1, u1]
       }],
       /**
        * Inset Box Shadow Color
@@ -2257,7 +2257,7 @@ const k = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", L, g1, u1]
+        "text-shadow": ["none", H, g1, u1]
       }],
       /**
        * Text Shadow Color
@@ -3252,7 +3252,7 @@ const k = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, A0 = /* @__PURE__ */ g0(L0);
+}, A0 = /* @__PURE__ */ g0(H0);
 function B1(e) {
   var t, o, s = "";
   if (typeof e == "string" || typeof e == "number") s += e;
@@ -3473,7 +3473,7 @@ function U0({
 }
 const V0 = [N0, D0, U0];
 function a2({
-  interestSeq: e,
+  seq: e,
   categorySeq: t,
   size: o = c.sm,
   className: s = ""
@@ -3922,7 +3922,7 @@ function E2({
     }
   );
 }
-function R2({
+function L2({
   className: e = "",
   size: t = c.md
 }) {
@@ -3938,7 +3938,7 @@ function R2({
     }
   );
 }
-function H2({
+function R2({
   className: e = "fill-gray-600",
   size: t = c.md
 }) {
@@ -3970,7 +3970,7 @@ function S2({
     }
   );
 }
-function L2({
+function H2({
   className: e = "",
   size: t = c.xs
 }) {
@@ -4138,6 +4138,39 @@ function $2({
     }
   );
 }
+function G2({
+  className: e = "",
+  size: t = c.md
+}) {
+  return /* @__PURE__ */ r.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      height: t,
+      width: t,
+      viewBox: "0 0 256 256",
+      children: /* @__PURE__ */ r.jsx(
+        "g",
+        {
+          style: {
+            stroke: "none",
+            strokeWidth: 0,
+            strokeDasharray: "none",
+            strokeLinecap: "butt",
+            strokeLinejoin: "miter",
+            strokeMiterlimit: 10,
+            fill: "none",
+            fillRule: "nonzero",
+            opacity: 1
+          },
+          transform: "translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)",
+          children: /* @__PURE__ */ r.jsx("path", { d: "M 89.999 3.075 C 90 3.02 90 2.967 89.999 2.912 c -0.004 -0.134 -0.017 -0.266 -0.038 -0.398 c -0.007 -0.041 -0.009 -0.081 -0.018 -0.122 c -0.034 -0.165 -0.082 -0.327 -0.144 -0.484 c -0.018 -0.046 -0.041 -0.089 -0.061 -0.134 c -0.053 -0.119 -0.113 -0.234 -0.182 -0.346 C 89.528 1.382 89.5 1.336 89.469 1.29 c -0.102 -0.147 -0.212 -0.288 -0.341 -0.417 c -0.13 -0.13 -0.273 -0.241 -0.421 -0.344 c -0.042 -0.029 -0.085 -0.056 -0.129 -0.082 c -0.118 -0.073 -0.239 -0.136 -0.364 -0.191 c -0.039 -0.017 -0.076 -0.037 -0.116 -0.053 c -0.161 -0.063 -0.327 -0.113 -0.497 -0.147 c -0.031 -0.006 -0.063 -0.008 -0.094 -0.014 c -0.142 -0.024 -0.285 -0.038 -0.429 -0.041 C 87.03 0 86.983 0 86.936 0.001 c -0.141 0.003 -0.282 0.017 -0.423 0.041 c -0.035 0.006 -0.069 0.008 -0.104 0.015 c -0.154 0.031 -0.306 0.073 -0.456 0.129 L 1.946 31.709 c -1.124 0.422 -1.888 1.473 -1.943 2.673 c -0.054 1.199 0.612 2.316 1.693 2.838 l 34.455 16.628 l 16.627 34.455 C 53.281 89.344 54.334 90 55.481 90 c 0.046 0 0.091 -0.001 0.137 -0.003 c 1.199 -0.055 2.251 -0.819 2.673 -1.943 L 89.815 4.048 c 0.056 -0.149 0.097 -0.3 0.128 -0.453 c 0.008 -0.041 0.011 -0.081 0.017 -0.122 C 89.982 3.341 89.995 3.208 89.999 3.075 z M 75.086 10.672 L 37.785 47.973 L 10.619 34.864 L 75.086 10.672 z M 55.136 79.381 L 42.027 52.216 l 37.302 -37.302 L 55.136 79.381 z", style: "stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;", transform: " matrix(1 0 0 1 0 0) ", "stroke-linecap": "round" })
+        }
+      )
+    }
+  );
+}
 function J0({
   className: e = "",
   size: t = c.md
@@ -4181,7 +4214,7 @@ function X0({
   );
 }
 const Q0 = [J0, X0];
-function G2({
+function D2({
   seq: e,
   size: t = c.md,
   className: o = ""
@@ -4203,10 +4236,10 @@ export {
   u2 as CalendarEventSvg,
   d2 as CalendarSvg,
   $0 as Cat,
-  G2 as CategorySvg,
+  D2 as CategorySvg,
   m2 as ChatSvg,
   O2 as CitySvg,
-  H2 as CloseSvg,
+  R2 as CloseSvg,
   C2 as CoachSvg,
   _2 as CollapseSvg,
   y2 as CollectionSvg,
@@ -4231,7 +4264,7 @@ export {
   B2 as LogoutSvg,
   c2 as MapSvg,
   $2 as MarketSvg,
-  R2 as MenuSvg,
+  L2 as MenuSvg,
   U0 as MusicInterestSvg,
   b2 as NewsfeedSvg,
   v2 as NotificationSvg,
@@ -4239,10 +4272,11 @@ export {
   D0 as PetsInterestSvg,
   X0 as PetsSvg,
   O0 as Pickleball,
-  L2 as PollSvg,
+  H2 as PollSvg,
   P2 as PrivateSvg,
   z2 as RightArrowSvg,
   W1 as Running,
+  G2 as SendSvg,
   F0 as Sing,
   D1 as Soccer,
   N0 as SportsInterestSvg,

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "wasvg",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "main": "dist/wasvg.cjs.js",
   "module": "dist/wasvg.es.js",
+  "type": "module",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
@@ -15,30 +16,42 @@
     "./dist/wasvg.css": "./dist/wasvg.css"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "vite build"
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "build": "vite build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "dev": "vite"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "description": "",
   "devDependencies": {
+    "@storybook/addon-docs": "^9.0.16",
+    "@storybook/react-vite": "^9.0.16",
     "@tailwindcss/vite": "^4.1.7",
     "@types/react": "^19.1.5",
     "@types/react-dom": "^19.1.5",
     "@vitejs/plugin-react-swc": "^3.9.0",
+    "jsdom": "^26.1.0",
+    "storybook": "^9.0.16",
     "tailwindcss": "^4.1.7",
     "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.3.0",
     "tiny-invariant": "^1.3.3",
     "waujs": "^1.0.0"
   }
-}
+}