@genarou/blazir-icons 1.3.2 → 1.3.4

package/dist/icons/Home.svelte

@@ -1,17 +1,21 @@
 <script lang="ts">
   import IconBase from "../IconBase.svelte";
-  import type { IconProps } from "../types";
-  const props: IconProps = $props();
+  import type { IconMode, IconProps } from "../types.js";
+
+  const props: IconProps & { mode?: IconMode } = $props();
 </script>
 
 <IconBase
   {...props}
   mode="solid"
   viewBox="0 0 24 24"
-  ariaLabel={props.ariaLabel ?? "Home"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Inicio"}
+  title={props.title ?? "Home"}
 >
-  <path
-    d="M20 19v-8.5a1 1 0 0 0-.4-.8l-7-5.25a1 1 0 0 0-1.2 0l-7 5.25a1 1 0 0 0-.4.8V19a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1"
-  />
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M12.7 2.25c-.4-.3-1-.3-1.4 0l-8.5 6.4c-.5.4-.8 1-.8 1.6V19c0 1.1.9 2 2 2h5v-5c0-.6.4-1 1-1h4c.6 0 1 .4 1 1v5h5c1.1 0 2-.9 2-2V10.25c0-.6-.3-1.2-.8-1.6l-8.5-6.4z"
+    />
+  {/snippet}
 </IconBase>

package/dist/icons/Home.svelte.d.ts

@@ -1,4 +1,7 @@
-import type { IconProps } from "../types";
-declare const Home: import("svelte").Component<IconProps, {}, "">;
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const Home: import("svelte").Component<$$ComponentProps, {}, "">;
 type Home = ReturnType<typeof Home>;
 export default Home;

package/dist/icons/MagnifiyingGlass.svelte

@@ -1,18 +1,22 @@
-<!-- src/lib/icons/SearchSmall.svelte -->
 <script lang="ts">
   import IconBase from "../IconBase.svelte";
-  import type { IconProps } from "../types";
-  const props: IconProps = $props();
+  import type { IconMode, IconProps } from "../types.js";
+
+  const props: IconProps & { mode?: IconMode } = $props();
 </script>
 
 <IconBase
   {...props}
   mode="solid"
   viewBox="0 0 8 8"
-  ariaLabel={props.ariaLabel ?? "SearchSmall"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Buscar"}
+  title={props.title ?? "Search Small"}
 >
-  <path
-    d="M3.5 0C1.57 0 0 1.57 0 3.5S1.57 7 3.5 7c.59 0 1.17-.14 1.66-.41a1 1 0 0 0 .13.13l1 1a1.02 1.02 0 1 0 1.44-1.44l-1-1a1 1 0 0 0-.16-.13c.27-.49.44-1.06.44-1.66c0-1.93-1.57-3.5-3.5-3.5zm0 1C4.89 1 6 2.11 6 3.5c0 .66-.24 1.27-.66 1.72l-.03.03a1 1 0 0 0-.13.13c-.44.4-1.04.63-1.69.63c-1.39 0-2.5-1.11-2.5-2.5s1.11-2.5 2.5-2.5z"
-  />
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M3.5 0C1.57 0 0 1.57 0 3.5S1.57 7 3.5 7c.74 0 1.42-.23 1.97-.63l1.1 1.1c.3.3.77.3 1.06 0 .3-.3.3-.77 0-1.06l-1.1-1.1c.4-.55.63-1.23.63-1.97C7.16 1.57 5.43 0 3.5 0zm0 1.5c1.1 0 2 0.9 2 2s-0.9 2-2 2-2-0.9-2-2 0.9-2 2-2z"
+    />
+  {/snippet}
 </IconBase>
+

package/dist/icons/MagnifiyingGlass.svelte.d.ts

@@ -1,4 +1,7 @@
-import type { IconProps } from "../types";
-declare const MagnifiyingGlass: import("svelte").Component<IconProps, {}, "">;
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const MagnifiyingGlass: import("svelte").Component<$$ComponentProps, {}, "">;
 type MagnifiyingGlass = ReturnType<typeof MagnifiyingGlass>;
 export default MagnifiyingGlass;

package/dist/icons/Pause.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+    import IconBase from "../IconBase.svelte";
+    import type { IconMode, IconProps } from "../types.js";
+
+    const props: IconProps & { mode?: IconMode } = $props();
+</script>
+
+<IconBase
+    {...props}
+    mode="solid"
+    viewBox="0 0 24 24"
+    ariaLabel={props.ariaLabel ?? "Pausar"}
+    title={props.title ?? "Pause"}
+>
+    {#snippet children()}
+        <path
+            fill="currentColor"
+            d="M16 19q-.825 0-1.412-.587T14 17V7q0-.825.588-1.412T16 5t1.413.588T18 7v10q0 .825-.587 1.413T16 19m-8 0q-.825 0-1.412-.587T6 17V7q0-.825.588-1.412T8 5t1.413.588T10 7v10q0 .825-.587 1.413T8 19"
+        />
+    {/snippet}
+</IconBase>

package/dist/icons/Pause.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const Pause: import("svelte").Component<$$ComponentProps, {}, "">;
+type Pause = ReturnType<typeof Pause>;
+export default Pause;

package/dist/icons/Play.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+    import IconBase from "../IconBase.svelte";
+    import type { IconMode, IconProps } from "../types.js";
+
+    const props: IconProps & { mode?: IconMode } = $props();
+</script>
+
+<IconBase
+    {...props}
+    mode="solid"
+    viewBox="0 0 24 24"
+    ariaLabel={props.ariaLabel ?? "Reproducir"}
+    title={props.title ?? "Play"}
+>
+    {#snippet children()}
+        <path
+            fill="currentColor"
+            d="M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"
+        />
+    {/snippet}
+</IconBase>

package/dist/icons/Play.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const Play: import("svelte").Component<$$ComponentProps, {}, "">;
+type Play = ReturnType<typeof Play>;
+export default Play;

package/dist/icons/Process.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+    import IconBase from "../IconBase.svelte";
+    import type { IconMode, IconProps } from "../types.js";
+
+    const props: IconProps & { mode?: IconMode } = $props();
+</script>
+
+<IconBase
+    {...props}
+    mode="solid"
+    viewBox="0 0 24 24"
+    ariaLabel={props.ariaLabel ?? "Conexiones"}
+    title={props.title ?? "Connections"}
+>
+    {#snippet children()}
+        <path
+            fill="currentColor"
+            d="M16 20q-.425 0-.712-.288T15 19v-1h-3q-.425 0-.712-.288T11 17v-4H9v1q0 .425-.288.713T8 15H3q-.425 0-.712-.288T2 14v-4q0-.425.288-.712T3 9h5q.425 0 .713.288T9 10v1h2V7q0-.425.288-.712T12 6h3V5q0-.425.288-.712T16 4h5q.425 0 .713.288T22 5v4q0 .425-.288.713T21 10h-5q-.425 0-.712-.288T15 9V8h-2v8h2v-1q0-.425.288-.712T16 14h5q.425 0 .713.288T22 15v4q0 .425-.288.713T21 20z"
+        />
+    {/snippet}
+</IconBase>

package/dist/icons/Process.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const Process: import("svelte").Component<$$ComponentProps, {}, "">;
+type Process = ReturnType<typeof Process>;
+export default Process;

package/dist/icons/Qr.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconMode, IconProps } from "../types.js";
+
+  const props: IconProps & { mode?: IconMode } = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode={props.mode ?? "solid"}
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Código QR"}
+  title={props.title ?? "QR Code"}
+>
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M13 21v-2h2v2zm-2-2v-5h2v5zm8-3v-4h2v4zm-2-4v-2h2v2zM5 14v-2h2v2zm-2-2v-2h2v2zm9-7V3h2v2zM4.5 7.5h3v-3h-3zM3 8V4q0-.425.288-.712T4 3h4q.425 0 .713.288T9 4v4q0 .425-.288.713T8 9H4q-.425 0-.712-.288T3 8m1.5 11.5h3v-3h-3zM3 20v-4q0-.425.288-.712T4 15h4q.425 0 .713.288T9 16v4q0 .425-.288.713T8 21H4q-.425 0-.712-.288T3 20M16.5 7.5h3v-3h-3zM15 8V4q0-.425.288-.712T16 3h4q.425 0 .713.288T21 4v4q0 .425-.288.713T20 9h-4q-.425 0-.712-.288T15 8m2 13v-3h-2v-2h4v3h2v2zm-4-7v-2h4v2zm-4 0v-2H7v-2h6v2h-2v2zm1-5V5h2v2h2v2zM5.25 6.75v-1.5h1.5v1.5zm0 12v-1.5h1.5v1.5zm12-12v-1.5h1.5v1.5z"
+    />
+  {/snippet}
+</IconBase>

package/dist/icons/Qr.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const Qr: import("svelte").Component<$$ComponentProps, {}, "">;
+type Qr = ReturnType<typeof Qr>;
+export default Qr;

package/dist/icons/Settings.svelte

@@ -1,13 +1,21 @@
-<!-- src/lib/icons/Settings.svelte -->
 <script lang="ts">
   import IconBase from "../IconBase.svelte";
-  import type { IconProps } from "../types";
-  const props: IconProps = $props();
+  import type { IconMode, IconProps } from "../types.js";
+
+  const props: IconProps & { mode?: IconMode } = $props();
 </script>
 
-<IconBase {...props} mode="solid" viewBox="0 0 24 24">
-  <path
-    fill="currentColor"
-    d="M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.3 7.3 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68m-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5"
-  />
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Configuración"}
+  title={props.title ?? "Settings"}
+>
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M19.14 12.94c.04-.3.06-.61.06-.94s-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.49.49 0 0 0-.48-.41h-3.84a.49.49 0 0 0-.48.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.07-.47 0-.59.22L2.65 8.87c-.11.21-.06.47.12.61l2.03 1.58c-.04.3-.06.61-.06.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.27.41.48.41h3.84c.21 0 .43-.17.48-.41l.36-2.54c.59-.24 1.13-.57 1.62-.94l2.39.96c.22.07.47 0 .59-.22l1.92-3.32c.11-.21.06-.47-.12-.61l-2.03-1.58zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5z"
+    />
+  {/snippet}
 </IconBase>

package/dist/icons/Settings.svelte.d.ts

@@ -1,4 +1,7 @@
-import type { IconProps } from "../types";
-declare const Settings: import("svelte").Component<IconProps, {}, "">;
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const Settings: import("svelte").Component<$$ComponentProps, {}, "">;
 type Settings = ReturnType<typeof Settings>;
 export default Settings;

package/dist/icons/SyncPhoto.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+    import IconBase from "../IconBase.svelte";
+    import type { IconMode, IconProps } from "../types.js";
+
+    const props: IconProps & { mode?: IconMode } = $props();
+</script>
+
+<IconBase
+    {...props}
+    mode="solid"
+    viewBox="0 0 24 24"
+    ariaLabel={props.ariaLabel ?? "Cámara con sincronización"}
+    title={props.title ?? "Camera Sync"}
+>
+    {#snippet children()}
+        <path
+            fill="currentColor"
+            d="M8 17q-.825 0-1.412-.587T6 15V9q0-.825.588-1.412T8 7h1l.7-.7q.15-.15.338-.225T10.425 6h3.15q.2 0 .388.075t.337.225l.7.7h1q.825 0 1.412.588T18 9v6q0 .825-.587 1.413T16 17zm4-3q.825 0 1.413-.587T14 12t-.587-1.412T12 10t-1.412.588T10 12t.588 1.413T12 14m0 10q-4.4 0-7.712-2.762T.174 14.275Q.1 13.85.337 13.5T1 13.1t.75.213t.4.687q.65 3.275 3.113 5.475T11.1 21.95l-.85-.85q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.3 3.3q.175.175.113.4t-.288.275q-.675.175-1.362.25T12 24m0-24q4.4 0 7.713 2.75t4.112 6.975q.075.425-.162.775t-.663.4t-.75-.213t-.4-.687q-.65-3.275-3.113-5.475T12.9 2.05l.85.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275L9.05 1Q8.875.825 8.938.6t.287-.275Q9.9.15 10.588.075T12 0"
+        />
+    {/snippet}
+</IconBase>

package/dist/icons/SyncPhoto.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const SyncPhoto: import("svelte").Component<$$ComponentProps, {}, "">;
+type SyncPhoto = ReturnType<typeof SyncPhoto>;
+export default SyncPhoto;

package/dist/icons/UserShield.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconMode, IconProps } from "../types.js";
+
+  const props: IconProps & { mode?: IconMode } = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode={props.mode ?? "solid"}
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Usuario protegido"}
+  title={props.title ?? "Protected User"}
+>
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M18 22q-1.825-.45-2.912-2T14 16.55V14l4-2l4 2v2.55q0 1.9-1.088 3.45T18 22M4 20v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13v3.55q0 .9.188 1.775T12.775 20zm5.175-9.175Q8 9.65 8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12t-2.825-1.175"
+    />
+  {/snippet}
+</IconBase>

package/dist/icons/UserShield.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const UserShield: import("svelte").Component<$$ComponentProps, {}, "">;
+type UserShield = ReturnType<typeof UserShield>;
+export default UserShield;

package/dist/icons/Work.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+    import IconBase from "../IconBase.svelte";
+    import type { IconMode, IconProps } from "../types.js";
+
+    const props: IconProps & { mode?: IconMode } = $props();
+</script>
+
+<IconBase
+    {...props}
+    mode="solid"
+    viewBox="0 0 24 24"
+    ariaLabel={props.ariaLabel ?? "Archivo con configuración"}
+    title={props.title ?? "File Settings"}
+>
+    {#snippet children()}
+        <path
+            fill="currentColor"
+            d="M7 11h3q.425 0 .713-.288T11 10t-.288-.712T10 9H7q-.425 0-.712.288T6 10t.288.713T7 11m-3 9q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h17.025q.275 0 .45.15t.175.4q0 .275-.187.438t-.438.112q-.2-.05-.462-.075T20 5q-2.075 0-3.537 1.463T15 10q0 .55.1 1.05t.3.95H14q-1.25 0-2.125.875T11 15v1q-.7.5-1.175 1.213t-.675 1.562q-.125.5-.5.863T7.775 20zm10 1q.425 0 .713-.288T15 20t-.288-.712T14 19t-.712.288T13 20t.288.713T14 21m6-10q.425 0 .713-.288T21 10t-.288-.712T20 9t-.712.288T19 10t.288.713T20 11m-8.125 11.125Q11 21.25 11 20q0-.975.563-1.75T13 17.175V15q0-.425.288-.712T14 14h5v-1.175q-.875-.3-1.437-1.075T17 10q0-1.25.875-2.125T20 7t2.125.875T23 10q0 .975-.562 1.75T21 12.825V15q0 .425-.288.713T20 16h-5v1.175q.875.3 1.438 1.075T17 20q0 1.25-.875 2.125T14 23t-2.125-.875M10 15q.425 0 .713-.288T11 14t-.288-.712T10 13H7q-.425 0-.712.288T6 14t.288.713T7 15z"
+        />
+    {/snippet}
+</IconBase>

package/dist/icons/Work.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { IconMode, IconProps } from "../types.js";
+type $$ComponentProps = IconProps & {
+    mode?: IconMode;
+};
+declare const Work: import("svelte").Component<$$ComponentProps, {}, "">;
+type Work = ReturnType<typeof Work>;
+export default Work;

package/dist/icons/lazy-registry.js

@@ -28,6 +28,7 @@ const _loaders = {
     more: () => import('./More.svelte'),
     // — Usuarios y autenticación —
     user: () => import('./User.svelte'),
+    userShield: () => import('./UserShield.svelte'),
     userTie: () => import('./UserTie.svelte'),
     team: () => import('./Team.svelte'),
     group: () => import('./Group.svelte'),
@@ -101,6 +102,7 @@ const _loaders = {
     save: () => import('./Save.svelte'),
     form: () => import('./Form.svelte'),
     print: () => import('./Print.svelte'),
+    work: () => import('./Work.svelte'),
     // — Calendario y tiempo —
     calendar: () => import('./Calendar.svelte'),
     calendarPlus: () => import('./CalendarPlus.svelte'),
@@ -121,6 +123,14 @@ const _loaders = {
     uploadProgress: () => import('./UploadLoader.svelte'),
     fileUploadAnimated: () => import('./FileUploadAnimated.svelte'),
     refresh: () => import('./Update.svelte'),
+    syncPhoto: () => import('./SyncPhoto.svelte'),
+    process: () => import('./Process.svelte'),
+    play: () => import('./Play.svelte'),
+    pause: () => import('./Pause.svelte'),
+    historic: () => import('./Historic.svelte'),
+    hardDrive: () => import('./HardDrive.svelte'),
+    connect: () => import('./Connect.svelte'),
+    archive: () => import('./Archive.svelte'),
     // — Estados y feedback —
     check: () => import('./Check.svelte'),
     checkOutline: () => import('./CheckO.svelte'),
@@ -172,7 +182,7 @@ const _loaders = {
     editOutline: () => import('./EditOutline.svelte'),
     trash: () => import('./Trash.svelte'),
     trashOutline: () => import('./TrashOutline.svelte'),
-    filter: () => import('./FilterOutline.svelte'),
+    filter: () => import('./Filter.svelte'),
     filterOutline: () => import('./FilterOutline.svelte'),
     tags: () => import('./Tags.svelte'),
     tools: () => import('./Tools.svelte'),
@@ -192,6 +202,7 @@ const _loaders = {
     earth: () => import('./Earth.svelte'),
     globe: () => import('./Globe.svelte'),
     lightHub: () => import('./LightHub.svelte'),
+    qr: () => import('./Qr.svelte'),
     sync: () => import('./Sync.svelte'),
 };
 // ============================================================================

package/dist/icons/registry.d.ts

@@ -1,10 +1,20 @@
 import type { Component } from "svelte";
 export declare const iconRegistry: {
-    readonly home: Component<import("..").IconProps, {}, "">;
-    readonly dashboard: Component<import("..").IconProps, {}, "">;
-    readonly dashboardOutline: Component<import("..").IconProps, {}, "">;
-    readonly settings: Component<import("..").IconProps, {}, "">;
-    readonly search: Component<import("..").IconProps, {}, "">;
+    readonly home: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly dashboard: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly dashboardOutline: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly settings: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly search: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly menu: Component<import("..").IconProps, {}, "">;
     readonly close: Component<import("..").IconProps, {}, "">;
     readonly plus: Component<import("..").IconProps, {}, "">;
@@ -13,6 +23,9 @@ export declare const iconRegistry: {
     readonly sidebar: Component<import("..").IconProps, {}, "">;
     readonly more: Component<import("..").IconProps, {}, "">;
     readonly user: Component<import("..").IconProps, {}, "">;
+    readonly userShield: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly userTie: Component<import("..").IconProps, {}, "">;
     readonly team: Component<import("..").IconProps, {}, "">;
     readonly group: Component<import("..").IconProps, {}, "">;
@@ -22,8 +35,12 @@ export declare const iconRegistry: {
     readonly lockOpen: Component<import("..").IconProps, {}, "">;
     readonly key: Component<import("..").IconProps, {}, "">;
     readonly logout: Component<import("..").IconProps, {}, "">;
-    readonly eye: Component<import("..").IconProps, {}, "">;
-    readonly eyeOff: Component<import("..").IconProps, {}, "">;
+    readonly eye: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly eyeOff: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly shield: Component<import("..").IconProps, {}, "">;
     readonly fingerprint: Component<import("..").IconProps, {}, "">;
     readonly contact: Component<import("..").IconProps, {}, "">;
@@ -31,7 +48,9 @@ export declare const iconRegistry: {
     readonly email: Component<import("..").IconProps, {}, "">;
     readonly emailAnimated: Component<import("..").IconProps, {}, "">;
     readonly phone: Component<import("..").IconProps, {}, "">;
-    readonly bell: Component<import("..").IconProps, {}, "">;
+    readonly bell: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly send: Component<import("..").IconProps, {}, "">;
     readonly share: Component<import("..").IconProps, {}, "">;
     readonly world: Component<import("..").IconProps, {}, "">;
@@ -46,11 +65,15 @@ export declare const iconRegistry: {
     readonly cost: Component<import("..").IconProps, {}, "">;
     readonly exchange: Component<import("..").IconProps, {}, "">;
     readonly swap: Component<import("..").IconProps, {}, "">;
-    readonly bank: Component<import("..").IconProps, {}, "">;
+    readonly bank: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly pay: Component<import("..").IconProps, {}, "">;
     readonly creditCard: Component<import("..").IconProps, {}, "">;
     readonly receipt: Component<import("..").IconProps, {}, "">;
-    readonly buy: Component<import("..").IconProps, {}, "">;
+    readonly buy: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly chart: Component<import("..").IconProps, {}, "">;
     readonly chartDocument: Component<import("..").IconProps, {}, "">;
     readonly chartSquare: Component<import("..").IconProps, {}, "">;
@@ -78,18 +101,29 @@ export declare const iconRegistry: {
     readonly imageAnimated: Component<import("..").IconProps, {}, "">;
     readonly folder: Component<import("..").IconProps, {}, "">;
     readonly folderShared: Component<import("..").IconProps, {}, "">;
-    readonly attachment: Component<import("..").IconProps, {}, "">;
+    readonly attachment: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly save: Component<import("..").IconProps, {}, "">;
     readonly form: Component<import("..").IconProps, {}, "">;
     readonly print: Component<import("..").IconProps, {}, "">;
-    readonly calendar: Component<import("..").IconProps, {}, "">;
-    readonly calendarPlus: Component<import("..").IconProps, {}, "">;
+    readonly work: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly calendar: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly calendarPlus: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly calendarEdit: Component<import("..").IconProps, {}, "">;
     readonly timer: Component<import("..").IconProps, {}, "">;
     readonly arrowRight: Component<import("..").IconProps, {}, "">;
     readonly arrowUp: Component<import("..").IconProps, {}, "">;
     readonly arrowUpDown: Component<import("..").IconProps, {}, "">;
-    readonly arrowLeftAnimated: Component<import("..").IconProps, {}, "">;
+    readonly arrowLeftAnimated: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly chevronDown: Component<import("..").IconProps, {}, "">;
     readonly chevronUpDown: Component<import("..").IconProps, {}, "">;
     readonly download: Component<import("..").IconProps, {}, "">;
@@ -99,6 +133,30 @@ export declare const iconRegistry: {
     readonly uploadProgress: Component<import("..").IconProps, {}, "">;
     readonly fileUploadAnimated: Component<import("..").IconProps, {}, "">;
     readonly refresh: Component<import("..").IconProps, {}, "">;
+    readonly syncPhoto: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly process: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly play: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly pause: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly historic: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly hardDrive: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly connect: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
+    readonly archive: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly check: Component<import("..").IconProps, {}, "">;
     readonly checkOutline: Component<import("..").IconProps, {}, "">;
     readonly checkList: Component<import("..").IconProps, {}, "">;
@@ -117,7 +175,9 @@ export declare const iconRegistry: {
     readonly heart: Component<import("..").IconProps, {}, "">;
     readonly reset: Component<import("..").IconProps, {}, "">;
     readonly height: Component<import("..").IconProps, {}, "">;
-    readonly alternate: Component<import("..").IconProps, {}, "">;
+    readonly alternate: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly moon: Component<import("..").IconProps, {}, "">;
     readonly sun: Component<import("..").IconProps, {}, "">;
     readonly colors: Component<import("..").IconProps, {}, "">;
@@ -132,9 +192,13 @@ export declare const iconRegistry: {
     readonly category: Component<import("..").IconProps, {}, "">;
     readonly categoryAdd: Component<import("..").IconProps, {}, "">;
     readonly categorySearch: Component<import("..").IconProps, {}, "">;
-    readonly boxAdd: Component<import("..").IconProps, {}, "">;
+    readonly boxAdd: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly measure: Component<import("..").IconProps, {}, "">;
-    readonly box: Component<import("..").IconProps, {}, "">;
+    readonly box: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly scan: Component<import("..").IconProps, {}, "">;
     readonly cart: Component<import("..").IconProps, {}, "">;
     readonly cards: Component<import("..").IconProps, {}, "">;
@@ -149,7 +213,9 @@ export declare const iconRegistry: {
     readonly trash: Component<import("..").IconProps, {}, "">;
     readonly trashOutline: Component<import("..").IconProps, {}, "">;
     readonly filter: Component<import("..").IconProps, {}, "">;
-    readonly filterOutline: Component<import("..").IconProps, {}, "">;
+    readonly filterOutline: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly tags: Component<import("..").IconProps, {}, "">;
     readonly tools: Component<import("..").IconProps, {}, "">;
     readonly objectGroup: Component<import("..").IconProps, {}, "">;
@@ -165,6 +231,9 @@ export declare const iconRegistry: {
     readonly earth: Component<import("..").IconProps, {}, "">;
     readonly globe: Component<import("..").IconProps, {}, "">;
     readonly lightHub: Component<import("..").IconProps, {}, "">;
+    readonly qr: Component<import("..").IconProps & {
+        mode?: import("..").IconMode;
+    }, {}, "">;
     readonly sync: Component<import("..").IconProps, {}, "">;
 };
 export type IconName = keyof typeof iconRegistry;