@genarou/blazir-icons 1.4.0 → 1.4.2

package/dist/IconBase.svelte

@@ -51,8 +51,8 @@
   let internalPressed = $state(false);
   const isHovered = $derived(
     !props.disabled &&
-    !props.loading &&
-    (internalHovered || (props.parentHoverContext?.hovered ?? false))
+      !props.loading &&
+      (internalHovered || (props.parentHoverContext?.hovered ?? false)),
   );
   const isPressed = $derived(!props.disabled && internalPressed);
 
@@ -62,7 +62,7 @@
       ? props.activeColor
       : isHovered && props.hoverColor
         ? props.hoverColor
-        : props.color) ?? DEFAULT_ICON_COLOR
+        : props.color) ?? DEFAULT_ICON_COLOR,
   );
 
   // Mode
@@ -83,14 +83,12 @@
   const timingStyle = $derived(getAnimationStyle(props));
 
   // Transiciones — hoverSpeed > transitionMs > default
-  const hoverMs = $derived(
-    normalizeMs(props.transitionMs ?? props.hoverSpeed)
-  );
+  const hoverMs = $derived(normalizeMs(props.transitionMs ?? props.hoverSpeed));
   const hoverEase = $derived(props.transitionEasing ?? DEFAULT_EASING);
 
   // Animaciones continuas — $derived.by idiomático (Svelte 5)
   const spinDuration = $derived.by(() => {
-    if (props.loading) return "0.75s";          // loading siempre gira
+    if (props.loading) return "0.75s"; // loading siempre gira
     if (!props.spin) return null;
     if (props.spin === true) return "1s";
     return typeof props.spin === "number"
@@ -132,7 +130,7 @@
 
   // Clase final
   const finalClass = $derived(
-    `bz-icon ${klass}${effectiveChevronState ? " bz-icon-chevron" : ""}`.trim()
+    `bz-icon ${klass}${effectiveChevronState ? " bz-icon-chevron" : ""}`.trim(),
   );
 
   // ===== SVG transform (solo rotate/flip declarativos) =====
@@ -162,7 +160,7 @@
       const sx = props.flipH ? -1 : 1;
       const sy = props.flipV ? -1 : 1;
       cmds.push(
-        `translate(${center.cx} ${center.cy}) scale(${sx} ${sy}) translate(${-center.cx} ${-center.cy})`
+        `translate(${center.cx} ${center.cy}) scale(${sx} ${sy}) translate(${-center.cx} ${-center.cy})`,
       );
     }
 
@@ -185,7 +183,7 @@
 
     parts.push(
       `transition:color ${hoverMs}ms ${hoverEase},fill ${hoverMs}ms ${hoverEase},` +
-        `stroke ${hoverMs}ms ${hoverEase},transform ${hoverMs}ms ${hoverEase},opacity ${hoverMs}ms ${hoverEase};`
+        `stroke ${hoverMs}ms ${hoverEase},transform ${hoverMs}ms ${hoverEase},opacity ${hoverMs}ms ${hoverEase};`,
     );
 
     const deg = chevronDeg;
@@ -211,7 +209,7 @@
       if (spin) animations.push(`__icon_spin ${spin} linear infinite`);
       if (wantsPulse)
         animations.push(
-          `bz-icon-pulse 1200ms cubic-bezier(.2,.8,.2,1) infinite`
+          `bz-icon-pulse 1200ms cubic-bezier(.2,.8,.2,1) infinite`,
         );
       if (wantsBounce) animations.push(`bz-icon-bounce 400ms ease infinite`);
       if (wantsWiggle)
@@ -229,18 +227,20 @@
   // A11y — computedTitleId usa el UID de instancia (estable durante todo el ciclo de vida)
   const ariaHidden = $derived(props.decorative ? "true" : undefined);
   const computedTitleId = $derived(
-    props.title ? (props.titleId ?? `bz-icon-title-${_instanceUid}`) : undefined
+    props.title
+      ? (props.titleId ?? `bz-icon-title-${_instanceUid}`)
+      : undefined,
   );
   const ariaLabel = $derived(
-    props.decorative ? undefined : props.ariaLabel || undefined
+    props.decorative ? undefined : props.ariaLabel || undefined,
   );
   const ariaLabelledby = $derived(
-    !props.decorative && props.title ? computedTitleId : undefined
+    !props.decorative && props.title ? computedTitleId : undefined,
   );
 
   // Tamaño y attrs
   const finalSize = $derived(
-    typeof common.size === "number" ? `${common.size}px` : common.size
+    typeof common.size === "number" ? `${common.size}px` : common.size,
   );
 
   const safeAttrs = $derived.by(() => {
@@ -278,10 +278,19 @@
     return () => controller.destroy();
   });
 
-  function handleMouseEnter() { internalHovered = true; }
-  function handleMouseLeave() { internalHovered = false; internalPressed = false; }
-  function handleMouseDown()  { internalPressed = true; }
-  function handleMouseUp()    { internalPressed = false; }
+  function handleMouseEnter() {
+    internalHovered = true;
+  }
+  function handleMouseLeave() {
+    internalHovered = false;
+    internalPressed = false;
+  }
+  function handleMouseDown() {
+    internalPressed = true;
+  }
+  function handleMouseUp() {
+    internalPressed = false;
+  }
 </script>
 
 <svg
@@ -298,7 +307,7 @@
   aria-label={ariaLabel}
   aria-labelledby={ariaLabelledby}
   focusable="false"
-  style={style}
+  {style}
   fill={visual.fill}
   stroke={visual.stroke}
   stroke-width={visual.strokeWidth}
@@ -318,7 +327,16 @@
   {/if}
   <g bind:this={fxLayer} transform={svgTransform}>
     {#if props.loading}
-      <circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="2.5" stroke-dasharray="42 15" stroke-linecap="round" />
+      <circle
+        cx="12"
+        cy="12"
+        r="9"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2.5"
+        stroke-dasharray="42 15"
+        stroke-linecap="round"
+      />
     {:else}
       {@render props.children?.()}
     {/if}

package/dist/icons/Block.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Bloqueado"}
+  title={props.title ?? "Block"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M8.1 21.213q-1.825-.788-3.175-2.138T2.788 15.9 2 12t.788-3.9 2.137-3.175T8.1 2.788 12 2t3.9.788 3.175 2.137T21.213 8.1 22 12t-.788 3.9-2.137 3.175-3.175 2.138T12 22t-3.9-.788M12 20q1.35 0 2.6-.437t2.3-1.263L5.7 7.1q-.825 1.05-1.263 2.3T4 12q0 3.35 2.325 5.675T12 20m6.3-3.1q.825-1.05 1.263-2.3T20 12q0-3.35-2.325-5.675T12 4q-1.35 0-2.6.437T7.1 5.7zM12 12"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const Block: import("svelte").Component<IconProps, {}, "">;
+type Block = ReturnType<typeof Block>;
+export default Block;

package/dist/icons/DisplaySettings.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Configuración de pantalla"}
+  title={props.title ?? "Display Settings"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M7.5 13.75v.5q0 .325.213.538T8.25 15t.538-.213T9 14.25v-2.5q0-.325-.213-.537T8.25 11t-.537.213-.213.537v.5h-.75q-.325 0-.537.213T6 13t.213.538.537.212zm3.25 0h6.5q.325 0 .538-.213T18 13t-.213-.537-.537-.213h-6.5q-.325 0-.537.213T10 13t.213.538.537.212m5.75-4h.75q.325 0 .538-.213T18 9t-.213-.537-.537-.213h-.75v-.5q0-.325-.213-.537T15.75 7t-.537.213T15 7.75v2.5q0 .325.213.538t.537.212.538-.213.212-.537zm-9.75 0h6.5q.325 0 .538-.213T14 9t-.213-.537-.537-.213h-6.5q-.325 0-.537.213T6 9t.213.538.537.212M4 19q-.825 0-1.412-.587T2 17V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v12q0 .825-.587 1.413T20 19h-4v1q0 .425-.288.713T15 21H9q-.425 0-.712-.288T8 20v-1z"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const DisplaySettings: import("svelte").Component<IconProps, {}, "">;
+type DisplaySettings = ReturnType<typeof DisplaySettings>;
+export default DisplaySettings;

package/dist/icons/Experiment.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Experimento"}
+  title={props.title ?? "Experiment"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M5 21q-1.275 0-1.812-1.137t.262-2.113L9 11V5H8q-.425 0-.712-.288T7 4t.288-.712T8 3h8q.425 0 .713.288T17 4t-.288.713T16 5h-1v6l5.55 6.75q.8.975.263 2.113T19 21zm2-3h10l-3.4-4h-3.2z"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const Experiment: import("svelte").Component<IconProps, {}, "">;
+type Experiment = ReturnType<typeof Experiment>;
+export default Experiment;

package/dist/icons/Flag.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Bandera"}
+  title={props.title ?? "Flag"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M7 13v8q0 .425-.288.713T6 22t-.712-.288T5 21V4q0-.425.288-.712T6 3h13.525q.275 0 .488.125t.337.325.162.438-.062.487L19 8l1.45 3.625q.1.25.063.488t-.163.437-.337.325-.488.125z"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const Flag: import("svelte").Component<IconProps, {}, "">;
+type Flag = ReturnType<typeof Flag>;
+export default Flag;

package/dist/icons/GraphQL.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="outline"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "GraphQL"}
+  title={props.title ?? "GraphQL"}
+>
+  {#snippet children()}
+    <polygon
+      points="12,2 22,8 22,16 12,22 2,16 2,8"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.8"
+      stroke-linejoin="round"
+    />
+    <line x1="2" y1="8" x2="22" y2="16" stroke="currentColor" stroke-width="1.8" />
+    <line x1="22" y1="8" x2="2" y2="16" stroke="currentColor" stroke-width="1.8" />
+    <line x1="12" y1="2" x2="12" y2="22" stroke="currentColor" stroke-width="1.8" />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const GraphQL: import("svelte").Component<IconProps, {}, "">;
+type GraphQL = ReturnType<typeof GraphQL>;
+export default GraphQL;

package/dist/icons/Heart.svelte

@@ -12,9 +12,6 @@
   ariaLabel={props.ariaLabel ?? "Heart icon"}
   title={props.title ?? ""}
 >
-  <path
-    d="m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z"
-  />
   <path
     fill="currentColor"
     d="M18.494 3.801c2.095 1.221 3.569 3.7 3.504 6.592C21.86 16.5 13.5 21 12 21s-9.861-4.5-9.998-10.607c-.065-2.892 1.409-5.37 3.504-6.592C7.466 2.66 9.928 2.653 12 4.338c2.072-1.685 4.534-1.679 6.494-.537"

package/dist/icons/Plugin.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Plugin"}
+  title={props.title ?? "Plugin"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M9.5 21v-3L6 14.5V9q0-.825.588-1.412T8 7h1L8 8V3h2v4h4V3h2v5l-1-1h1q.825 0 1.413.588T18 9v5.5L14.5 18v3z"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const Plugin: import("svelte").Component<IconProps, {}, "">;
+type Plugin = ReturnType<typeof Plugin>;
+export default Plugin;

package/dist/icons/RateLimit.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="outline"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Límite de peticiones"}
+  title={props.title ?? "Rate Limit"}
+>
+  {#snippet children()}
+    <path
+      stroke="currentColor"
+      stroke-width="1.8"
+      stroke-linecap="round"
+      fill="none"
+      d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48 2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48 2.83-2.83"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const RateLimit: import("svelte").Component<IconProps, {}, "">;
+type RateLimit = ReturnType<typeof RateLimit>;
+export default RateLimit;

package/dist/icons/Robot.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Robot"}
+  title={props.title ?? "Robot"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M5 21q-.425 0-.712-.288T4 20v-4q0-.825.588-1.412T6 14h12q.825 0 1.413.588T20 16v4q0 .425-.288.713T19 21zm4-8q-2.075 0-3.537-1.463T4 8t1.463-3.537T9 3h6q2.075 0 3.538 1.463T20 8t-1.463 3.538T15 13zm.713-4.288Q10 8.425 10 8t-.288-.712T9 7t-.712.288T8 8t.288.713T9 9t.713-.288m6 0Q16 8.426 16 8t-.288-.712T15 7t-.712.288T14 8t.288.713T15 9t.713-.288"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const Robot: import("svelte").Component<IconProps, {}, "">;
+type Robot = ReturnType<typeof Robot>;
+export default Robot;

package/dist/icons/Schema.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Schema"}
+  title={props.title ?? "Schema"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M4 21v-2q0-.825.588-1.412T6 17h.5v-2H6q-.825 0-1.412-.587T4 13v-2q0-.825.588-1.412T6 9h.5V7H6q-.825 0-1.412-.587T4 5V3q0-.825.588-1.412T6 1h3q.825 0 1.413.588T11 3v2q0 .825-.587 1.413T9 7h-.5v2H9q.825 0 1.413.588T11 11h3q0-.825.588-1.412T16 9h3q.825 0 1.413.588T21 11v2q0 .825-.587 1.413T19 15h-3q-.825 0-1.412-.587T14 13h-3q0 .825-.587 1.413T9 15h-.5v2H9q.825 0 1.413.588T11 19v2q0 .825-.587 1.413T9 23H6q-.825 0-1.412-.587T4 21"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const Schema: import("svelte").Component<IconProps, {}, "">;
+type Schema = ReturnType<typeof Schema>;
+export default Schema;

package/dist/icons/ShieldCard.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Escudo con tarjeta"}
+  title={props.title ?? "Shield Card"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M13 22q-.825 0-1.412-.587T11 20v-5q0-.825.588-1.412T13 13h8q.825 0 1.413.588T23 15v5q0 .825-.587 1.413T21 22zm0-2h8v-2h-8zm0-4h8v-1h-8zm-9-4.9V5l8-3 8 3v6h-7q-1.65 0-2.825 1.175T9 15v5.35q0 .175.05.35-2.275-1.5-3.662-4.075T4 11.1"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const ShieldCard: import("svelte").Component<IconProps, {}, "">;
+type ShieldCard = ReturnType<typeof ShieldCard>;
+export default ShieldCard;

package/dist/icons/ShieldLock.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Escudo con candado"}
+  title={props.title ?? "Shield Lock"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M12 22q-3.475-.875-5.738-3.988T4 11.1V5l8-3 8 3v6.1q0 3.8-2.262 6.913T12 22m0-2.1q2.6-.825 4.3-3.3t1.7-5.5V6.375l-6-2.25-6 2.25V11.1q0 3.025 1.7 5.5t4.3 3.3M10 16h4q.425 0 .713-.288T15 15v-3q0-.425-.288-.712T14 11v-1q0-.825-.587-1.412T12 8t-1.412.588T10 10v1q-.425 0-.712.288T9 12v3q0 .425.288.713T10 16m1-5v-1q0-.425.288-.712T12 9t.713.288T13 10v1z"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const ShieldLock: import("svelte").Component<IconProps, {}, "">;
+type ShieldLock = ReturnType<typeof ShieldLock>;
+export default ShieldLock;

package/dist/icons/ShieldToggle.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Escudo con toggle"}
+  title={props.title ?? "Shield Toggle"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M10 11h4q.825 0 1.413-.587T16 9t-.587-1.412T14 7h-4q-.825 0-1.412.588T8 9t.588 1.413T10 11m3.288-1.287Q13 9.425 13 9t.288-.712T14 8t.713.288T15 9t-.288.713T14 10t-.712-.288M10 16h4q.825 0 1.413-.587T16 14t-.587-1.412T14 12h-4q-.825 0-1.412.588T8 14t.588 1.413T10 16m-.712-1.287Q9 14.425 9 14t.288-.712T10 13t.713.288T11 14t-.288.713T10 15t-.712-.288M12 22q-3.475-.875-5.738-3.988T4 11.1V5l8-3 8 3v6.1q0 3.8-2.262 6.913T12 22"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const ShieldToggle: import("svelte").Component<IconProps, {}, "">;
+type ShieldToggle = ReturnType<typeof ShieldToggle>;
+export default ShieldToggle;

package/dist/icons/Webhook.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import IconBase from "../IconBase.svelte";
+  import type { IconProps } from "../types";
+
+  const props: IconProps = $props();
+</script>
+
+<IconBase
+  {...props}
+  mode="solid"
+  viewBox="0 0 24 24"
+  ariaLabel={props.ariaLabel ?? "Webhook"}
+  title={props.title ?? "Webhook"}
+>
+  {#snippet children()}
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+      fill="currentColor"
+      d="M7 21q-2.075 0-3.537-1.463T2 16q0-1.825 1.138-3.187T6 11.1v2.075q-.875.3-1.437 1.075T4 16q0 1.25.875 2.125T7 19t2.125-.875T10 16v-1h5.875q.2-.225.488-.363T17 14.5q.625 0 1.063.438T18.5 16t-.437 1.063T17 17.5q-.35 0-.638-.137T15.876 17H11.9q-.35 1.725-1.713 2.863T7 21m10 0q-1.4 0-2.537-.687T12.675 18.5h2.675q.35.25.775.375T17 19q1.25 0 2.125-.875T20 16t-.875-2.125T17 13q-.5 0-.925.138t-.8.412l-3.05-5.075q-.525-.1-.875-.5T11 7q0-.625.438-1.062T12.5 5.5t1.063.438T14 7v.213q0 .087-.05.212l2.175 3.65q.2-.05.425-.062T17 11q2.075 0 3.538 1.463T22 16t-1.463 3.538T17 21M7 17.5q-.625 0-1.062-.437T5.5 16q0-.55.35-.95t.85-.525l2.35-3.9q-.725-.675-1.138-1.612T7.5 7q0-2.075 1.463-3.537T12.5 2t3.538 1.463T17.5 7h-2q0-1.25-.875-2.125T12.5 4t-2.125.875T9.5 7q0 1.075.65 1.888t1.65 1.037L8.425 15.55q.05.125.063.225T8.5 16q0 .625-.437 1.063T7 17.5"
+    />
+  {/snippet}
+</IconBase>

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

@@ -0,0 +1,4 @@
+import type { IconProps } from "../types";
+declare const Webhook: import("svelte").Component<IconProps, {}, "">;
+type Webhook = ReturnType<typeof Webhook>;
+export default Webhook;

package/dist/icons/components.d.ts

@@ -198,3 +198,16 @@ export { default as UserPlus } from './UserPlus.svelte';
 export { default as Video } from './Video.svelte';
 export { default as Volume } from './Volume.svelte';
 export { default as VolumeOff } from './VolumeOff.svelte';
+export { default as Block } from './Block.svelte';
+export { default as DisplaySettings } from './DisplaySettings.svelte';
+export { default as Experiment } from './Experiment.svelte';
+export { default as Flag } from './Flag.svelte';
+export { default as GraphQL } from './GraphQL.svelte';
+export { default as Plugin } from './Plugin.svelte';
+export { default as RateLimit } from './RateLimit.svelte';
+export { default as Robot } from './Robot.svelte';
+export { default as Schema } from './Schema.svelte';
+export { default as ShieldCard } from './ShieldCard.svelte';
+export { default as ShieldLock } from './ShieldLock.svelte';
+export { default as ShieldToggle } from './ShieldToggle.svelte';
+export { default as Webhook } from './Webhook.svelte';

package/dist/icons/components.js

@@ -199,3 +199,16 @@ export { default as UserPlus } from './UserPlus.svelte';
 export { default as Video } from './Video.svelte';
 export { default as Volume } from './Volume.svelte';
 export { default as VolumeOff } from './VolumeOff.svelte';
+export { default as Block } from './Block.svelte';
+export { default as DisplaySettings } from './DisplaySettings.svelte';
+export { default as Experiment } from './Experiment.svelte';
+export { default as Flag } from './Flag.svelte';
+export { default as GraphQL } from './GraphQL.svelte';
+export { default as Plugin } from './Plugin.svelte';
+export { default as RateLimit } from './RateLimit.svelte';
+export { default as Robot } from './Robot.svelte';
+export { default as Schema } from './Schema.svelte';
+export { default as ShieldCard } from './ShieldCard.svelte';
+export { default as ShieldLock } from './ShieldLock.svelte';
+export { default as ShieldToggle } from './ShieldToggle.svelte';
+export { default as Webhook } from './Webhook.svelte';

package/dist/icons/lazy-registry.js

@@ -27,6 +27,10 @@ const _loaders = {
     eye: () => import('./Eye.svelte'),
     eyeOff: () => import('./EyeOff.svelte'),
     shield: () => import('./Shield.svelte'),
+    shieldCard: () => import('./ShieldCard.svelte'),
+    shieldLock: () => import('./ShieldLock.svelte'),
+    shieldToggle: () => import('./ShieldToggle.svelte'),
+    block: () => import('./Block.svelte'),
     fingerprint: () => import('./Fingerprint.svelte'),
     contact: () => import('./Contact.svelte'),
     security: () => import('./Security.svelte'),
@@ -133,6 +137,7 @@ const _loaders = {
     circleQuestionOutline: () => import('./CircleQuestionOutlined.svelte'),
     star: () => import('./Star.svelte'),
     favorites: () => import('./Favorites.svelte'),
+    flag: () => import('./Flag.svelte'),
     heart: () => import('./Heart.svelte'),
     reset: () => import('./Reset.svelte'),
     height: () => import('./Height.svelte'),
@@ -215,6 +220,14 @@ const _loaders = {
 
     code: () => import('./Code.svelte'),
     terminal: () => import('./Terminal.svelte'),
+    webhook: () => import('./Webhook.svelte'),
+    robot: () => import('./Robot.svelte'),
+    schema: () => import('./Schema.svelte'),
+    plugin: () => import('./Plugin.svelte'),
+    experiment: () => import('./Experiment.svelte'),
+    displaySettings: () => import('./DisplaySettings.svelte'),
+    graphql: () => import('./GraphQL.svelte'),
+    rateLimit: () => import('./RateLimit.svelte'),
 
     video: () => import('./Video.svelte'),
     microphone: () => import('./Microphone.svelte'),

package/dist/icons/registry.d.ts

@@ -42,6 +42,9 @@ export declare const iconRegistry: {
         mode?: import("..").IconMode;
     }, {}, "">;
     readonly shield: Component<import("..").IconProps, {}, "">;
+    readonly shieldCard: Component<import("..").IconProps, {}, "">;
+    readonly shieldLock: Component<import("..").IconProps, {}, "">;
+    readonly shieldToggle: Component<import("..").IconProps, {}, "">;
     readonly fingerprint: Component<import("..").IconProps, {}, "">;
     readonly contact: Component<import("..").IconProps, {}, "">;
     readonly security: Component<import("..").IconProps, {}, "">;
@@ -172,6 +175,7 @@ export declare const iconRegistry: {
     readonly circleQuestionOutline: Component<import("..").IconProps, {}, "">;
     readonly star: Component<import("..").IconProps, {}, "">;
     readonly favorites: Component<import("..").IconProps, {}, "">;
+    readonly flag: Component<import("..").IconProps, {}, "">;
     readonly heart: Component<import("..").IconProps, {}, "">;
     readonly reset: Component<import("..").IconProps, {}, "">;
     readonly height: Component<import("..").IconProps, {}, "">;
@@ -227,6 +231,7 @@ export declare const iconRegistry: {
     readonly cloudAlert: Component<import("..").IconProps, {}, "">;
     readonly cloudCheck: Component<import("..").IconProps, {}, "">;
     readonly cloudDownload: Component<import("..").IconProps, {}, "">;
+    readonly block: Component<import("..").IconProps, {}, "">;
     readonly blaze: Component<import("..").IconProps, {}, "">;
     readonly earth: Component<import("..").IconProps, {}, "">;
     readonly globe: Component<import("..").IconProps, {}, "">;
@@ -253,9 +258,17 @@ export declare const iconRegistry: {
     readonly layers: Component<import("..").IconProps, {}, "">;
     readonly sliders: Component<import("..").IconProps, {}, "">;
     readonly code: Component<import("..").IconProps, {}, "">;
+    readonly rateLimit: Component<import("..").IconProps, {}, "">;
+    readonly graphql: Component<import("..").IconProps, {}, "">;
     readonly terminal: Component<import("..").IconProps & {
         mode?: import("..").IconMode;
     }, {}, "">;
+    readonly webhook: Component<import("..").IconProps, {}, "">;
+    readonly robot: Component<import("..").IconProps, {}, "">;
+    readonly schema: Component<import("..").IconProps, {}, "">;
+    readonly plugin: Component<import("..").IconProps, {}, "">;
+    readonly experiment: Component<import("..").IconProps, {}, "">;
+    readonly displaySettings: Component<import("..").IconProps, {}, "">;
     readonly video: Component<import("..").IconProps, {}, "">;
     readonly microphone: Component<import("..").IconProps, {}, "">;
     readonly micOff: Component<import("..").IconProps, {}, "">;

package/dist/icons/registry.js

@@ -3,6 +3,7 @@ import Alternate from "./Alternate.svelte";
 import AnimatedArrowLeft from "./AnimatedArrowLeft.svelte";
 import Attachment from "./Attachment.svelte";
 import Bag from "./Bag.svelte";
+import Block from "./Block.svelte";
 import Bank from "./Bank.svelte";
 import Bell from "./Bell.svelte";
 import Blaze from "./Blaze.svelte";
@@ -56,6 +57,7 @@ import Exchange from "./Exchange.svelte";
 import Eye from "./Eye.svelte";
 import EyeOff from "./EyeOff.svelte";
 import Favorites from "./Favorites.svelte";
+import Flag from "./Flag.svelte";
 import File from "./File.svelte";
 import FileUpdateAnimated from "./FileUploadAnimated.svelte";
 import Filter from "./Filter.svelte";
@@ -157,9 +159,11 @@ import Desktop from "./Desktop.svelte";
 import DoughnutChart from "./DoughnutChart.svelte";
 import Earth from "./Earth.svelte";
 import Globe from "./Globe.svelte";
+import GraphQL from "./GraphQL.svelte";
 import LightHub from "./LightHub.svelte";
 import Link from "./Link.svelte";
 import Power from "./Power.svelte";
+import RateLimit from "./RateLimit.svelte";
 import Receipt from "./Receipt.svelte";
 import Sync from "./Sync.svelte";
 import Wifi from "./Wifi.svelte";
@@ -179,6 +183,15 @@ import ChevronRight from "./ChevronRight.svelte";
 import ChevronUp from "./ChevronUp.svelte";
 import CloudUpload from "./CloudUpload.svelte";
 import Code from "./Code.svelte";
+import DisplaySettings from "./DisplaySettings.svelte";
+import Experiment from "./Experiment.svelte";
+import Plugin from "./Plugin.svelte";
+import Robot from "./Robot.svelte";
+import Schema from "./Schema.svelte";
+import ShieldCard from "./ShieldCard.svelte";
+import ShieldLock from "./ShieldLock.svelte";
+import ShieldToggle from "./ShieldToggle.svelte";
+import Webhook from "./Webhook.svelte";
 import ExternalLink from "./ExternalLink.svelte";
 import Gift from "./Gift.svelte";
 import Grid from "./Grid.svelte";
@@ -228,6 +241,9 @@ export const iconRegistry = /* @__PURE__ */ {
     eye: Eye,
     eyeOff: EyeOff,
     shield: Shield,
+    shieldCard: ShieldCard,
+    shieldLock: ShieldLock,
+    shieldToggle: ShieldToggle,
     fingerprint: Fingerprint,
     contact: Contact,
     security: Security,
@@ -334,6 +350,7 @@ export const iconRegistry = /* @__PURE__ */ {
     circleQuestionOutline: CircleQuestionOutlined,
     star: Star,
     favorites: Favorites,
+    flag: Flag,
     heart: Heart,
     reset: Reset,
     height: Height,
@@ -385,6 +402,7 @@ export const iconRegistry = /* @__PURE__ */ {
     cloudCheck: CloudCheck,
     cloudDownload: CloudDownload,
 
+    block: Block,
     blaze: Blaze,
     earth: Earth,
     globe: Globe,
@@ -415,7 +433,15 @@ export const iconRegistry = /* @__PURE__ */ {
     sliders: Sliders,
 
     code: Code,
+    rateLimit: RateLimit,
+    graphql: GraphQL,
     terminal: Terminal,
+    webhook: Webhook,
+    robot: Robot,
+    schema: Schema,
+    plugin: Plugin,
+    experiment: Experiment,
+    displaySettings: DisplaySettings,
 
     video: Video,
     microphone: Microphone,

package/dist/icons-api.d.ts

@@ -30,6 +30,10 @@ export declare const bzIcons: {
     readonly Eye: "eye";
     readonly EyeOff: "eyeOff";
     readonly Shield: "shield";
+    readonly ShieldCard: "shieldCard";
+    readonly ShieldLock: "shieldLock";
+    readonly ShieldToggle: "shieldToggle";
+    readonly Block: "block";
     readonly Fingerprint: "fingerprint";
     readonly Contact: "contact";
     readonly Security: "security";
@@ -195,6 +199,14 @@ export declare const bzIcons: {
     readonly Sliders: "sliders";
     readonly Code: "code";
     readonly Terminal: "terminal";
+    readonly Webhook: "webhook";
+    readonly Robot: "robot";
+    readonly Schema: "schema";
+    readonly Plugin: "plugin";
+    readonly Experiment: "experiment";
+    readonly DisplaySettings: "displaySettings";
+    readonly GraphQL: "graphql";
+    readonly RateLimit: "rateLimit";
     readonly Video: "video";
     readonly Microphone: "microphone";
     readonly MicOff: "micOff";
@@ -202,5 +214,6 @@ export declare const bzIcons: {
     readonly VolumeOff: "volumeOff";
     readonly Percentage: "percentage";
     readonly Gift: "gift";
+    readonly Flag: "flag";
 };
 export type BzIconKey = keyof typeof bzIcons;

package/dist/icons-api.js

@@ -28,6 +28,10 @@ export const bzIcons = {
     Eye: "eye",
     EyeOff: "eyeOff",
     Shield: "shield",
+    ShieldCard: "shieldCard",
+    ShieldLock: "shieldLock",
+    ShieldToggle: "shieldToggle",
+    Block: "block",
     Fingerprint: "fingerprint",
     Contact: "contact",
     Security: "security",
@@ -214,6 +218,14 @@ export const bzIcons = {
 
     Code: "code",
     Terminal: "terminal",
+    Webhook: "webhook",
+    Robot: "robot",
+    Schema: "schema",
+    Plugin: "plugin",
+    Experiment: "experiment",
+    DisplaySettings: "displaySettings",
+    GraphQL: "graphql",
+    RateLimit: "rateLimit",
 
     Video: "video",
     Microphone: "microphone",
@@ -223,4 +235,5 @@ export const bzIcons = {
 
     Percentage: "percentage",
     Gift: "gift",
+    Flag: "flag",
 };

package/dist/plugin/index.d.ts

@@ -29,8 +29,11 @@ export declare function blazirIconsPlugin(options?: BlazerIconsPluginOptions): {
         root?: string;
     }): void;
     buildStart(): void;
-    resolveId(id: string, importer?: string): "\0virtual:blazir-icons/registry" | null | undefined;
-    load(id: string): string | undefined;
+    resolveId(id: string, importer?: string): "\0virtual:blazir-icons/registry" | "\0blazir-icons-css" | null | undefined;
+    load(id: string): string | {
+        code: string;
+        moduleSideEffects: boolean;
+    } | undefined;
     handleHotUpdate({ file, read, server }: {
         file: string;
         read: () => Promise<string>;

package/dist/plugin/index.js

@@ -12,7 +12,8 @@
  *   plugins: [blazirIconsPlugin()]
  */
 import { readFileSync, readdirSync } from 'node:fs';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 // ============================================================================
 // MAPA COMPLETO: clave del registry → nombre del archivo .svelte
 // (necesario porque no siempre coinciden, e.g. search → MagnifiyingGlass)
@@ -177,6 +178,7 @@ const DYNAMIC_RE = /\bname=\{(?!["'])/;
 // ID del módulo virtual que reemplaza al registry completo
 const VIRTUAL_ID = 'virtual:blazir-icons/registry';
 const RESOLVED_ID = '\0virtual:blazir-icons/registry';
+const RESOLVED_CSS_ID = '\0blazir-icons-css';
 // ============================================================================
 // PLUGIN
 // ============================================================================
@@ -272,6 +274,8 @@ export function blazirIconsPlugin(options = {}) {
         },
         // Intercepta la importación del registry desde Icon.svelte
         resolveId(id, importer) {
+            if (id.includes('icon-animation.css'))
+                return RESOLVED_CSS_ID;
             if (id === VIRTUAL_ID)
                 return RESOLVED_ID;
             // Solo interceptar cuando podemos optimizar:
@@ -290,6 +294,27 @@ export function blazirIconsPlugin(options = {}) {
         },
         // Genera el módulo virtual con solo los íconos detectados
         load(id) {
+            if (id === RESOLVED_CSS_ID) {
+                const cssPath = join(dirname(fileURLToPath(import.meta.url)), '../icon-animation.css');
+                const css = readFileSync(cssPath, 'utf-8');
+                const code = `
+const css = ${JSON.stringify(css)};
+if (typeof document !== 'undefined' && !document.getElementById('blazir-icons-css')) {
+  const el = document.createElement('style');
+  el.id = 'blazir-icons-css';
+  el.textContent = css;
+  const nonce =
+    document.querySelector('meta[property="csp-nonce"]')?.getAttribute('content') ??
+    document.currentScript?.nonce ??
+    '';
+  if (nonce) el.nonce = nonce;
+  document.head.appendChild(el);
+}
+`;
+                // moduleSideEffects: true evita que Rollup elimine este módulo por tree-shaking.
+                // El sideEffects["**/*.css"] del package.json no cubre módulos virtuales.
+                return { code, moduleSideEffects: true };
+            }
             if (id !== RESOLVED_ID)
                 return;
             ensureScanned();

package/package.json

@@ -57,6 +57,11 @@
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild"
+    ]
+  },
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -83,5 +88,5 @@
   "svelte": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.4.0"
+  "version": "1.4.2"
 }