@genarou/blazir-icons 1.3.2 → 1.3.4

package/LICENSE

@@ -27,85 +27,109 @@ terms of the Change License, and the rights granted in the paragraph above
 terminate.
 
 If your use of the Licensed Work does not comply with the requirements currently
-in effect as described in this License, you must purchase a commercial license
-from the Licensor, its affiliated entities, or authorized resellers, or you must
-refrain from using the Licensed Work.
+in effect as described in this License, you must obtain a commercial license
+from the Licensor, its affiliated entities, or authorized resellers, or you
+must refrain from using the Licensed Work.
 
 All copies of the original and modified Licensed Work, and derivative works of
 the Licensed Work, are subject to this License. This License applies separately
 for each version of the Licensed Work, and the Change Date may vary for each
-version of the Licensed Work released by the Licensor.
+version.
 
-You must conspicuously display this License on each original or modified copy
-of the Licensed Work. If you receive the Licensed Work in original or modified
-form from a third party, the terms and conditions set forth in this License
-apply to your use of that work.
+You must include a copy of this License in a prominent place in each original
+or modified copy of the Licensed Work.
+
+If you receive the Licensed Work from a third party, the terms and conditions
+of this License apply to your use of that work.
 
 Any use of the Licensed Work in violation of this License will automatically
-terminate your rights under this License for the current and all other versions
-of the Licensed Work.
+terminate your rights under this License.
 
-This License does not grant you any right in any trademark or logo of Licensor
-or its affiliates (providing that you may use a trademark or logo of Licensor as
-expressly required by this License).
+This License does not grant you any rights to use the trademarks, service marks,
+or logos of the Licensor or its affiliates, except as required to comply with
+this License.
 
 TO THE EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSED WORK IS PROVIDED ON AN
-"AS IS" BASIS. LICENSOR HEREBY DISCLAIMS ALL WARRANTIES AND CONDITIONS, EXPRESS
-OR IMPLIED, INCLUDING (WITHOUT LIMITATION) WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, AND TITLE.
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, WHETHER EXPRESS OR
+IMPLIED, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, AND TITLE.
 
 -------------------------------------------------------------------------------
 
 LIMITATION OF LIABILITY
 
-TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSOR AND
+TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSOR AND ANY
 CONTRIBUTORS SHALL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES, INCLUDING, WITHOUT LIMITATION,
-LOSS OF PROFITS, REVENUE, DATA, GOODWILL, OR OTHER INTANGIBLE LOSSES, OR FOR
-THE COST OF PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES, ARISING FROM OR
-RELATED TO THE USE OR INABILITY TO USE THE SOFTWARE, THIS LICENSE, OR THE
-LICENSED WORK.
+LOSS OF PROFITS, REVENUE, DATA, GOODWILL, OR OTHER INTANGIBLE LOSSES, OR THE
+COST OF PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES, ARISING OUT OF OR IN
+CONNECTION WITH THE LICENSED WORK OR THIS LICENSE.
+
 THIS LIMITATION APPLIES REGARDLESS OF THE LEGAL THEORY UNDER WHICH LIABILITY
-IS ASSERTED, WHETHER IN CONTRACT, TORT (INCLUDING NEGLIGENCE), PRODUCT
-LIABILITY, OR OTHERWISE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES..
+IS ASSERTED, WHETHER IN CONTRACT, TORT (INCLUDING NEGLIGENCE), STRICT LIABILITY,
+OR OTHERWISE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
 
 -------------------------------------------------------------------------------
 
 TRADEMARK AND BRAND DISCLAIMER
 
 The SVG icons included in this library that visually represent third-party
-brands, companies, or services are original artistic works hand-crafted by
-the Licensor as stylized geometric representations.
-They are NOT official assets, NOT sourced from official brand
-kits, and are NOT endorsed, sponsored, affiliated with, or approved by the
-respective trademark owners.
+brands, companies, or services are original artistic works created by the
+Licensor as stylized geometric representations.
+
+They are NOT official assets, are NOT sourced from official brand kits, and are
+NOT endorsed, sponsored, affiliated with, or approved by the respective
+trademark owners.
 
 All brand names, product names, and trademarks referenced or represented in
 this library are the property of their respective owners.
 
-USERS OF THIS LIBRARY ARE SOLELY RESPONSIBLE for ensuring that their use of
+Users of this library are solely responsible for ensuring that their use of
 any brand-referencing icon complies with:
   (a) the applicable trademark and brand guidelines of the respective owner; and
   (b) all applicable laws and regulations in their jurisdiction.
 
-The Licensor makes no representation or warranty that use of any icon in this
-library for any particular purpose is lawful or permissible. If you are unsure
-whether your use of a specific icon complies with a brand owner's guidelines,
-seek independent legal advice before use.
+The Licensor makes no representation or warranty that the use of any icon for
+any specific purpose is lawful. If you are unsure, you should seek independent
+legal advice.
 
 -------------------------------------------------------------------------------
 
 ORIGINALITY STATEMENT
 
 The geometric SVG path data contained in this library consists of original
-artistic works created by the Licensor from scratch. No SVG assets, path data,
-or source files have been copied, derived from, or adapted from any third-party
-icon library, design system, or commercially distributed icon set without
-express written permission.
+artistic works created by the Licensor.
+
+No SVG assets, path data, or source files have been copied from third-party
+icon libraries, design systems, or commercial icon sets without explicit
+permission.
+
+Any visual similarity to icons in other libraries is due to the natural
+convergence of common interface patterns (such as checkmarks, arrows, or search
+icons) and does not imply copying or infringement.
+
+-------------------------------------------------------------------------------
+
+THIRD-PARTY PERMISSIVE LICENSE COMPATIBILITY
+
+Portions of this Licensed Work may include or be inspired by general design
+patterns or elements commonly used in software and iconography.
+
+To the extent that any elements are derived from or influenced by works
+distributed under permissive licenses (including, but not limited to,
+the Apache License 2.0, MIT License, or similar), such use complies with
+the terms of those licenses.
+
+Where required:
+  (a) appropriate attribution will be preserved;
+  (b) license notices will be included when necessary; and
+  (c) no additional restrictions will be imposed beyond those licenses.
+
+The Licensor affirms that any such material, if present, has been incorporated
+in compliance with the applicable permissive licenses.
 
-Any visual similarity to icons in other libraries is a result of the inherent
-convergence of visual design for standard UI concepts (checkmark, home,
-magnifying glass, etc.) and does not constitute copying or infringement.
+Nothing in this License is intended to override or conflict with any applicable
+third-party license.
 
 -------------------------------------------------------------------------------
 
@@ -117,5 +141,6 @@ situation and jurisdiction.
 
 -------------------------------------------------------------------------------
 
-Business Source License 1.1 is not an Open Source license. For the definition
-of "Open Source," see https://opensource.org/osd.
+Business Source License 1.1 is not an Open Source license.
+For the definition of "Open Source", see:
+https://opensource.org/osd

package/dist/icons/Ai.svelte

@@ -2,17 +2,45 @@
   import IconBase from "../IconBase.svelte";
   import type { IconProps } from "../types";
 
+  // Usamos el patrón de Svelte 5 que espera tu IconBase
   const props: IconProps = $props();
 </script>
 
 <IconBase
   {...props}
-  mode="solid"
+  mode="outline"
   viewBox="0 0 24 24"
-  ariaLabel={props.ariaLabel ?? "File settings icon"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Inteligencia Artificial"}
+  title={props.title ?? "IA Core"}
 >
-  <path
-    d="m20.467 8.694l.246-.566a4.36 4.36 0 0 1 2.22-2.25l.759-.339a.53.53 0 0 0 0-.963l-.717-.319a4.37 4.37 0 0 1-2.251-2.326l-.253-.611a.506.506 0 0 0-.942 0l-.253.61a4.37 4.37 0 0 1-2.25 2.327l-.718.32a.53.53 0 0 0 0 .962l.76.338a4.36 4.36 0 0 1 2.219 2.251l.246.566c.18.414.753.414.934 0M5.8 16h2.154l.6-1.5h2.892l.6 1.5H14.2L11 8H9zm4.2-5.115l.646 1.615H9.354zM15 16V8h2v8zM3 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-9h-2v8H4V5h10V3z"
-  />
+  {#snippet children()}
+    <rect
+      x="4"
+      y="4"
+      width="16"
+      height="16"
+      rx="2"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.8"
+    />
+
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.8"
+      stroke-linecap="round"
+      d="M9 2v2m6-2v2M9 20v2m6-2v2M2 9h2m-2 6h2M20 9h2m-2 6h2"
+    />
+
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linejoin="round"
+      d="M12 8l3 4-3 4-3-4z"
+    />
+
+    <circle cx="12" cy="12" r="1" fill="currentColor" />
+  {/snippet}
 </IconBase>

package/dist/icons/Alternate.svelte

@@ -1,19 +1,26 @@
-<!-- src/lib/icons/TextHeading.svelte -->
 <script lang="ts">
   import IconBase from "../IconBase.svelte";
-  import type { IconProps } from "../types";
+  import type { IconMode, IconProps } from "../types.js";
 
-  const props: IconProps = $props();
+  const props: IconProps & { mode?: IconMode } = $props();
 </script>
 
 <IconBase
   {...props}
   mode="solid"
   viewBox="0 0 24 24"
-  ariaLabel={props.ariaLabel ?? "Text Heading"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Encabezado de texto"}
+  title={props.title ?? "Text Heading"}
 >
-  <path
-    d="M9 5.5c0 .83.67 1.5 1.5 1.5H14v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7h3.5c.83 0 1.5-.67 1.5-1.5S21.33 4 20.5 4h-10C9.67 4 9 4.67 9 5.5M4.5 12H6v5.5c0 .83.67 1.5 1.5 1.5S9 18.33 9 17.5V12h1.5c.83 0 1.5-.67 1.5-1.5S11.33 9 10.5 9h-6C3.67 9 3 9.67 3 10.5S3.67 12 4.5 12"
-  />
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M21 5c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1s.45 1 1 1h5v12c0 .55.45 1 1 1s1-.45 1-1V6h4c.55 0 1-.45 1-1z"
+    />
+
+    <path
+      fill="currentColor"
+      d="M11 11c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v6c0 .55.45 1 1 1s1-.45 1-1v-6h1c.55 0 1-.45 1-1z"
+    />
+  {/snippet}
 </IconBase>

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

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

package/dist/icons/AnimatedArrowLeft.svelte

@@ -1,23 +1,41 @@
 <script lang="ts">
   import IconBase from "../IconBase.svelte";
-  import type { IconProps } from "../types";
+  import type { IconMode, IconProps } from "../types.js";
 
-  const props: IconProps = $props();
+  const props: IconProps & { mode?: IconMode } = $props();
 </script>
 
 <IconBase
   {...props}
   mode="outline"
   viewBox="0 0 24 24"
-  ariaLabel={props.ariaLabel ?? "Arrow Right Animated"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Flecha derecha"}
+  title={props.title ?? "Arrow Right"}
 >
-  <path d="M9 12l5 -5M9 12l5 5" stroke-dasharray="10" stroke-dashoffset="10">
-    <animate
-      attributeName="stroke-dashoffset"
-      dur="0.3s"
-      values="10;0"
-      fill="freeze"
+  {#snippet children()}
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.8"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="bz-arrow-path"
+      d="M9 6l6 6-6 6"
     />
-  </path>
+  {/snippet}
 </IconBase>
+
+<style>
+  /* Animación delegada a la GPU mediante transformaciones simples.
+    Es mucho más eficiente que animar stroke-dashoffset con JS o <animate>.
+  */
+  :global(.bz-icon:hover .bz-arrow-path) {
+    transform: translateX(2px);
+    transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
+  }
+
+  .bz-arrow-path {
+    transition: transform 0.2s ease;
+    will-change: transform;
+  }
+</style>

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

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

package/dist/icons/Archive.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 ?? "Copiar o duplicar"}
+    title={props.title ?? "Copy / Duplicate"}
+>
+    {#snippet children()}
+        <path
+            fill="currentColor"
+            d="M14 13q.85 0 1.425-.587T16 11h4V4H8v7h4q0 .825.588 1.413T14 13m-6 5q-.825 0-1.412-.587T6 16V4q0-.825.588-1.412T8 2h12q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18zm-4 4q-.825 0-1.412-.587T2 20V6h2v14h14v2z"
+        />
+    {/snippet}
+</IconBase>

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

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

package/dist/icons/Attachment.svelte

@@ -1,21 +1,21 @@
-<!-- src/lib/icons/AttachmentClip.svelte -->
 <script lang="ts">
   import IconBase from "../IconBase.svelte";
-  import type { IconProps } from "../types";
+  import type { IconMode, IconProps } from "../types.js";
 
-  const props: IconProps = $props();
+  const props: IconProps & { mode?: IconMode } = $props();
 </script>
 
 <IconBase
   {...props}
   mode="solid"
   viewBox="0 0 24 24"
-  ariaLabel={props.ariaLabel ?? "Attachment Clip"}
-  title={props.title ?? ""}
-  strokeWidth={props.strokeWidth ?? 0}
+  ariaLabel={props.ariaLabel ?? "Adjuntar archivo"}
+  title={props.title ?? "Attachment"}
 >
-  <path
-    fill="currentColor"
-    d="M12 19q1.675 0 2.838-1.175T16 15v-3q0-.425-.288-.712T15 11t-.712.288T14 12v3q0 .825-.575 1.413T12 17q-.825 0-1.412-.587T10 15V9.5q0-.225.15-.363T10.5 9q.225 0 .363.138T11 9.5V14q0 .425.288.713T12 15t.713-.288T13 14V9.5q0-1.05-.725-1.775T10.5 7t-1.775.725T8 9.5V15q0 1.65 1.175 2.825T12 19m-6 3q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h9l5 5v13q0 .825-.587 1.413T18 22zm8-18v3q0 .425.288.713T15 8h3z"
-  />
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M16.5 6v11.5c0 2.48-2.02 4.5-4.5 4.5s-4.5-2.02-4.5-4.5V5c0-1.66 1.34-3 3-3s3 1.34 3 3v11.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5V6h-2v10.5c0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5V5c0-2.76-2.24-5-5-5S5 2.24 5 5v12.5C5 20.54 8.46 24 12.75 24S20.5 20.54 20.5 16.25V6h-4z"
+    />
+  {/snippet}
 </IconBase>

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

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

package/dist/icons/Bank.svelte

@@ -1,13 +1,21 @@
-<!-- src/lib/icons/Bank.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="M5 16v-5q0-.425.288-.712T6 10t.713.288T7 11v5q0 .425-.288.713T6 17t-.712-.288T5 16m6 0v-5q0-.425.288-.712T12 10t.713.288T13 11v5q0 .425-.288.713T12 17t-.712-.288T11 16m10-8H2.9q-.375 0-.638-.262T2 7.1v-.55q0-.275.138-.475T2.5 5.75l8.6-4.3q.425-.2.9-.2t.9.2l8.55 4.275q.275.125.413.375t.137.525V7q0 .425-.287.713T21 8M3 21q-.425 0-.712-.288T2 20t.288-.712T3 19h10.05q.425 0 .713.288t.287.712t-.288.713t-.712.287zm15-8.25q-.425 0-.712-.288T17 11.75V11q0-.425.288-.712T18 10t.713.288T19 11v.75q0 .425-.288.713T18 12.75m-2 5.8v-1.925q0-.275.138-.525t.412-.375l3-1.5q.2-.125.45-.125t.45.125l3 1.5q.275.125.413.375t.137.525v1.925q0 1.875-.975 3.238t-2.65 2.062q-.05.025-.375.075q-.05 0-.375-.075q-1.675-.7-2.65-2.062T16 18.55m3.275.325l-.45-.45q-.225-.225-.525-.213t-.525.238t-.225.525t.225.525l.8.8q.3.3.7.3t.7-.3l2.25-2.225q.225-.225.225-.525t-.225-.525t-.525-.212t-.525.212z"
-  />
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Entidad Bancaria"}
+  title={props.title ?? "Bank Premium"}
+>
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M12 1.5L2 6v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6L12 1.5zM4 8h3v12H4V8zm5 0h6v12H9V8zm8 0h3v12h-3V8zm-5-3.5L19.5 7H4.5L12 4.5zM10 10v8h1v-8h-1zm3 0v8h1v-8h-1z"
+    />
+  {/snippet}
 </IconBase>

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

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

package/dist/icons/Bell.svelte

@@ -1,18 +1,21 @@
-<!-- src/lib/icons/Bell.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"
-  ariaLabel={props.ariaLabel ?? "Bell"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Notificaciones"}
+  title={props.title ?? "Bell Premium"}
 >
-  <path
-    d="M21 19v1H3v-1l2-2v-6c0-3.1 2.03-5.83 5-6.71V4a2 2 0 0 1 2-2a2 2 0 0 1 2 2v.29c2.97.88 5 3.61 5 6.71v6zm-7 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2"
-  />
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M12 2a2 2 0 0 0-2 2v.3C7.1 5.2 5 7.9 5 11v6l-2 2v1h18v-1l-2-2v-6c0-3.1-2.1-5.8-5-6.7V4a2 2 0 0 0-2-2zm-3 19a3 3 0 0 0 6 0H9z"
+    />
+  {/snippet}
 </IconBase>

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

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

package/dist/icons/Box.svelte

@@ -1,19 +1,21 @@
-<!-- src/lib/icons/Box.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="outline"
+  mode="solid"
   viewBox="0 0 24 24"
-  ariaLabel={props.ariaLabel ?? "Box"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Inventario"}
+  title={props.title ?? "Box Premium"}
 >
-  <path
-    fill="currentColor"
-    d="M7.245 3.356c.372-.107.766-.106 1.267-.106h6.976c.5 0 .895 0 1.267.106c.328.093.636.247.907.453c.309.234.545.55.846.95l1.487 1.984c.204.272.364.485.48.726q.156.32.224.67c.051.263.051.53.051.87v7.822c0 .534 0 .98-.03 1.344c-.03.38-.098.736-.27 1.073a2.75 2.75 0 0 1-1.201 1.202c-.338.172-.694.24-1.074.27c-.364.03-.81.03-1.344.03H7.17c-.535 0-.98 0-1.345-.03c-.38-.03-.736-.098-1.073-.27a2.75 2.75 0 0 1-1.202-1.2c-.172-.338-.24-.694-.27-1.074c-.03-.364-.03-.81-.03-1.344V9.008c0-.339 0-.606.051-.869a2.8 2.8 0 0 1 .223-.67c.117-.24.277-.454.481-.726L5.493 4.76c.3-.401.536-.717.845-.95c.271-.207.579-.36.907-.454M10.5 12.5a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8.75h6.499a2.5 2.5 0 0 0-.036-.467a2 2 0 0 0-.163-.487c-.074-.154-.176-.296-.363-.546h-6.03l-.283-2.258a1.133 1.133 0 0 0-2.248 0l-.282 2.258H4.563c-.187.25-.289.392-.363.546a2 2 0 0 0-.163.487a2.5 2.5 0 0 0-.036.467H10.5zM6 17a1 1 0 0 0 1 1h3a1 1 0 1 0 0-2H7a1 1 0 0 0-1 1"
-  />
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M12 2.1l-9 4.5v10.8l9 4.5 9-4.5V6.6l-9-4.5zM12 11L4.5 7.25 12 3.5l7.5 3.75L12 11zM4 8.5l7 3.5v7.5l-7-3.5V8.5zm16 0v7.5l-7 3.5v-7.5l7-3.5z"
+    />
+  {/snippet}
 </IconBase>

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

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

package/dist/icons/BoxAdd.svelte

@@ -1,18 +1,21 @@
-<!-- src/lib/icons/BoxAdd.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"
-  ariaLabel={props.ariaLabel ?? "Box add"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Agregar al inventario"}
+  title={props.title ?? "Box Add Premium"}
 >
-  <path
-    d="M5.616 20q-.667 0-1.141-.475T4 18.386v-10.9q0-.282.093-.545t.28-.48l1.558-1.87q.217-.286.543-.438T7.176 4h9.61q.376 0 .709.153q.333.152.555.438L19.627 6.5q.187.225.28.492q.093.266.093.552v3.766q-.206-.06-.437-.086t-.447-.026q-1.191 0-2.251.457q-1.061.457-1.865 1.299V7.808H9v6.788l3-1.5l2.046 1.014q-.392.66-.613 1.416q-.221.757-.221 1.565q0 .778.207 1.518q.208.739.612 1.391zm12.98.596v-3h-3v-1h3v-3h1v3h3v1h-3v3zM5.381 6.808H18.6l-1.33-1.596q-.097-.096-.222-.154T16.788 5H7.192q-.134 0-.26.058t-.22.154z"
-  />
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M12 2.1l-9 4.5v10.8l9 4.5 2.1-1.05V18.6L12 19.75l-7.5-3.75v-7.5l7.5 3.75 3.2-1.6c.4-.3.9-.5 1.4-.6L12 11 4.5 7.25 12 3.5l7.5 3.75-1.5.75v2.2c.7.1 1.4.3 2 .7V6.6l-9-4.5zM18 14v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z"
+    />
+  {/snippet}
 </IconBase>

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

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

package/dist/icons/Buy.svelte

@@ -1,20 +1,21 @@
-<!-- src/lib/icons/Buy.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"
-  ariaLabel={props.ariaLabel ?? "Shopping cart"}
-  title={props.title ?? ""}
+  ariaLabel={props.ariaLabel ?? "Comprar"}
+  title={props.title ?? "Shopping Cart Premium"}
 >
-  <path
-    d="M21 4H2v2h2.3l3.521 9.683A2 2 0 0 0 9.7 17H18v-2H9.7l-.728-2H18c.4 0 .762-.238.919-.606l3-7A.998.998 0 0 0 21 4"
-  />
-  <circle cx="10.5" cy="19.5" r="1.5" />
-  <circle cx="16.5" cy="19.5" r="1.5" />
+  {#snippet children()}
+    <path
+      fill="currentColor"
+      d="M2 3h3.5l.8 2H21c.5 0 .9.4.9.9 0 .1 0 .2-.1.3l-3.3 7.5c-.2.5-.7.8-1.2.8H8.7l-.4 1H19v2H7c-.6 0-1.1-.4-1.3-.9L3.1 5H2V3zm6 15a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm11 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
+    />
+  {/snippet}
 </IconBase>

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

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