@mirohq/design-system-icons 0.46.0 → 0.47.1-style-dictionary.3

package/react/rectangle-triangle-bottom-center.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectangleTriangleBottomCenter: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -28,6 +31,7 @@ export const IconRectangleTriangleBottomCenter: IconComponentType = forwardRef(
         d='M17 17h4v-14h-18v14h4m2 3 3-4 3 4h-6Z'
       />
     )
+  }
 )
 
 IconRectangleTriangleBottomCenter[iconSymbol] = true

package/react/rectangles-three-aligned.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectanglesThreeAligned: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconRectanglesThreeAligned: IconComponentType = forwardRef(
         d='M11 12v.0001'
       />
     )
+  }
 )
 
 IconRectanglesThreeAligned[iconSymbol] = true

package/react/rectangles-three-free.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectanglesThreeFree: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconRectanglesThreeFree: IconComponentType = forwardRef(
         d='M11 12v.0001'
       />
     )
+  }
 )
 
 IconRectanglesThreeFree[iconSymbol] = true

package/react/rectangles-three-overlap.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectanglesThreeOverlap: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconRectanglesThreeOverlap: IconComponentType = forwardRef(
         d='M13 11v.0001'
       />
     )
+  }
 )
 
 IconRectanglesThreeOverlap[iconSymbol] = true

package/react/rectangles-two-line.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectanglesTwoLine: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconRectanglesTwoLine: IconComponentType = forwardRef(
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconRectanglesTwoLine[iconSymbol] = true

package/react/rectangles-two-lines-four.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectanglesTwoLinesFour: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -28,6 +31,7 @@ export const IconRectanglesTwoLinesFour: IconComponentType = forwardRef(
         d='M15 5h7m-7 4h4m-4 6h7m-7 4h4m-16-15h8v6h-8v-6Zm0 10h8v6h-8v-6Z'
       />
     )
+  }
 )
 
 IconRectanglesTwoLinesFour[iconSymbol] = true

package/react/rectangles-two-minus.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectanglesTwoMinus: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -28,6 +31,7 @@ export const IconRectanglesTwoMinus: IconComponentType = forwardRef(
         d='M6 15v4c0 .5523.4477 1 1 1h12c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-1m-12 7v-6c0-.5523.4477-1 1-1h11m-12 7h-2c-.5523 0-1-.4477-1-1v-9c0-.5523.4477-1 1-1h13c.5523 0 1 .4477 1 1v3m-7 6h4'
       />
     )
+  }
 )
 
 IconRectanglesTwoMinus[iconSymbol] = true

package/react/rectangles-two-plus.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectanglesTwoPlus: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -28,6 +31,7 @@ export const IconRectanglesTwoPlus: IconComponentType = forwardRef(
         d='M6 15v4c0 .5523.4477 1 1 1h12c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-1m-12 7v-6c0-.5523.4477-1 1-1h11m-12 7h-2c-.5523 0-1-.4477-1-1v-9c0-.5523.4477-1 1-1h13c.5523 0 1 .4477 1 1v3m-5 4v4m-2-2h4'
       />
     )
+  }
 )
 
 IconRectanglesTwoPlus[iconSymbol] = true

package/react/rectangles-two-user.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRectanglesTwoUser: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -34,6 +37,7 @@ export const IconRectanglesTwoUser: IconComponentType = forwardRef(
         d='M18 7v-3c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1h3m4 1s0-3 3-3h2c3 0 3 3 3 3m-11 3h14c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z'
       />
     )
+  }
 )
 
 IconRectanglesTwoUser[iconSymbol] = true

package/react/rhombus.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRhombus: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -26,6 +29,7 @@ export const IconRhombus: IconComponentType = forwardRef(
         d='m11.8232 3.1768-8.6464 8.6464a.25.25 0 0 0 0 .3536l8.6464 8.6464a.25.25 0 0 0 .3536 0l8.6464-8.6464a.25.25 0 0 0 0-.3536l-8.6464-8.6464a.25.25 0 0 0-.3536 0ZM12 4v.0001'
       />
     )
+  }
 )
 
 IconRhombus[iconSymbol] = true

package/react/rocket.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRocket: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -28,6 +31,7 @@ export const IconRocket: IconComponentType = forwardRef(
         d='m8 10.9999 5 5m-5-5-4-1 4-4 4 1m-4 4 4-4m1 9 1 4.0001 4-4-1-4.0001m-4 4 4-4m0 0 1-1c2-2 3-4 2-7-3-1-5 0-7 2l-1 1m-6 8c-1 1-2 2-2 5 3 0 4-.5 5-2'
       />
     )
+  }
 )
 
 IconRocket[iconSymbol] = true

package/react/rss-rectangle.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRssRectangle: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -29,6 +32,7 @@ export const IconRssRectangle: IconComponentType = forwardRef(
       />,
       <circle cx={2.5} cy={19.5} r={1.5} fill='currentColor' />
     )
+  }
 )
 
 IconRssRectangle[iconSymbol] = true

package/react/rss.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconRss: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -28,6 +31,7 @@ export const IconRss: IconComponentType = forwardRef(
         d='M3 12c5 0 9 3 9 9m-9-17c10 0 17 7 17 17'
       />
     )
+  }
 )
 
 IconRss[iconSymbol] = true

package/react/scissors.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconScissors: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -34,6 +37,7 @@ export const IconScissors: IconComponentType = forwardRef(
         d='M21 17c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3ZM9 17c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3ZM12 11v.0001'
       />
     )
+  }
 )
 
 IconScissors[iconSymbol] = true

package/react/scrollbar-xy.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconScrollbarXy: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -32,6 +35,7 @@ export const IconScrollbarXy: IconComponentType = forwardRef(
         d='M18 12v.0001'
       />
     )
+  }
 )
 
 IconScrollbarXy[iconSymbol] = true

package/react/shapes-lines.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShapesLines: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -53,6 +56,7 @@ export const IconShapesLines: IconComponentType = forwardRef(
         d='M5.2979 14.4042c.2893-.5785 1.115-.5785 1.4042.0001l3.2299 6.4596c.2609.522-.1186 1.1361-.7022 1.1361h-6.4596c-.5836 0-.9631-.6141-.7022-1.1361l3.2299-6.4597Z'
       />
     )
+  }
 )
 
 IconShapesLines[iconSymbol] = true

package/react/shapes.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShapes: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -32,6 +35,7 @@ export const IconShapes: IconComponentType = forwardRef(
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconShapes[iconSymbol] = true

package/react/shield-check.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShieldCheck: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -34,6 +37,7 @@ export const IconShieldCheck: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconShieldCheck[iconSymbol] = true

package/react/shield-lock.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShieldLock: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconShieldLock: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconShieldLock[iconSymbol] = true

package/react/shuffle.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShuffle: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconShuffle: IconComponentType = forwardRef(
         d='M12 13v.0001'
       />
     )
+  }
 )
 
 IconShuffle[iconSymbol] = true

package/react/sidebar-closed.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSidebarClosed: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -34,6 +37,7 @@ export const IconSidebarClosed: IconComponentType = forwardRef(
         d='M11 12v.0001'
       />
     )
+  }
 )
 
 IconSidebarClosed[iconSymbol] = true