@tidbcloud/uikit 2.3.0 → 2.3.2

package/dist/icons/react/Toggle01Left.cjs

@@ -7,21 +7,21 @@ const IconToggle01Left = (props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
+          d: "M4.66665 11.3334H11.3333C13.1743 11.3334 14.6666 9.84097 14.6666 8.00002C14.6666 6.15907 13.1743 4.66669 11.3333 4.66669H4.66665M4.66665 11.3334C2.8257 11.3334 1.33331 9.84097 1.33331 8.00002C1.33331 6.15907 2.8257 4.66669 4.66665 4.66669M4.66665 11.3334C6.5076 11.3334 7.99998 9.84097 7.99998 8.00002C7.99998 6.15907 6.5076 4.66669 4.66665 4.66669",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M7 17h10a5 5 0 0 0 0-10H7m0 10A5 5 0 0 1 7 7m0 10A5 5 0 0 0 7 7",
           strokeWidth: "inherit"
         }
       )
@@ -38,7 +38,15 @@ const Toggle01Left = React.forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle01Left", props.className].join(" ")
+    }
+  );
 });
 Toggle01Left.displayName = "IconToggle01Left";
 exports.default = Toggle01Left;

package/dist/icons/react/Toggle01Left.mjs

@@ -5,21 +5,21 @@ const IconToggle01Left = (props, ref) => {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsx(
         "path",
         {
+          d: "M4.66665 11.3334H11.3333C13.1743 11.3334 14.6666 9.84097 14.6666 8.00002C14.6666 6.15907 13.1743 4.66669 11.3333 4.66669H4.66665M4.66665 11.3334C2.8257 11.3334 1.33331 9.84097 1.33331 8.00002C1.33331 6.15907 2.8257 4.66669 4.66665 4.66669M4.66665 11.3334C6.5076 11.3334 7.99998 9.84097 7.99998 8.00002C7.99998 6.15907 6.5076 4.66669 4.66665 4.66669",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M7 17h10a5 5 0 0 0 0-10H7m0 10A5 5 0 0 1 7 7m0 10A5 5 0 0 0 7 7",
           strokeWidth: "inherit"
         }
       )
@@ -36,7 +36,15 @@ const Toggle01Left = forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle01Left", props.className].join(" ")
+    }
+  );
 });
 Toggle01Left.displayName = "IconToggle01Left";
 export {

package/dist/icons/react/Toggle01Right.cjs

@@ -7,21 +7,21 @@ const IconToggle01Right = (props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
+          d: "M11.3333 11.3333H4.66665C2.8257 11.3333 1.33331 9.84091 1.33331 7.99996C1.33331 6.15901 2.8257 4.66663 4.66665 4.66663H11.3333M11.3333 11.3333C13.1743 11.3333 14.6666 9.84091 14.6666 7.99996C14.6666 6.15901 13.1743 4.66663 11.3333 4.66663M11.3333 11.3333C9.49236 11.3333 7.99998 9.84091 7.99998 7.99996C7.99998 6.15901 9.49236 4.66663 11.3333 4.66663",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M17 17H7A5 5 0 0 1 7 7h10m0 10a5 5 0 0 0 0-10m0 10a5 5 0 0 1 0-10",
           strokeWidth: "inherit"
         }
       )
@@ -38,7 +38,15 @@ const Toggle01Right = React.forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle01Right", props.className].join(" ")
+    }
+  );
 });
 Toggle01Right.displayName = "IconToggle01Right";
 exports.default = Toggle01Right;

package/dist/icons/react/Toggle01Right.mjs

@@ -5,21 +5,21 @@ const IconToggle01Right = (props, ref) => {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsx(
         "path",
         {
+          d: "M11.3333 11.3333H4.66665C2.8257 11.3333 1.33331 9.84091 1.33331 7.99996C1.33331 6.15901 2.8257 4.66663 4.66665 4.66663H11.3333M11.3333 11.3333C13.1743 11.3333 14.6666 9.84091 14.6666 7.99996C14.6666 6.15901 13.1743 4.66663 11.3333 4.66663M11.3333 11.3333C9.49236 11.3333 7.99998 9.84091 7.99998 7.99996C7.99998 6.15901 9.49236 4.66663 11.3333 4.66663",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M17 17H7A5 5 0 0 1 7 7h10m0 10a5 5 0 0 0 0-10m0 10a5 5 0 0 1 0-10",
           strokeWidth: "inherit"
         }
       )
@@ -36,7 +36,15 @@ const Toggle01Right = forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle01Right", props.className].join(" ")
+    }
+  );
 });
 Toggle01Right.displayName = "IconToggle01Right";
 export {

package/dist/icons/react/Toggle02Left.cjs

@@ -7,21 +7,21 @@ const IconToggle02Left = (props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
+          d: "M6.66697 10.6666H12C13.4727 10.6666 14.6666 9.47272 14.6666 7.99996C14.6666 6.5272 13.4727 5.33329 12 5.33329H6.66697M7.99998 7.99996C7.99998 9.84091 6.5076 11.3333 4.66665 11.3333C2.8257 11.3333 1.33331 9.84091 1.33331 7.99996C1.33331 6.15901 2.8257 4.66663 4.66665 4.66663C6.5076 4.66663 7.99998 6.15901 7.99998 7.99996Z",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M10 16h8a4 4 0 0 0 0-8h-8m2 4a5 5 0 1 1-10 0 5 5 0 0 1 10 0",
           strokeWidth: "inherit"
         }
       )
@@ -38,7 +38,15 @@ const Toggle02Left = React.forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle02Left", props.className].join(" ")
+    }
+  );
 });
 Toggle02Left.displayName = "IconToggle02Left";
 exports.default = Toggle02Left;

package/dist/icons/react/Toggle02Left.mjs

@@ -5,21 +5,21 @@ const IconToggle02Left = (props, ref) => {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsx(
         "path",
         {
+          d: "M6.66697 10.6666H12C13.4727 10.6666 14.6666 9.47272 14.6666 7.99996C14.6666 6.5272 13.4727 5.33329 12 5.33329H6.66697M7.99998 7.99996C7.99998 9.84091 6.5076 11.3333 4.66665 11.3333C2.8257 11.3333 1.33331 9.84091 1.33331 7.99996C1.33331 6.15901 2.8257 4.66663 4.66665 4.66663C6.5076 4.66663 7.99998 6.15901 7.99998 7.99996Z",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M10 16h8a4 4 0 0 0 0-8h-8m2 4a5 5 0 1 1-10 0 5 5 0 0 1 10 0",
           strokeWidth: "inherit"
         }
       )
@@ -36,7 +36,15 @@ const Toggle02Left = forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle02Left", props.className].join(" ")
+    }
+  );
 });
 Toggle02Left.displayName = "IconToggle02Left";
 export {

package/dist/icons/react/Toggle02Right.cjs

@@ -7,21 +7,21 @@ const IconToggle02Right = (props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
+          d: "M9.33299 10.6666H3.99998C2.52722 10.6666 1.33331 9.47272 1.33331 7.99996C1.33331 6.5272 2.52722 5.33329 3.99998 5.33329H9.33299M14.6663 7.99996C14.6663 9.84091 13.1739 11.3333 11.333 11.3333C9.49204 11.3333 7.99965 9.84091 7.99965 7.99996C7.99965 6.15901 9.49204 4.66663 11.333 4.66663C13.1739 4.66663 14.6663 6.15901 14.6663 7.99996Z",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M14 16H6a4 4 0 0 1 0-8h8m8 4a5 5 0 1 1-10 0 5 5 0 0 1 10 0",
           strokeWidth: "inherit"
         }
       )
@@ -38,7 +38,15 @@ const Toggle02Right = React.forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle02Right", props.className].join(" ")
+    }
+  );
 });
 Toggle02Right.displayName = "IconToggle02Right";
 exports.default = Toggle02Right;

package/dist/icons/react/Toggle02Right.mjs

@@ -5,21 +5,21 @@ const IconToggle02Right = (props, ref) => {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsx(
         "path",
         {
+          d: "M9.33299 10.6666H3.99998C2.52722 10.6666 1.33331 9.47272 1.33331 7.99996C1.33331 6.5272 2.52722 5.33329 3.99998 5.33329H9.33299M14.6663 7.99996C14.6663 9.84091 13.1739 11.3333 11.333 11.3333C9.49204 11.3333 7.99965 9.84091 7.99965 7.99996C7.99965 6.15901 9.49204 4.66663 11.333 4.66663C13.1739 4.66663 14.6663 6.15901 14.6663 7.99996Z",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M14 16H6a4 4 0 0 1 0-8h8m8 4a5 5 0 1 1-10 0 5 5 0 0 1 10 0",
           strokeWidth: "inherit"
         }
       )
@@ -36,7 +36,15 @@ const Toggle02Right = forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle02Right", props.className].join(" ")
+    }
+  );
 });
 Toggle02Right.displayName = "IconToggle02Right";
 export {

package/dist/icons/react/Toggle03Left.cjs

@@ -7,11 +7,11 @@ const IconToggle03Left = (props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
@@ -19,20 +19,20 @@ const IconToggle03Left = (props, ref) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
+            d: "M1.33331 8C1.33331 5.79086 3.12417 4 5.33331 4H10.6666C12.8758 4 14.6666 5.79086 14.6666 8C14.6666 10.2091 12.8758 12 10.6666 12H5.33331C3.12417 12 1.33331 10.2091 1.33331 8Z",
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            d: "M2 12a6 6 0 0 1 6-6h8a6 6 0 0 1 0 12H8a6 6 0 0 1-6-6",
             strokeWidth: "inherit"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
+            d: "M5.33331 9.66667C6.25379 9.66667 6.99998 8.92047 6.99998 8C6.99998 7.07953 6.25379 6.33333 5.33331 6.33333C4.41284 6.33333 3.66665 7.07953 3.66665 8C3.66665 8.92047 4.41284 9.66667 5.33331 9.66667Z",
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            d: "M8 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5",
             strokeWidth: "inherit"
           }
         )
@@ -50,7 +50,15 @@ const Toggle03Left = React.forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle03Left", props.className].join(" ")
+    }
+  );
 });
 Toggle03Left.displayName = "IconToggle03Left";
 exports.default = Toggle03Left;

package/dist/icons/react/Toggle03Left.mjs

@@ -5,11 +5,11 @@ const IconToggle03Left = (props, ref) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
@@ -17,20 +17,20 @@ const IconToggle03Left = (props, ref) => {
         /* @__PURE__ */ jsx(
           "path",
           {
+            d: "M1.33331 8C1.33331 5.79086 3.12417 4 5.33331 4H10.6666C12.8758 4 14.6666 5.79086 14.6666 8C14.6666 10.2091 12.8758 12 10.6666 12H5.33331C3.12417 12 1.33331 10.2091 1.33331 8Z",
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            d: "M2 12a6 6 0 0 1 6-6h8a6 6 0 0 1 0 12H8a6 6 0 0 1-6-6",
             strokeWidth: "inherit"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
+            d: "M5.33331 9.66667C6.25379 9.66667 6.99998 8.92047 6.99998 8C6.99998 7.07953 6.25379 6.33333 5.33331 6.33333C4.41284 6.33333 3.66665 7.07953 3.66665 8C3.66665 8.92047 4.41284 9.66667 5.33331 9.66667Z",
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            d: "M8 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5",
             strokeWidth: "inherit"
           }
         )
@@ -48,7 +48,15 @@ const Toggle03Left = forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle03Left", props.className].join(" ")
+    }
+  );
 });
 Toggle03Left.displayName = "IconToggle03Left";
 export {

package/dist/icons/react/Toggle03Right.cjs

@@ -7,11 +7,11 @@ const IconToggle03Right = (props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
@@ -19,20 +19,20 @@ const IconToggle03Right = (props, ref) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
+            d: "M1.33331 8C1.33331 5.79086 3.12417 4 5.33331 4H10.6666C12.8758 4 14.6666 5.79086 14.6666 8C14.6666 10.2091 12.8758 12 10.6666 12H5.33331C3.12417 12 1.33331 10.2091 1.33331 8Z",
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            d: "M2 12a6 6 0 0 1 6-6h8a6 6 0 0 1 0 12H8a6 6 0 0 1-6-6",
             strokeWidth: "inherit"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
+            d: "M10.6666 9.66667C11.5871 9.66667 12.3333 8.92047 12.3333 8C12.3333 7.07953 11.5871 6.33333 10.6666 6.33333C9.74617 6.33333 8.99998 7.07953 8.99998 8C8.99998 8.92047 9.74617 9.66667 10.6666 9.66667Z",
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            d: "M16 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5",
             strokeWidth: "inherit"
           }
         )
@@ -50,7 +50,15 @@ const Toggle03Right = React.forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle03Right", props.className].join(" ")
+    }
+  );
 });
 Toggle03Right.displayName = "IconToggle03Right";
 exports.default = Toggle03Right;

package/dist/icons/react/Toggle03Right.mjs

@@ -5,11 +5,11 @@ const IconToggle03Right = (props, ref) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
@@ -17,20 +17,20 @@ const IconToggle03Right = (props, ref) => {
         /* @__PURE__ */ jsx(
           "path",
           {
+            d: "M1.33331 8C1.33331 5.79086 3.12417 4 5.33331 4H10.6666C12.8758 4 14.6666 5.79086 14.6666 8C14.6666 10.2091 12.8758 12 10.6666 12H5.33331C3.12417 12 1.33331 10.2091 1.33331 8Z",
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            d: "M2 12a6 6 0 0 1 6-6h8a6 6 0 0 1 0 12H8a6 6 0 0 1-6-6",
             strokeWidth: "inherit"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
+            d: "M10.6666 9.66667C11.5871 9.66667 12.3333 8.92047 12.3333 8C12.3333 7.07953 11.5871 6.33333 10.6666 6.33333C9.74617 6.33333 8.99998 7.07953 8.99998 8C8.99998 8.92047 9.74617 9.66667 10.6666 9.66667Z",
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            d: "M16 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5",
             strokeWidth: "inherit"
           }
         )
@@ -48,7 +48,15 @@ const Toggle03Right = forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Toggle03Right", props.className].join(" ")
+    }
+  );
 });
 Toggle03Right.displayName = "IconToggle03Right";
 export {

package/dist/icons/react/Tool01.cjs

@@ -7,21 +7,21 @@ const IconTool01 = (props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
+          d: "M10.4209 5.08762C10.1569 4.82361 10.0249 4.6916 9.97545 4.53939C9.93194 4.40549 9.93194 4.26126 9.97545 4.12736C10.0249 3.97514 10.1569 3.84314 10.4209 3.57913L12.3132 1.68688C11.811 1.45979 11.2536 1.33337 10.6667 1.33337C8.45754 1.33337 6.66668 3.12424 6.66668 5.33337C6.66668 5.66073 6.706 5.97891 6.78018 6.28343C6.85962 6.60953 6.89934 6.77259 6.89229 6.87559C6.88491 6.98343 6.86883 7.04081 6.8191 7.13678C6.77159 7.22846 6.68058 7.31947 6.49855 7.5015L2.33334 11.6667C1.78106 12.219 1.78106 13.1144 2.33334 13.6667C2.88563 14.219 3.78106 14.219 4.33334 13.6667L8.49855 9.5015C8.68058 9.31947 8.77159 9.22846 8.86327 9.18095C8.95924 9.13122 9.01662 9.11514 9.12446 9.10776C9.22746 9.10071 9.39052 9.14043 9.71662 9.21987C10.0211 9.29405 10.3393 9.33337 10.6667 9.33337C12.8758 9.33337 14.6667 7.54251 14.6667 5.33337C14.6667 4.74644 14.5403 4.18902 14.3132 3.68688L12.4209 5.57913C12.1569 5.84314 12.0249 5.97514 11.8727 6.0246C11.7388 6.06811 11.5946 6.06811 11.4607 6.0246C11.3084 5.97514 11.1764 5.84314 10.9124 5.57913L10.4209 5.08762Z",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M15.631 7.631c-.396-.396-.594-.594-.668-.822a1 1 0 0 1 0-.618c.074-.228.272-.426.668-.822L18.47 2.53a6 6 0 0 0-8.3 6.895c.12.49.179.734.168.888a.85.85 0 0 1-.11.392c-.07.138-.207.274-.48.547L3.5 17.5a2.121 2.121 0 0 0 3 3l6.248-6.248c.273-.273.41-.41.547-.48a.85.85 0 0 1 .392-.11c.154-.011.399.049.888.168q.687.168 1.425.17a6 6 0 0 0 5.47-8.47L18.63 8.37c-.396.396-.594.594-.822.668a1 1 0 0 1-.618 0c-.228-.074-.426-.272-.822-.668z",
           strokeWidth: "inherit"
         }
       )
@@ -38,7 +38,15 @@ const Tool01 = React.forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Tool01", props.className].join(" ")
+    }
+  );
 });
 Tool01.displayName = "IconTool01";
 exports.default = Tool01;

package/dist/icons/react/Tool01.mjs

@@ -5,21 +5,21 @@ const IconTool01 = (props, ref) => {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "1.5",
       ref,
       ...props,
       children: /* @__PURE__ */ jsx(
         "path",
         {
+          d: "M10.4209 5.08762C10.1569 4.82361 10.0249 4.6916 9.97545 4.53939C9.93194 4.40549 9.93194 4.26126 9.97545 4.12736C10.0249 3.97514 10.1569 3.84314 10.4209 3.57913L12.3132 1.68688C11.811 1.45979 11.2536 1.33337 10.6667 1.33337C8.45754 1.33337 6.66668 3.12424 6.66668 5.33337C6.66668 5.66073 6.706 5.97891 6.78018 6.28343C6.85962 6.60953 6.89934 6.77259 6.89229 6.87559C6.88491 6.98343 6.86883 7.04081 6.8191 7.13678C6.77159 7.22846 6.68058 7.31947 6.49855 7.5015L2.33334 11.6667C1.78106 12.219 1.78106 13.1144 2.33334 13.6667C2.88563 14.219 3.78106 14.219 4.33334 13.6667L8.49855 9.5015C8.68058 9.31947 8.77159 9.22846 8.86327 9.18095C8.95924 9.13122 9.01662 9.11514 9.12446 9.10776C9.22746 9.10071 9.39052 9.14043 9.71662 9.21987C10.0211 9.29405 10.3393 9.33337 10.6667 9.33337C12.8758 9.33337 14.6667 7.54251 14.6667 5.33337C14.6667 4.74644 14.5403 4.18902 14.3132 3.68688L12.4209 5.57913C12.1569 5.84314 12.0249 5.97514 11.8727 6.0246C11.7388 6.06811 11.5946 6.06811 11.4607 6.0246C11.3084 5.97514 11.1764 5.84314 10.9124 5.57913L10.4209 5.08762Z",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          d: "M15.631 7.631c-.396-.396-.594-.594-.668-.822a1 1 0 0 1 0-.618c.074-.228.272-.426.668-.822L18.47 2.53a6 6 0 0 0-8.3 6.895c.12.49.179.734.168.888a.85.85 0 0 1-.11.392c-.07.138-.207.274-.48.547L3.5 17.5a2.121 2.121 0 0 0 3 3l6.248-6.248c.273-.273.41-.41.547-.48a.85.85 0 0 1 .392-.11c.154-.011.399.049.888.168q.687.168 1.425.17a6 6 0 0 0 5.47-8.47L18.63 8.37c-.396.396-.594.594-.822.668a1 1 0 0 1-.618 0c-.228-.074-.426-.272-.822-.668z",
           strokeWidth: "inherit"
         }
       )
@@ -36,7 +36,15 @@ const Tool01 = forwardRef((props, ref) => {
       h: size
     };
   }
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, component: ForwardRef });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      ...props,
+      component: ForwardRef,
+      className: ["tiui-icon", "Tool01", props.className].join(" ")
+    }
+  );
 });
 Tool01.displayName = "IconTool01";
 export {