@nice2dev/icons 1.1.10 → 1.2.1

package/dist/esm/icons/shapes.js

@@ -1,223 +1,201 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
 
-const NtdArrowUpCircle = createIcon({
+const NtdArrowUpCircle = /* @__PURE__ */ createIcon({
     displayName: 'NtdArrowUpCircle',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
-const NtdArrowDownCircle = createIcon({
+const NtdArrowDownCircle = /* @__PURE__ */ createIcon({
     displayName: 'NtdArrowDownCircle',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
-const NtdArrowLeftCircle = createIcon({
+const NtdArrowLeftCircle = /* @__PURE__ */ createIcon({
     displayName: 'NtdArrowLeftCircle',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
-const NtdArrowRightCircle = createIcon({
+const NtdArrowRightCircle = /* @__PURE__ */ createIcon({
     displayName: 'NtdArrowRightCircle',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
-const NtdSquare = createIcon({
+const NtdSquare = /* @__PURE__ */ createIcon({
     displayName: 'NtdSquare',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdCircle = createIcon({
+const NtdCircle = /* @__PURE__ */ createIcon({
     displayName: 'NtdCircle',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdTriangle = createIcon({
+const NtdTriangle = /* @__PURE__ */ createIcon({
     displayName: 'NtdTriangle',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: "12,2 22,22 2,22", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,22 2,22", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 22,22 2,22", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor }), jsx("polygon", { points: "12,2 22,22 2,22", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdHexagon = createIcon({
+const NtdHexagon = /* @__PURE__ */ createIcon({
     displayName: 'NtdHexagon',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: primaryColor }), jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdOctagon = createIcon({
+const NtdOctagon = /* @__PURE__ */ createIcon({
     displayName: 'NtdOctagon',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: primaryColor }), jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdDiamond = createIcon({
+const NtdDiamond = /* @__PURE__ */ createIcon({
     displayName: 'NtdDiamond',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor }), jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdPentagon = createIcon({
+const NtdPentagon = /* @__PURE__ */ createIcon({
     displayName: 'NtdPentagon',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor }), jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdCross = createIcon({
+const NtdCross = /* @__PURE__ */ createIcon({
     displayName: 'NtdCross',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor }), jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdStar4 = createIcon({
+const NtdStar4 = /* @__PURE__ */ createIcon({
     displayName: 'NtdStar4',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: primaryColor }), jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: "white", opacity: "0.1" })] })),
     },
 });
-const NtdCornerUpLeft = createIcon({
+const NtdCornerUpLeft = /* @__PURE__ */ createIcon({
     displayName: 'NtdCornerUpLeft',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
     },
 });
-const NtdCornerUpRight = createIcon({
+const NtdCornerUpRight = /* @__PURE__ */ createIcon({
     displayName: 'NtdCornerUpRight',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
     },
 });
-const NtdCornerDownLeft = createIcon({
+const NtdCornerDownLeft = /* @__PURE__ */ createIcon({
     displayName: 'NtdCornerDownLeft',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
     },
 });
-const NtdCornerDownRight = createIcon({
+const NtdCornerDownRight = /* @__PURE__ */ createIcon({
     displayName: 'NtdCornerDownRight',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
     },
 });
-const NtdMaximize = createIcon({
+const NtdMaximize = /* @__PURE__ */ createIcon({
     displayName: 'NtdMaximize',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "9,21 3,21 3,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "9,21 3,21 3,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "9,21 3,21 3,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "9,21 3,21 3,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("polyline", { points: "9,21 3,21 3,15", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: secondaryColor, strokeWidth: "1.5" })] })),
     },
 });
-const NtdMinimize = createIcon({
+const NtdMinimize = /* @__PURE__ */ createIcon({
     displayName: 'NtdMinimize',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "20,10 14,10 14,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "20,10 14,10 14,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "20,10 14,10 14,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "20,10 14,10 14,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("polyline", { points: "20,10 14,10 14,4", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: secondaryColor, strokeWidth: "1.5" })] })),
     },
 });
-const NtdMove = createIcon({
+const NtdMove = /* @__PURE__ */ createIcon({
     displayName: 'NtdMove',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "9,5 12,2 15,5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "15,19 12,22 9,19", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "19,9 22,12 19,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "9,5 12,2 15,5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "15,19 12,22 9,19", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "19,9 22,12 19,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "9,5 12,2 15,5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "15,19 12,22 9,19", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "19,9 22,12 19,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "9,5 12,2 15,5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "15,19 12,22 9,19", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "19,9 22,12 19,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("polyline", { points: "9,5 12,2 15,5", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("polyline", { points: "15,19 12,22 9,19", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsx("polyline", { points: "19,9 22,12 19,15", stroke: secondaryColor, strokeWidth: "1.5", fill: "none" }), jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: secondaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: secondaryColor, strokeWidth: "1.5" })] })),
     },
 });
-const NtdRepeat = createIcon({
+const NtdRepeat = /* @__PURE__ */ createIcon({
     displayName: 'NtdRepeat',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "7,23 3,19 7,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "7,23 3,19 7,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "7,23 3,19 7,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "7,23 3,19 7,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("polyline", { points: "7,23 3,19 7,15", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: secondaryColor, strokeWidth: "1.5", fill: "none" })] })),
     },
 });
-const NtdShuffle = createIcon({
+const NtdShuffle = /* @__PURE__ */ createIcon({
     displayName: 'NtdShuffle',
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "21,16 21,21 16,21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "21,16 21,21 16,21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "21,16 21,21 16,21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "21,16 21,21 16,21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("polyline", { points: "21,16 21,21 16,21", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: secondaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: secondaryColor, strokeWidth: "1.5" })] })),
     },
 });

package/dist/esm/icons/smarthome.js

@@ -5,133 +5,120 @@ import { createIcon } from '../createIcon.js';
 // Smart Home & IoT Icons
 // Smart bulb, thermostat, camera, doorbell, sensors, hub, devices, etc.
 // ═══════════════════════════════════════════════════════════════════════════════
-const NtdSmartBulb = createIcon({
+const NtdSmartBulb = /* @__PURE__ */ createIcon({
     displayName: 'NtdSmartBulb',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: primaryColor }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M10 3a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1z", fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4a5.5 5.5 0 00-4 9.4V16a1.5 1.5 0 001.5 1.5h5a1.5 1.5 0 001.5-1.5v-2.6A5.5 5.5 0 0012 4z", fill: primaryColor }), jsx("rect", { x: "10", y: "18", width: "4", height: "2", rx: "0.5", fill: accentColor }), jsx("path", { d: "M6 8l-1.5-.75M18 8l1.5-.75M5 12H4M20 12h-1", stroke: accentColor, strokeWidth: "1" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: primaryColor }), jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: secondaryColor }), jsx("path", { d: "M10 3a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1z", fill: "#3B82F6" }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
-const NtdThermostat = createIcon({
+const NtdThermostat = /* @__PURE__ */ createIcon({
     displayName: 'NtdThermostat',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: accentColor, opacity: accentOpacity * 0.3 }), jsx("path", { d: "M12 6v3M12 15v3M6 12h3M15 12h3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("text", { x: "12", y: "13.5", textAnchor: "middle", fontSize: "5", fontWeight: "bold", fill: accentColor, opacity: accentOpacity, children: "22\u00B0" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("path", { d: "M12 6v2M12 16v2M6 12h2M16 12h2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8.5 8.5l1.5 1.5M15.5 8.5l-1.5 1.5M8.5 15.5l1.5-1.5M15.5 15.5l-1.5-1.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("path", { d: "M12 6v2M12 16v2M6 12h2M16 12h2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "5", fill: secondaryColor, opacity: "0.3" }), jsx("path", { d: "M12 6v1.5M12 16.5v1.5M6 12h1.5M16.5 12h1.5", stroke: accentColor, strokeWidth: "1.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: secondaryColor }), jsx("path", { d: "M12 6v3M12 15v3M6 12h3M15 12h3", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
-const NtdSmartCamera = createIcon({
+const NtdSmartCamera = /* @__PURE__ */ createIcon({
     displayName: 'NtdSmartCamera',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: accentColor, opacity: accentOpacity * 0.8 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5", cy: "9", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: primaryColor }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "7", width: "14", height: "10", rx: "1", fill: primaryColor }), jsx("path", { d: "M17 10l3-1.5v7l-3-1.5V10z", fill: accentColor }), jsx("circle", { cx: "10", cy: "12", r: "2.5", fill: accentColor }), jsx("circle", { cx: "10", cy: "12", r: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: secondaryColor }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: "#3B82F6" }), jsx("circle", { cx: "10", cy: "12", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: "#10B981" })] })),
     },
 });
-const NtdDoorbell = createIcon({
+const NtdDoorbell = /* @__PURE__ */ createIcon({
     displayName: 'NtdDoorbell',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M9 18h6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "7", y: "4", width: "10", height: "16", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "9", r: "2.5", fill: accentColor }), jsx("circle", { cx: "12", cy: "15", r: "1.5", fill: accentColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: primaryColor }), jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M9 18h6", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
-const NtdMotionSensor = createIcon({
+const NtdMotionSensor = /* @__PURE__ */ createIcon({
     displayName: 'NtdMotionSensor',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M12 1a11 11 0 0111 11", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity * 0.6, fill: "none" }), jsx("path", { d: "M12 20a8 8 0 01-8-8", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M12 23a11 11 0 01-11-11", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity * 0.6, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 1a11 11 0 0111 11", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M12 20a8 8 0 01-8-8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 23a11 11 0 01-11-11", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 1a11 11 0 0111 11", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M12 20a8 8 0 01-8-8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 23a11 11 0 01-11-11", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor }), jsx("path", { d: "M12 6a6 6 0 016 6", stroke: accentColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: accentColor, strokeWidth: "1", opacity: "0.6", fill: "none" }), jsx("path", { d: "M12 18a6 6 0 01-6-6", stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M12 1a11 11 0 0111 11", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M12 20a8 8 0 01-8-8", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M12 23a11 11 0 01-11-11", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
     },
 });
-const NtdSmartLock = createIcon({
+const NtdSmartLock = /* @__PURE__ */ createIcon({
     displayName: 'NtdSmartLock',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: "2.5", fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M12 17v2", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M2 14h2M20 14h2M2 18h2M20 18h2", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.7 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 14h2M20 14h2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: primaryColor }), jsx("path", { d: "M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "10", width: "14", height: "10", rx: "1", fill: primaryColor }), jsx("path", { d: "M8 10V7a4 4 0 118 0v3", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("circle", { cx: "12", cy: "14", r: "1.5", fill: accentColor }), jsx("path", { d: "M12 15.5v1.5", stroke: accentColor, strokeWidth: "1.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: secondaryColor }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M12 17v2", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M2 14h2M20 14h2M2 18h2M20 18h2", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
-const NtdSmartHub = createIcon({
+const NtdSmartHub = /* @__PURE__ */ createIcon({
     displayName: 'NtdSmartHub',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 4l4 4 4-4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4l4 4 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: primaryColor }), jsx("path", { d: "M8 4l4 4 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "9", width: "14", height: "8", rx: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "2.5", fill: accentColor }), jsx("path", { d: "M9 6l3 3 3-3", stroke: accentColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M9 20l3-3 3 3", stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: secondaryColor }), jsx("path", { d: "M8 4l4 4 4-4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" })] })),
     },
 });
-const NtdVoiceAssistant = createIcon({
+const NtdVoiceAssistant = /* @__PURE__ */ createIcon({
     displayName: 'NtdVoiceAssistant',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("path", { d: "M8 10v4M10 8v8M12 7v10M14 8v8M16 10v4", stroke: accentColor, strokeWidth: "1.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
-const NtdSmartPlug = createIcon({
+const NtdSmartPlug = /* @__PURE__ */ createIcon({
     displayName: 'NtdSmartPlug',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M4 12h16", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: primaryColor }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "9", width: "14", height: "10", rx: "1", fill: primaryColor }), jsx("circle", { cx: "9", cy: "14", r: "1.5", fill: accentColor }), jsx("circle", { cx: "15", cy: "14", r: "1.5", fill: accentColor }), jsx("path", { d: "M9 5v4M15 5v4", stroke: primaryColor, strokeWidth: "1.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M8 4v4M16 4v4", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M4 12h16", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
-const NtdTemperatureSensor = createIcon({
+const NtdTemperatureSensor = /* @__PURE__ */ createIcon({
     displayName: 'NtdTemperatureSensor',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M12 6v8", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M17 4h3M17 8h3M17 12h3", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.7 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 4h3M17 8h3M17 12h3", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "17", r: "2", fill: primaryColor }), jsx("path", { d: "M12 6v8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 4h3M17 8h3M17 12h3", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M13 14V4.5a1.5 1.5 0 00-3 0V14a3 3 0 103 0z", fill: primaryColor }), jsx("circle", { cx: "11.5", cy: "16", r: "1.5", fill: accentColor }), jsx("path", { d: "M11.5 7v6", stroke: accentColor, strokeWidth: "1.5" }), jsx("path", { d: "M16 5h2M16 8h2M16 11h2", stroke: accentColor, strokeWidth: "1" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", fill: primaryColor }), jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "17", r: "2", fill: secondaryColor }), jsx("path", { d: "M12 6v8", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M17 4h3M17 8h3M17 12h3", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
-const NtdSmartSwitch = createIcon({
+const NtdSmartSwitch = /* @__PURE__ */ createIcon({
     displayName: 'NtdSmartSwitch',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: primaryColor }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "7", width: "16", height: "10", rx: "5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "12", r: "3.5", fill: accentColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: primaryColor }), jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: secondaryColor })] })),
     },
 });
-const NtdRouter = createIcon({
+const NtdRouter = /* @__PURE__ */ createIcon({
     displayName: 'NtdRouter',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: "2" }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "14", y: "15", width: "5", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6", cy: "6", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "4", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5", cy: "16", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("circle", { cx: "9", cy: "16", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "12", width: "18", height: "7", rx: "1", fill: primaryColor }), jsx("path", { d: "M7 12V9M12 12V7M17 12V9", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "7", cy: "8", r: "1", fill: accentColor }), jsx("circle", { cx: "12", cy: "6", r: "1", fill: accentColor }), jsx("circle", { cx: "17", cy: "8", r: "1", fill: accentColor }), jsx("circle", { cx: "6", cy: "15.5", r: "0.75", fill: accentColor }), jsx("circle", { cx: "9", cy: "15.5", r: "0.75", fill: accentColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: "#3B82F6" }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: "#F59E0B" }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: "#10B981" }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: "#10B981" }), jsx("rect", { x: "14", y: "15", width: "5", height: "2", rx: "0.5", fill: "#10B981" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: "white", strokeWidth: "1" })] })),
     },
 });
-const NtdSmartSpeaker = createIcon({
+const NtdSmartSpeaker = /* @__PURE__ */ createIcon({
     displayName: 'NtdSmartSpeaker',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("path", { d: "M9 4.5h6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4.5h6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor, opacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M7 5h10a2 2 0 012 2v10a2 2 0 01-2 2H7a2 2 0 01-2-2V7a2 2 0 012-2z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "3.5", fill: accentColor, opacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "3.5", stroke: accentColor, strokeWidth: "1", fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: accentColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: primaryColor }), jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M9 4.5h6", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });