@nice2dev/icons 1.3.15 → 1.3.17

package/dist/esm/icons/brand.js

@@ -1,185 +1,622 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../createIcon.js';
-import { swapDuotone } from '../iconParts.js';
-
-/* ═══════════════════════════════════════════════════════
-   Brands
-   ═══════════════════════════════════════════════════════ */
-/*
- * NtdNiceToDev — Brand logo icon
- *
- * Three sharp-cornered horizontal bars (hamburger style) containing
- * geometric uppercase text: NICE / TO / DEV.
- *
- * Layout (viewBox 0 0 24 24):
- *   Bar 1  y=2.75  h=5.5  →  "NICE"
- *   Bar 2  y=9.25  h=5.5  →  "TO"
- *   Bar 3  y=15.75 h=5.5  →  "DEV"
- *
- * Letters are stroke-only paths (no fill) with miter joins and
- * square caps — zero rounded corners.  This gives spectacular
- * stroke-dasharray draw animations: every letter draws itself
- * from its starting point simultaneously, while bars pop in
- * via the shape-aware clip-path overrides.
- *
- * Text stroke is fixed at 1.3 for consistent legibility across
- * all user-supplied strokeWidth values.
- */
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { createIcon } from "../createIcon.js";
 const NtdNiceToDev = /* @__PURE__ */ createIcon({
-    displayName: 'NtdNiceToDev',
-    paths: {
-        /* ── Solid ──────────────────────────────────────────
-         * Filled bars + accent-color text strokes on top.
-         * Draw anim: bars clip-path pop (staggered),
-         *            text stroke-dash draws simultaneously.
-         */
-        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: primaryColor }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: primaryColor }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: primaryColor }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: accentColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: accentOpacity }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: accentColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: accentOpacity }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: accentColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: accentOpacity })] })),
-        /* ── Outline ────────────────────────────────────────
-         * Text strokes only — no bar borders.
-         * Clean draw animation via stroke-dasharray.
-         */
-        outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" })] })),
-        /* ── Duotone ────────────────────────────────────────
-         * Secondary-filled bars (no border) + primary text.
-         * Draw anim: fills pop (clip-path), text draws
-         * via stroke-dasharray — layered reveal.
-         */
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: primaryColor }), jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: secondaryColor }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: "#3B82F6" }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" })] })),
-    },
+  displayName: "NtdNiceToDev",
+  paths: {
+    /* ── Solid ──────────────────────────────────────────
+     * Filled bars + accent-color text strokes on top.
+     * Draw anim: bars clip-path pop (staggered),
+     *            text stroke-dash draws simultaneously.
+     */
+    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17",
+          stroke: accentColor,
+          strokeWidth: "1.3",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none",
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z",
+          stroke: accentColor,
+          strokeWidth: "1.3",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none",
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5",
+          stroke: accentColor,
+          strokeWidth: "1.3",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none",
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    /* ── Outline ────────────────────────────────────────
+     * Text strokes only — no bar borders.
+     * Clean draw animation via stroke-dasharray.
+     */
+    outline: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17",
+          stroke: primaryColor,
+          strokeWidth: "1.3",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z",
+          stroke: primaryColor,
+          strokeWidth: "1.3",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5",
+          stroke: primaryColor,
+          strokeWidth: "1.3",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none"
+        }
+      )
+    ] }),
+    /* ── Duotone ────────────────────────────────────────
+     * Secondary-filled bars (no border) + primary text.
+     * Draw anim: fills pop (clip-path), text draws
+     * via stroke-dasharray — layered reveal.
+     */
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: "#3B82F6" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17",
+          stroke: "white",
+          strokeWidth: "1",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none",
+          opacity: "0.35"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z",
+          stroke: "white",
+          strokeWidth: "1",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none",
+          opacity: "0.35"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5",
+          stroke: "white",
+          strokeWidth: "1",
+          strokeLinejoin: "miter",
+          strokeLinecap: "square",
+          fill: "none",
+          opacity: "0.35"
+        }
+      )
+    ] })
+  }
 });
-/* ═══════════════════════════════════════════════════════
-   NtdOmniVerk — OmniVerk brand mark (symbol only)
-
-   Shape: diamond (rotated square) top + inverted triangle bottom.
-   Centered in 24×24 viewBox.
-
-   Animated variant uses SMIL: diamond drops in from top,
-   triangle fades up from bottom, subtle scale pulse on hover.
-   ═══════════════════════════════════════════════════════ */
-/**
- * Diamond path: centered at (12, 7), side ≈7.07 → rhombus 10×10.
- * Triangle path: centered at (12, 18), base 12, height ~6.
- *
- * Gap between shapes ≈1.5 units for optical balance.
- */
-const OV_DIAMOND = 'M12 2 L17.5 7 L12 12 L6.5 7Z';
-const OV_TRIANGLE = 'M6 14.5 L18 14.5 L12 22Z';
+const OV_DIAMOND = "M12 2 L17.5 7 L12 12 L6.5 7Z";
+const OV_TRIANGLE = "M6 14.5 L18 14.5 L12 22Z";
 const NtdOmniVerk = /* @__PURE__ */ createIcon({
-    displayName: 'NtdOmniVerk',
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.5s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.35s", fill: "freeze" })] }), jsxs("path", { d: OV_TRIANGLE, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 26", to: "0 0", dur: "0.5s", begin: "0.15s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.35s", begin: "0.15s", fill: "freeze" })] })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 60", to: "60 0", dur: "0.7s", fill: "freeze" }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 50", to: "50 0", dur: "0.7s", begin: "0.25s", fill: "freeze" }) })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.4s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.4s", begin: "0.15s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.5s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) }), jsx("path", { d: OV_DIAMOND, fill: "white", opacity: "0.1", children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.5s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 26", to: "0 0", dur: "0.5s", begin: "0.15s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) })] })),
-    },
+  displayName: "NtdOmniVerk",
+  // its entrance plays in SVG animation elements: their times follow animationSpeed (1.3.17)
+  animated: true,
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [
+        /* @__PURE__ */ jsx(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "translate",
+            from: "0 -26",
+            to: "0 0",
+            dur: "0.5s",
+            fill: "freeze",
+            calcMode: "spline",
+            keySplines: "0.34 1 0.64 1"
+          }
+        ),
+        /* @__PURE__ */ jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.35s", fill: "freeze" })
+      ] }),
+      /* @__PURE__ */ jsxs("path", { d: OV_TRIANGLE, fill: primaryColor, children: [
+        /* @__PURE__ */ jsx(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "translate",
+            from: "0 26",
+            to: "0 0",
+            dur: "0.5s",
+            begin: "0.15s",
+            fill: "freeze",
+            calcMode: "spline",
+            keySplines: "0.34 1 0.64 1"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            from: "0",
+            to: "1",
+            dur: "0.35s",
+            begin: "0.15s",
+            fill: "freeze"
+          }
+        )
+      ] })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: OV_DIAMOND,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none",
+          strokeLinejoin: "miter",
+          children: /* @__PURE__ */ jsx(
+            "animate",
+            {
+              attributeName: "stroke-dasharray",
+              from: "0 60",
+              to: "60 0",
+              dur: "0.7s",
+              fill: "freeze"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: OV_TRIANGLE,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none",
+          strokeLinejoin: "miter",
+          children: /* @__PURE__ */ jsx(
+            "animate",
+            {
+              attributeName: "stroke-dasharray",
+              from: "0 50",
+              to: "50 0",
+              dur: "0.7s",
+              begin: "0.25s",
+              fill: "freeze"
+            }
+          )
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity, children: /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          from: "0",
+          to: "1",
+          dur: "0.4s",
+          fill: "freeze",
+          calcMode: "spline",
+          keySplines: "0.22 1 0.36 1",
+          additive: "sum"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: OV_DIAMOND,
+          stroke: primaryColor,
+          strokeWidth: "1.5",
+          fill: "none",
+          strokeLinejoin: "miter"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity, children: /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          from: "0",
+          to: "1",
+          dur: "0.4s",
+          begin: "0.15s",
+          fill: "freeze",
+          calcMode: "spline",
+          keySplines: "0.22 1 0.36 1",
+          additive: "sum"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: OV_TRIANGLE,
+          stroke: primaryColor,
+          strokeWidth: "1.5",
+          fill: "none",
+          strokeLinejoin: "miter"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          from: "0 -26",
+          to: "0 0",
+          dur: "0.5s",
+          fill: "freeze",
+          calcMode: "spline",
+          keySplines: "0.34 1 0.64 1"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("path", { d: OV_DIAMOND, fill: "white", opacity: "0.1", children: /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          from: "0 -26",
+          to: "0 0",
+          dur: "0.5s",
+          fill: "freeze",
+          calcMode: "spline",
+          keySplines: "0.34 1 0.64 1"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, children: /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          from: "0 26",
+          to: "0 0",
+          dur: "0.5s",
+          begin: "0.15s",
+          fill: "freeze",
+          calcMode: "spline",
+          keySplines: "0.34 1 0.64 1"
+        }
+      ) })
+    ] })
+  }
 });
-/* ═══════════════════════════════════════════════════════
-   NtdOmniVerkLogo — OmniVerk full logo (symbol + text)
-
-   Wider viewBox (80×24) to accommodate the wordmark.
-   Symbol on the left, "OmniVerk" text on the right.
-   "Omni" is bold (fill), "Verk" is lighter weight (thinner stroke).
-
-   Entry animation: symbol animates in first, then letters
-   draw sequentially left-to-right via stroke-dasharray.
-   ═══════════════════════════════════════════════════════ */
-const OVL_DIAMOND = 'M12 1 L18 7 L12 13 L6 7Z';
-const OVL_TRIANGLE = 'M5.5 14.5 L18.5 14.5 L12 23Z';
-/* Geometric "OmniVerk" text paths (stroke-only, no font dependency).
- * Baseline at y≈18, cap-height y≈6.5, x starts at 26. */
-const OVL_OMNI = 
-// O
-'M28 7 L32 7 L32 18 L28 18Z ' +
-    // m
-    'M34 11 L34 18 M34 11 L37 11 L37 18 M37 11 L40 11 L40 18 ' +
-    // n
-    'M42 11 L42 18 M42 11 L46 11 L46 18 ' +
-    // i
-    'M48 11 L48 18 M48 8.5 L48 9.5';
-const OVL_VERK = 
-// V
-'M52 7 L54.5 18 L57 7 ' +
-    // e
-    'M59 14.5 L63 14.5 L63 11 L59 11 L59 18 L63 18 ' +
-    // r
-    'M65 18 L65 11 L68 11 ' +
-    // k
-    'M70 7 L70 18 M70 13 L73.5 11 M70 14 L73.5 18';
-const NtdOmniVerkLogo = /* @__PURE__ */ createIcon({
-    displayName: 'NtdOmniVerkLogo',
-    viewBox: '0 0 76 24',
-    paths: {
-        solid: ({ primaryColor, accentColor }) => (jsxs(Fragment, { children: [jsxs("path", { d: OVL_DIAMOND, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.45s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })] }), jsxs("path", { d: OVL_TRIANGLE, fill: primaryColor, opacity: "0.85", children: [jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 26", to: "0 0", dur: "0.45s", begin: "0.12s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.85", dur: "0.3s", begin: "0.12s", fill: "freeze" })] }), jsxs("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.7s", begin: "0.3s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.3s", fill: "freeze" })] }), jsxs("path", { d: OVL_VERK, stroke: accentColor !== null && accentColor !== void 0 ? accentColor : primaryColor, strokeWidth: "1.3", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.8", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.6s", begin: "0.55s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.8", dur: "0.1s", begin: "0.55s", fill: "freeze" })] })] })),
-        outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OVL_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 60", to: "60 0", dur: "0.6s", fill: "freeze" }) }), jsx("path", { d: OVL_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 50", to: "50 0", dur: "0.5s", begin: "0.2s", fill: "freeze" }) }), jsxs("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.7s", begin: "0.4s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.4s", fill: "freeze" })] }), jsxs("path", { d: OVL_VERK, stroke: primaryColor, strokeWidth: "1.2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.7", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.6s", begin: "0.6s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.7", dur: "0.1s", begin: "0.6s", fill: "freeze" })] })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: OVL_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: OVL_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" }), jsx("path", { d: OVL_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: OVL_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" }), jsxs("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.8s", begin: "0.1s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.1s", fill: "freeze" })] }), jsxs("path", { d: OVL_VERK, stroke: primaryColor, strokeWidth: "1.3", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.7", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.6s", begin: "0.4s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.7", dur: "0.1s", begin: "0.4s", fill: "freeze" })] })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OVL_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.45s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) }), jsx("path", { d: OVL_TRIANGLE, fill: secondaryColor, opacity: "0.85", children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 26", to: "0 0", dur: "0.45s", begin: "0.12s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) }), jsx("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.7s", begin: "0.3s", fill: "freeze" }) }), jsx("path", { d: OVL_VERK, stroke: secondaryColor, strokeWidth: "1.3", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.75", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.6s", begin: "0.55s", fill: "freeze" }) })] })),
-    },
-});
-/* ═══════════════════════════════════════════════════════
-   NtdOmniVerkSpinner — Animated loading spinner
-
-   Diamond rotates continuously, triangle pulses opacity.
-   Useful for loading states, splash screens, transitions.
-   ═══════════════════════════════════════════════════════ */
-const NtdOmniVerkSpinner = /* @__PURE__ */ createIcon({
-    displayName: 'NtdOmniVerkSpinner',
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("g", { children: jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }) }), jsx("path", { d: OV_TRIANGLE, fill: primaryColor, children: jsx("animate", { attributeName: "opacity", values: "1;0.3;1", dur: "1.8s", repeatCount: "indefinite" }) })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("g", { children: jsxs("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: [jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }), jsx("animate", { attributeName: "stroke-dasharray", values: "0 40;20 20;40 0;20 20;0 40", dur: "1.8s", repeatCount: "indefinite" })] }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", values: "0 50;25 25;50 0;25 25;0 50", dur: "2.4s", repeatCount: "indefinite" }) })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity, children: jsx("animate", { attributeName: "opacity", values: `${secondaryOpacity};0.1;${secondaryOpacity}`, dur: "1.8s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("g", { children: jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }) }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, children: jsx("animate", { attributeName: "opacity", values: "1;0.4;1", dur: "1.8s", repeatCount: "indefinite" }) })] })),
-    },
-});
-/* ═══════════════════════════════════════════════════════
-   NtdOmniVerkBadge — Compact badge/favicon variant
-
-   OmniVerk symbol inside a rounded circle — optimized
-   for 16×16 / 32×32 favicon use and avatar badges.
-   Entry animation: circle scales in → shapes pop.
-   ═══════════════════════════════════════════════════════ */
-const OVB_DIAMOND = 'M12 4 L16 8 L12 12 L8 8Z';
-const OVB_TRIANGLE = 'M8 13.5 L16 13.5 L12 19.5Z';
-const NtdOmniVerkBadge = /* @__PURE__ */ createIcon({
-    displayName: 'NtdOmniVerkBadge',
-    paths: {
-        solid: ({ primaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.3s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsx("path", { d: OVB_DIAMOND, fill: accentColor !== null && accentColor !== void 0 ? accentColor : '#fff', children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.2s", fill: "freeze" }) }), jsx("path", { d: OVB_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : '#fff', children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.3s", fill: "freeze" }) })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 80", to: "80 0", dur: "0.5s", fill: "freeze" }) }), jsx("path", { d: OVB_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 40", to: "40 0", dur: "0.4s", begin: "0.3s", fill: "freeze" }) }), jsx("path", { d: OVB_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 30", to: "30 0", dur: "0.4s", begin: "0.5s", fill: "freeze" }) })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "11", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: OVB_DIAMOND, fill: primaryColor }), jsx("path", { d: OVB_TRIANGLE, fill: primaryColor })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "11", fill: "white", opacity: "0.08" }), jsx("path", { d: OVB_DIAMOND, fill: "white" }), jsx("path", { d: OVB_TRIANGLE, fill: secondaryColor })] })),
-    },
-});
-/* ═══════════════════════════════════════════════════════
-   NtdOmniVerkWatermark — Semi-transparent watermark
-
-   Intended for document backgrounds, slide overlays,
-   and PDF watermarks. Very light, non-intrusive.
-   Subtle infinite breathing animation.
-   ═══════════════════════════════════════════════════════ */
-const NtdOmniVerkWatermark = /* @__PURE__ */ createIcon({
-    displayName: 'NtdOmniVerkWatermark',
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: primaryColor, opacity: "0.08", children: jsx("animate", { attributeName: "opacity", values: "0.08;0.14;0.08", dur: "4s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, fill: primaryColor, opacity: "0.06", children: jsx("animate", { attributeName: "opacity", values: "0.06;0.11;0.06", dur: "4s", begin: "0.5s", repeatCount: "indefinite" }) })] })),
-        outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "0.5", fill: "none", opacity: "0.1", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "opacity", values: "0.1;0.18;0.1", dur: "4s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "0.5", fill: "none", opacity: "0.08", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "opacity", values: "0.08;0.15;0.08", dur: "4s", begin: "0.5s", repeatCount: "indefinite" }) })] })),
-        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: "0.06" }), jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "0.5", fill: "none", opacity: "0.08", strokeLinejoin: "miter" }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0.05" }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "0.5", fill: "none", opacity: "0.06", strokeLinejoin: "miter" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: primaryColor, opacity: "0.1", children: jsx("animate", { attributeName: "opacity", values: "0.1;0.16;0.1", dur: "4s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0.07", children: jsx("animate", { attributeName: "opacity", values: "0.07;0.13;0.07", dur: "4s", begin: "0.5s", repeatCount: "indefinite" }) })] })),
-    },
-});
-/* ═══════════════════════════════════════════════════════
-   NtdOmniVerkAnimated — Elaborate entrance animation
-
-   Diamond and triangle morph in with staggered spring
-   physics, followed by a one-time scale bounce and
-   color sweep. Designed for splash screens and hero
-   section entry effects.
-   ═══════════════════════════════════════════════════════ */
 const NtdOmniVerkAnimated = /* @__PURE__ */ createIcon({
-    displayName: 'NtdOmniVerkAnimated',
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("g", { children: jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0 -30;0 2;0 -1;0 0", keyTimes: "0;0.5;0.75;1", dur: "0.8s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })] }) }), jsx("g", { children: jsxs("path", { d: OV_TRIANGLE, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0 30;0 -2;0 1;0 0", keyTimes: "0;0.5;0.75;1", dur: "0.8s", begin: "0.2s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", begin: "0.2s", fill: "freeze" })] }) }), jsx("animateTransform", { attributeName: "transform", type: "scale", values: "1;1.08;0.98;1", keyTimes: "0;0.4;0.7;1", dur: "0.4s", begin: "0.9s", fill: "freeze", additive: "sum" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsxs("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 60", to: "60 0", dur: "0.6s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1" }), jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "90 12 7", to: "0 12 7", dur: "0.6s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" })] }), jsxs("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 50", to: "50 0", dur: "0.5s", begin: "0.35s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1" }), jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 10", to: "0 0", dur: "0.5s", begin: "0.35s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" })] })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsxs("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: "0", children: [jsx("animate", { attributeName: "opacity", from: "0", to: String(secondaryOpacity), dur: "0.3s", begin: "0.1s", fill: "freeze" }), jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0.3", to: "1", dur: "0.5s", begin: "0.1s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1", additive: "sum" })] }), jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 60", to: "60 0", dur: "0.5s", begin: "0.2s", fill: "freeze" }) }), jsxs("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0", children: [jsx("animate", { attributeName: "opacity", from: "0", to: String(secondaryOpacity), dur: "0.3s", begin: "0.3s", fill: "freeze" }), jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0.3", to: "1", dur: "0.5s", begin: "0.3s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1", additive: "sum" })] }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 50", to: "50 0", dur: "0.5s", begin: "0.4s", fill: "freeze" }) })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("g", { children: jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0 -30;0 2;0 -1;0 0", keyTimes: "0;0.5;0.75;1", dur: "0.8s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })] }) }), jsx("g", { children: jsxs("path", { d: OV_TRIANGLE, fill: secondaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0 30;0 -2;0 1;0 0", keyTimes: "0;0.5;0.75;1", dur: "0.8s", begin: "0.2s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", begin: "0.2s", fill: "freeze" })] }) })] })),
-    },
+  displayName: "NtdOmniVerkAnimated",
+  // its entrance plays in SVG animation elements: their times follow animationSpeed (1.3.17)
+  animated: true,
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [
+        /* @__PURE__ */ jsx(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "translate",
+            values: "0 -30;0 2;0 -1;0 0",
+            keyTimes: "0;0.5;0.75;1",
+            dur: "0.8s",
+            fill: "freeze",
+            calcMode: "spline",
+            keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1"
+          }
+        ),
+        /* @__PURE__ */ jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })
+      ] }) }),
+      /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("path", { d: OV_TRIANGLE, fill: primaryColor, children: [
+        /* @__PURE__ */ jsx(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "translate",
+            values: "0 30;0 -2;0 1;0 0",
+            keyTimes: "0;0.5;0.75;1",
+            dur: "0.8s",
+            begin: "0.2s",
+            fill: "freeze",
+            calcMode: "spline",
+            keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            from: "0",
+            to: "1",
+            dur: "0.3s",
+            begin: "0.2s",
+            fill: "freeze"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          values: "1;1.08;0.98;1",
+          keyTimes: "0;0.4;0.7;1",
+          dur: "0.4s",
+          begin: "0.9s",
+          fill: "freeze",
+          additive: "sum"
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "path",
+        {
+          d: OV_DIAMOND,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none",
+          strokeLinejoin: "miter",
+          children: [
+            /* @__PURE__ */ jsx(
+              "animate",
+              {
+                attributeName: "stroke-dasharray",
+                from: "0 60",
+                to: "60 0",
+                dur: "0.6s",
+                fill: "freeze",
+                calcMode: "spline",
+                keySplines: "0.22 1 0.36 1"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "animateTransform",
+              {
+                attributeName: "transform",
+                type: "rotate",
+                from: "90 12 7",
+                to: "0 12 7",
+                dur: "0.6s",
+                fill: "freeze",
+                calcMode: "spline",
+                keySplines: "0.34 1 0.64 1"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "path",
+        {
+          d: OV_TRIANGLE,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none",
+          strokeLinejoin: "miter",
+          children: [
+            /* @__PURE__ */ jsx(
+              "animate",
+              {
+                attributeName: "stroke-dasharray",
+                from: "0 50",
+                to: "50 0",
+                dur: "0.5s",
+                begin: "0.35s",
+                fill: "freeze",
+                calcMode: "spline",
+                keySplines: "0.22 1 0.36 1"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "animateTransform",
+              {
+                attributeName: "transform",
+                type: "translate",
+                from: "0 10",
+                to: "0 0",
+                dur: "0.5s",
+                begin: "0.35s",
+                fill: "freeze",
+                calcMode: "spline",
+                keySplines: "0.34 1 0.64 1"
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: "0", children: [
+        /* @__PURE__ */ jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            from: "0",
+            to: String(secondaryOpacity),
+            dur: "0.3s",
+            begin: "0.1s",
+            fill: "freeze"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "scale",
+            from: "0.3",
+            to: "1",
+            dur: "0.5s",
+            begin: "0.1s",
+            fill: "freeze",
+            calcMode: "spline",
+            keySplines: "0.34 1 0.64 1",
+            additive: "sum"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: OV_DIAMOND,
+          stroke: primaryColor,
+          strokeWidth: "1.5",
+          fill: "none",
+          strokeLinejoin: "miter",
+          children: /* @__PURE__ */ jsx(
+            "animate",
+            {
+              attributeName: "stroke-dasharray",
+              from: "0 60",
+              to: "60 0",
+              dur: "0.5s",
+              begin: "0.2s",
+              fill: "freeze"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0", children: [
+        /* @__PURE__ */ jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            from: "0",
+            to: String(secondaryOpacity),
+            dur: "0.3s",
+            begin: "0.3s",
+            fill: "freeze"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "scale",
+            from: "0.3",
+            to: "1",
+            dur: "0.5s",
+            begin: "0.3s",
+            fill: "freeze",
+            calcMode: "spline",
+            keySplines: "0.34 1 0.64 1",
+            additive: "sum"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: OV_TRIANGLE,
+          stroke: primaryColor,
+          strokeWidth: "1.5",
+          fill: "none",
+          strokeLinejoin: "miter",
+          children: /* @__PURE__ */ jsx(
+            "animate",
+            {
+              attributeName: "stroke-dasharray",
+              from: "0 50",
+              to: "50 0",
+              dur: "0.5s",
+              begin: "0.4s",
+              fill: "freeze"
+            }
+          )
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [
+        /* @__PURE__ */ jsx(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "translate",
+            values: "0 -30;0 2;0 -1;0 0",
+            keyTimes: "0;0.5;0.75;1",
+            dur: "0.8s",
+            fill: "freeze",
+            calcMode: "spline",
+            keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1"
+          }
+        ),
+        /* @__PURE__ */ jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })
+      ] }) }),
+      /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("path", { d: OV_TRIANGLE, fill: secondaryColor, children: [
+        /* @__PURE__ */ jsx(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "translate",
+            values: "0 30;0 -2;0 1;0 0",
+            keyTimes: "0;0.5;0.75;1",
+            dur: "0.8s",
+            begin: "0.2s",
+            fill: "freeze",
+            calcMode: "spline",
+            keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            from: "0",
+            to: "1",
+            dur: "0.3s",
+            begin: "0.2s",
+            fill: "freeze"
+          }
+        )
+      ] }) })
+    ] })
+  }
 });
-
-export { NtdNiceToDev, NtdOmniVerk, NtdOmniVerkAnimated, NtdOmniVerkBadge, NtdOmniVerkLogo, NtdOmniVerkSpinner, NtdOmniVerkWatermark };
+export {
+  NtdNiceToDev,
+  NtdOmniVerk,
+  NtdOmniVerkAnimated
+};