@cloudflare/component-icon 13.15.3 → 13.15.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 13.15.4
+
+### Patch Changes
+
+- 92aa24bd89: Accept React 18 and 19 in the peer ranges of smoke-tested components and styling packages. Keep React keys out of Grid and FormGrid styling props, and emit declarations compatible with React 19 types.
+
 ## 13.15.3
 
 ### Patch Changes

package/dist/Example.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Example: () => JSX.Element;
+import React from 'react';
+export declare const Example: () => React.ReactElement;

package/dist/reactsvgs/index.d.ts

@@ -1,252 +1,4 @@
-/// <reference types="react" />
-declare const _default: {
-    dlp: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'account-analytics-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'add-member': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    add: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'ai-audit': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'analytics-data': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'analytics-search': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'api-security': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    api: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'apple-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    applications: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'arrow-down': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'arrow-external-link': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'attention-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'attention-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'auto-rag-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    backward: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'bolt-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    bolt: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'bookmark-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'bookmark-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    byoip: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    calendar: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    calls: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'captcha-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    carbon: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-double-left': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-double-right': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-down-stroke': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-down': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-left-stroke': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-left': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-reorder2': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-right-stroke': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-right': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-up-stroke': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'caret-up': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'case-study': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    certificate: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'change-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    chart: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    clipboard: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloud-internet-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloud-internet': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloud-multi': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloud-security': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-access': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-argo-smart-routing-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-browser-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-dex': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-email-security': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-magic-wan': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-pipelines': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-ruleset-engine': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-security-application': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-security-network': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'cloudflare-zero-trust': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'code-api-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'code-edit': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    code: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    collapse: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    connector: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    copy: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'corner-down-right': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'credit-card': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'customer-service-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    d1: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'ddos-attack-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'ddos-attack': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'device-desktop': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'device-laptop': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'device-mobile': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'device-tablet': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    discord: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    discover: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    documentation: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    download: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'drag-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'drag-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    drive: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'edge-log-delivery': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    edgeworker: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    edit: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'email-forwarding': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'exclamation-sign': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    expand: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'external-link': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    eye: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    facebook: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    file: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'filter-drawer-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    filter: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'firewall-rules': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    flowchart: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    folder: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    forward: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    funnel: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'garbage-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    garbage: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    gateway: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    gear: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'git-branch': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    github: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    globe: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'graduation-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    hamburger: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    help: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'hide-eye': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    home: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    hyperdrive: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    image: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    inbox: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'info-sign': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'innovation-thinking-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'innovation-thinking-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'internet-browser': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    key: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    leaf: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    left: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'lighthouse-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    link: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    linkedin: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    list: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    lock: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    logs: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'machine-learning-contextual-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'magic-firewall': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'magic-network-monitoring': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'magic-transit-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    mail: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'mcp-server-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'media-play': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    minus: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    more: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'network-analytics-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'network-security': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    network: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'no-edit': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    none: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    notifications: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'office-branch': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'ok-sign': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    ok: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'open-sidepanel-right': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'optimization-scale': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'organization-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    overflow2solid: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'overflow-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'pages-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    pause: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'performance-arrow-up': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'performance-cloud-speed-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'phishing-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'pin-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'pin-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'platform-apps': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    plus: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'podcast-microphone-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'podcast-microphone-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'preemptive-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'price-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'price-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    printer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    processing: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'product-security-center': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'pub-sub': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'pull-request': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    queues: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    r2outline: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    r2: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'refactor-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    refresh: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'registrar-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'reliability-dns': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'reliability-load-balancer': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'reliability-timer-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'reliability-timer-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    remove: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    reorder: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'replatform-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'resize-horizontal': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    retarget: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'reusable-components': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    revert: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    right: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    router: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    script: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    search: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'security-bots': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'security-fingerprint': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'security-waf-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'security-waf': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'server-origin': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'share-arrow-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    shield: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    spectrum: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    speech: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'star-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    star: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    stream: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    subtract: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    table: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'tail-worker': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    target: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    teams: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    terraform: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'thumbs-down-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'thumbs-down-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'thumbs-up-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'thumbs-up-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    time: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    timer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    trace: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'traffic-attack-browser': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    turnstile: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    twitter: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'two-way': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'unlock-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    upload: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'user-multi': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'user-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    user: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    vectorize: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    version: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'virtual-machine-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'waiting-room': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'warning-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'warning-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    warning: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    warp: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'web-analytics-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    web3: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'workers-bundled': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'workers-constellation': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'workers-durable-objects': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'workers-for-platforms': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'workers-kv': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'workers-pages': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'workers-unbound': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    wrangler: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    wrench: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'yes-check-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'yes-check-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    youtube: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    zaraz: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'zero-trust-risk-scoring': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'zerotrust-casb-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'zerotrust-networks-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-};
+import type { ComponentType, SVGProps } from 'react';
+declare type IconComponent = ComponentType<SVGProps<SVGSVGElement>>;
+declare const _default: Record<"search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "collapse" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "apple-outline" | "applications" | "arrow-down" | "arrow-external-link" | "attention-outline" | "attention-solid" | "auto-rag-outline" | "backward" | "bolt-solid" | "bolt" | "bookmark-outline" | "bookmark-solid" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "change-outline" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-argo-smart-routing-outline" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "corner-down-right" | "credit-card" | "customer-service-outline" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "graduation-outline" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "innovation-thinking-outline" | "innovation-thinking-solid" | "internet-browser" | "leaf" | "lighthouse-outline" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "mcp-server-outline" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "open-sidepanel-right" | "optimization-scale" | "organization-outline" | "overflow2solid" | "overflow-solid" | "pages-logo" | "performance-arrow-up" | "performance-cloud-speed-outline" | "phishing-outline" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "preemptive-outline" | "price-outline" | "price-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refactor-outline" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "reliability-timer-outline" | "reliability-timer-solid" | "remove" | "reorder" | "replatform-outline" | "resize-horizontal" | "retarget" | "reusable-components" | "router" | "security-bots" | "security-fingerprint" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "virtual-machine-outline" | "waiting-room" | "warning-outline" | "warning-solid" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "yes-check-outline" | "yes-check-solid" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo", IconComponent>;
 export default _default;

package/es/reactsvgs/index.js

@@ -246,7 +246,10 @@ import PriceSolid from './PriceSolid';
 import ReliabilityTimerOutline from './ReliabilityTimerOutline';
 import ReliabilityTimerSolid from './ReliabilityTimerSolid';
 import SecurityFingerprint from './SecurityFingerprint';
-export default {
+
+var iconMap = icons => icons;
+
+export default iconMap({
   dlp: Dlp,
   'account-analytics-logo': AccountAnalyticsLogo,
   'add-member': AddMember,
@@ -495,4 +498,4 @@ export default {
   'zero-trust-risk-scoring': ZeroTrustRiskScoring,
   'zerotrust-casb-logo': ZerotrustCasbLogo,
   'zerotrust-networks-logo': ZerotrustNetworksLogo
-};
+});

package/lib/reactsvgs/index.js

@@ -503,7 +503,11 @@ var _SecurityFingerprint = _interopRequireDefault(require("./SecurityFingerprint
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = {
+var iconMap = function iconMap(icons) {
+  return icons;
+};
+
+var _default = iconMap({
   dlp: _Dlp.default,
   'account-analytics-logo': _AccountAnalyticsLogo.default,
   'add-member': _AddMember.default,
@@ -752,5 +756,6 @@ var _default = {
   'zero-trust-risk-scoring': _ZeroTrustRiskScoring.default,
   'zerotrust-casb-logo': _ZerotrustCasbLogo.default,
   'zerotrust-networks-logo': _ZerotrustNetworksLogo.default
-};
+});
+
 exports.default = _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/component-icon",
   "description": "Cloudflare Icon Component",
-  "version": "13.15.3",
+  "version": "13.15.4",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "Frontend Team <frontend@cloudflare.com>",
@@ -15,7 +15,7 @@
   "peerDependencies": {
     "@cloudflare/style-const": "^6.0.0",
     "@cloudflare/style-container": "^8.0.0",
-    "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0"
+    "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
   },
   "devDependencies": {
     "@cloudflare/types": "^6.21.15",

package/svgr.config.js

@@ -8,7 +8,9 @@ function camelCaseToDash(str) {
 // Our export needs to be an object keyed by the icon type (e.g. { 'workers': WorkersIcon })
 // Here we import each default export individually, and then create a single object to export
 function defaultIndexTemplate(filePaths) {
-  let indexString = filePaths
+  let indexString = "import type { ComponentType, SVGProps } from 'react';\n";
+
+  indexString += filePaths
     .map(filePath => {
       const basename = path.basename(filePath, path.extname(filePath));
       const exportName = /^\d/.test(basename) ? `Svg${basename}` : basename;
@@ -16,7 +18,10 @@ function defaultIndexTemplate(filePaths) {
     })
     .join('\n');
 
-  indexString += '\nexport default {\n';
+  indexString +=
+    '\ntype IconComponent = ComponentType<SVGProps<SVGSVGElement>>;\n' +
+    'const iconMap = <Name extends string>(icons: Record<Name, IconComponent>) =>\n  icons;\n' +
+    'export default iconMap({\n';
 
   indexString += filePaths
     .map(filePath => {
@@ -28,7 +33,7 @@ function defaultIndexTemplate(filePaths) {
     })
     .join('\n');
 
-  indexString += '\n};';
+  indexString += '\n});';
 
   return indexString;
 }