@flamingo-stack/openframe-frontend-core 0.0.729 → 0.0.731

package/src/components/icons-v2-generated/brand-logos/google-gemini-icon.tsx

@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import { useId, type SVGProps } from "react";
 export interface GoogleGeminiIconProps
   extends Omit<SVGProps<SVGSVGElement>, "width" | "height"> {
   className?: string;
@@ -11,6 +11,8 @@ export function GoogleGeminiIcon({
   color = "var(--color-text-primary)",
   ...props
 }: GoogleGeminiIconProps) {
+  // Per-instance ids: see scopeIds in scripts/generate-icons.mjs.
+  const uid = useId().replace(/[^a-zA-Z0-9_-]/g, '');
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,7 +24,7 @@ export function GoogleGeminiIcon({
       {...props}
     >
       <mask
-        id="google-gemini_svg__b"
+        id={`${uid}google-gemini_svg__b`}
         width={14}
         height={14}
         x={1}
@@ -34,72 +36,72 @@ export function GoogleGeminiIcon({
           d="M7.99 1.333c.139 0 .26.096.294.231q.156.623.41 1.211a8.6 8.6 0 0 0 1.817 2.693 8.55 8.55 0 0 0 3.903 2.226.304.304 0 0 1 0 .59q-.622.156-1.211.41a8.6 8.6 0 0 0-2.692 1.816 8.55 8.55 0 0 0-2.227 3.904.305.305 0 0 1-.59 0 8.54 8.54 0 0 0-2.226-3.904 8.55 8.55 0 0 0-3.904-2.226.305.305 0 0 1 0-.59 8.54 8.54 0 0 0 3.904-2.226 8.54 8.54 0 0 0 2.226-3.904.305.305 0 0 1 .295-.23"
         />
         <path
-          fill="url(#google-gemini_svg__a)"
+          fill={`url(#${uid}google-gemini_svg__a)`}
           d="M7.99 1.333c.139 0 .26.096.294.231q.156.623.41 1.211a8.6 8.6 0 0 0 1.817 2.693 8.55 8.55 0 0 0 3.903 2.226.304.304 0 0 1 0 .59q-.622.156-1.211.41a8.6 8.6 0 0 0-2.692 1.816 8.55 8.55 0 0 0-2.227 3.904.305.305 0 0 1-.59 0 8.54 8.54 0 0 0-2.226-3.904 8.55 8.55 0 0 0-3.904-2.226.305.305 0 0 1 0-.59 8.54 8.54 0 0 0 3.904-2.226 8.54 8.54 0 0 0 2.226-3.904.305.305 0 0 1 .295-.23"
         />
       </mask>
-      <g mask="url(#google-gemini_svg__b)">
-        <g filter="url(#google-gemini_svg__c)">
+      <g mask={`url(#${uid}google-gemini_svg__b)`}>
+        <g filter={`url(#${uid}google-gemini_svg__c)`}>
           <path
             fill={color}
             d="M.131 11.74c1.538.547 3.306-.478 3.949-2.287.643-1.81-.083-3.72-1.621-4.266s-3.306.478-3.95 2.288c-.642 1.81.084 3.719 1.622 4.265"
           />
         </g>
-        <g filter="url(#google-gemini_svg__d)">
+        <g filter={`url(#${uid}google-gemini_svg__d)`}>
           <path
             fill={color}
             d="M6.96 5.774c2.113 0 3.826-1.75 3.826-3.91s-1.712-3.91-3.825-3.91-3.827 1.75-3.827 3.91 1.713 3.91 3.827 3.91"
           />
         </g>
-        <g filter="url(#google-gemini_svg__e)">
+        <g filter={`url(#${uid}google-gemini_svg__e)`}>
           <path
             fill={color}
             d="M5.474 18.279c2.205-.108 3.88-2.512 3.74-5.37s-2.04-5.086-4.246-4.978-3.881 2.511-3.741 5.369 2.04 5.086 4.247 4.979"
           />
         </g>
-        <g filter="url(#google-gemini_svg__f)">
+        <g filter={`url(#${uid}google-gemini_svg__f)`}>
           <path
             fill={color}
             d="M5.474 18.279c2.205-.108 3.88-2.512 3.74-5.37s-2.04-5.086-4.246-4.978-3.881 2.511-3.741 5.369 2.04 5.086 4.247 4.979"
           />
         </g>
-        <g filter="url(#google-gemini_svg__g)">
+        <g filter={`url(#${uid}google-gemini_svg__g)`}>
           <path
             fill={color}
             d="M7.683 16.55c1.849-1.125 2.344-3.687 1.105-5.723s-3.742-2.774-5.59-1.65c-1.85 1.126-2.345 3.688-1.106 5.724s3.742 2.774 5.59 1.649"
           />
         </g>
-        <g filter="url(#google-gemini_svg__h)">
+        <g filter={`url(#${uid}google-gemini_svg__h)`}>
           <path
             fill={color}
             d="M15.157 10.152c2.078 0 3.763-1.622 3.763-3.623s-1.685-3.624-3.763-3.624-3.763 1.622-3.763 3.624 1.685 3.623 3.763 3.623"
           />
         </g>
-        <g filter="url(#google-gemini_svg__i)">
+        <g filter={`url(#${uid}google-gemini_svg__i)`}>
           <path
             fill={color}
             d="M-1.347 9.732c1.914 1.455 4.71.999 6.245-1.02 1.535-2.018 1.228-4.835-.686-6.29s-4.71-.999-6.244 1.02c-1.535 2.018-1.228 4.835.685 6.29"
           />
         </g>
-        <g filter="url(#google-gemini_svg__j)">
+        <g filter={`url(#${uid}google-gemini_svg__j)`}>
           <path
             fill={color}
             d="M8.46 11.883c2.283 1.57 5.311 1.133 6.762-.977s.775-5.094-1.51-6.664C11.43 2.67 8.402 3.108 6.95 5.218s-.775 5.094 1.51 6.665"
           />
         </g>
-        <g filter="url(#google-gemini_svg__k)">
+        <g filter={`url(#${uid}google-gemini_svg__k)`}>
           <path
             fill={color}
             d="M12.612.854c.581.79-.166 2.326-1.668 3.431s-3.191 1.36-3.772.57.165-2.326 1.668-3.43C10.342.318 12.03.063 12.612.853"
           />
         </g>
-        <g filter="url(#google-gemini_svg__l)">
+        <g filter={`url(#${uid}google-gemini_svg__l)`}>
           <path
             fill={color}
             d="M7.841 4.637c2.324-2.155 3.121-5.073 1.782-6.517-1.34-1.444-4.31-.868-6.633 1.287S-.13 4.48 1.21 5.924c1.339 1.444 4.308.868 6.631-1.287"
           />
         </g>
-        <g filter="url(#google-gemini_svg__m)">
+        <g filter={`url(#${uid}google-gemini_svg__m)`}>
           <path
             fill={color}
             d="M3.079 12.377c1.38.988 2.966 1.138 3.54.336.576-.803-.078-2.256-1.459-3.244-1.38-.988-2.966-1.138-3.54-.335-.575.803.078 2.255 1.459 3.243"
@@ -108,7 +110,7 @@ export function GoogleGeminiIcon({
       </g>
       <defs>
         <filter
-          id="google-gemini_svg__c"
+          id={`${uid}google-gemini_svg__c`}
           width={9.066}
           height={9.875}
           x={-3.238}
@@ -124,7 +126,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__d"
+          id={`${uid}google-gemini_svg__d`}
           width={22.287}
           height={22.455}
           x={-4.183}
@@ -140,7 +142,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__e"
+          id={`${uid}google-gemini_svg__e`}
           width={20.446}
           height={22.797}
           x={-5.002}
@@ -156,7 +158,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__f"
+          id={`${uid}google-gemini_svg__f`}
           width={20.446}
           height={22.797}
           x={-5.002}
@@ -172,7 +174,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__g"
+          id={`${uid}google-gemini_svg__g`}
           width={20.503}
           height={20.867}
           x={-4.811}
@@ -188,7 +190,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__h"
+          id={`${uid}google-gemini_svg__h`}
           width={19.349}
           height={19.071}
           x={5.482}
@@ -204,7 +206,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__i"
+          id={`${uid}google-gemini_svg__i`}
           width={19.599}
           height={19.727}
           x={-8.367}
@@ -220,7 +222,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__j"
+          id={`${uid}google-gemini_svg__j`}
           width={19.37}
           height={19.096}
           x={1.401}
@@ -236,7 +238,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__k"
+          id={`${uid}google-gemini_svg__k`}
           width={14.397}
           height={13.482}
           x={2.693}
@@ -252,7 +254,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__l"
+          id={`${uid}google-gemini_svg__l`}
           width={16.945}
           height={16.627}
           x={-3.057}
@@ -268,7 +270,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <filter
-          id="google-gemini_svg__m"
+          id={`${uid}google-gemini_svg__m`}
           width={14.369}
           height={13.563}
           x={-3.065}
@@ -284,7 +286,7 @@ export function GoogleGeminiIcon({
           />
         </filter>
         <linearGradient
-          id="google-gemini_svg__a"
+          id={`${uid}google-gemini_svg__a`}
           x1={5.117}
           x2={12.031}
           y1={10.24}

package/src/components/icons-v2-generated/brand-logos/google-gemini-logo-icon.tsx

@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import { useId, type SVGProps } from "react";
 export interface GoogleGeminiLogoIconProps
   extends Omit<SVGProps<SVGSVGElement>, "width" | "height"> {
   className?: string;
@@ -11,6 +11,8 @@ export function GoogleGeminiLogoIcon({
   color = "currentColor",
   ...props
 }: GoogleGeminiLogoIconProps) {
+  // Per-instance ids: see scopeIds in scripts/generate-icons.mjs.
+  const uid = useId().replace(/[^a-zA-Z0-9_-]/g, '');
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,7 +24,7 @@ export function GoogleGeminiLogoIcon({
       {...props}
     >
       <mask
-        id="google-gemini-logo_svg__b"
+        id={`${uid}google-gemini-logo_svg__b`}
         width={20}
         height={20}
         x={2}
@@ -37,72 +39,72 @@ export function GoogleGeminiLogoIcon({
           d="M11.984 2c.209 0 .391.143.443.346q.234.933.614 1.817a12.8 12.8 0 0 0 2.725 4.039 12.8 12.8 0 0 0 4.038 2.724 12 12 0 0 0 1.818.615.457.457 0 0 1 0 .886q-.934.234-1.818.614a12.8 12.8 0 0 0-4.038 2.725 12.83 12.83 0 0 0-3.34 5.856.46.46 0 0 1-.442.345.46.46 0 0 1-.443-.346 12.8 12.8 0 0 0-3.34-5.855 12.8 12.8 0 0 0-5.855-3.34.457.457 0 0 1 0-.885 12.8 12.8 0 0 0 5.855-3.34 12.8 12.8 0 0 0 3.34-5.855.46.46 0 0 1 .443-.346"
         />
         <path
-          fill="url(#google-gemini-logo_svg__a)"
+          fill={`url(#${uid}google-gemini-logo_svg__a)`}
           d="M11.984 2c.209 0 .391.143.443.346q.234.933.614 1.817a12.8 12.8 0 0 0 2.725 4.039 12.8 12.8 0 0 0 4.038 2.724 12 12 0 0 0 1.818.615.457.457 0 0 1 0 .886q-.934.234-1.818.614a12.8 12.8 0 0 0-4.038 2.725 12.83 12.83 0 0 0-3.34 5.856.46.46 0 0 1-.442.345.46.46 0 0 1-.443-.346 12.8 12.8 0 0 0-3.34-5.855 12.8 12.8 0 0 0-5.855-3.34.457.457 0 0 1 0-.885 12.8 12.8 0 0 0 5.855-3.34 12.8 12.8 0 0 0 3.34-5.855.46.46 0 0 1 .443-.346"
         />
       </mask>
-      <g mask="url(#google-gemini-logo_svg__b)">
-        <g filter="url(#google-gemini-logo_svg__c)">
+      <g mask={`url(#${uid}google-gemini-logo_svg__b)`}>
+        <g filter={`url(#${uid}google-gemini-logo_svg__c)`}>
           <path
             fill="#FFE432"
             d="M.197 17.61c2.307.82 4.96-.716 5.923-3.43s-.125-5.58-2.432-6.4c-2.307-.818-4.959.718-5.923 3.432s.125 5.58 2.432 6.398"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__d)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__d)`}>
           <path
             fill="#FC413D"
             d="M10.441 8.661c3.17 0 5.739-2.626 5.739-5.865s-2.57-5.865-5.739-5.865-5.74 2.626-5.74 5.865 2.57 5.865 5.74 5.865"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__e)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__e)`}>
           <path
             fill="#00B95C"
             d="M8.21 27.418c3.31-.162 5.821-3.767 5.612-8.054-.21-4.286-3.062-7.63-6.37-7.468S1.631 15.664 1.84 19.95c.21 4.286 3.062 7.63 6.37 7.468"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__f)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__f)`}>
           <path
             fill="#00B95C"
             d="M8.21 27.418c3.31-.162 5.821-3.767 5.612-8.054-.21-4.286-3.062-7.63-6.37-7.468S1.631 15.664 1.84 19.95c.21 4.286 3.062 7.63 6.37 7.468"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__g)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__g)`}>
           <path
             fill="#00B95C"
             d="M11.524 24.825c2.774-1.688 3.516-5.531 1.658-8.585-1.857-3.054-5.612-4.161-8.386-2.474-2.774 1.688-3.516 5.532-1.659 8.586 1.859 3.053 5.613 4.16 8.387 2.473"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__h)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__h)`}>
           <path
             fill="#3186FF"
             d="M22.736 15.229c3.117 0 5.645-2.434 5.645-5.436s-2.528-5.436-5.645-5.436c-3.118 0-5.645 2.434-5.645 5.436s2.527 5.436 5.645 5.436"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__i)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__i)`}>
           <path
             fill="#FBBC04"
             d="M-2.02 14.598c2.87 2.183 7.064 1.498 9.367-1.53 2.302-3.027 1.842-7.252-1.029-9.434-2.87-2.184-7.064-1.499-9.367 1.53-2.302 3.027-1.841 7.251 1.03 9.434Z"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__j)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__j)`}>
           <path
             fill="#3186FF"
             d="M12.69 17.825c3.425 2.355 7.967 1.7 10.143-1.466s1.163-7.64-2.263-9.997c-3.427-2.356-7.969-1.7-10.145 1.466s-1.163 7.64 2.264 9.997Z"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__k)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__k)`}>
           <path
             fill="#749BFF"
             d="M18.918 1.281c.872 1.185-.249 3.49-2.502 5.147s-4.787 2.04-5.658.855.248-3.49 2.501-5.147 4.787-2.04 5.659-.855"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__l)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__l)`}>
           <path
             fill="#FC413D"
             d="M11.762 6.955c3.485-3.233 4.681-7.61 2.672-9.775S7.971-4.122 4.486-.89-.196 6.72 1.814 8.886s6.463 1.302 9.948-1.93Z"
           />
         </g>
-        <g filter="url(#google-gemini-logo_svg__m)">
+        <g filter={`url(#${uid}google-gemini-logo_svg__m)`}>
           <path
             fill="#FFEE48"
             d="M4.618 18.566c2.072 1.482 4.45 1.707 5.312.503s-.118-3.383-2.19-4.865c-2.07-1.483-4.449-1.708-5.31-.504-.863 1.205.117 3.383 2.188 4.866"
@@ -111,7 +113,7 @@ export function GoogleGeminiLogoIcon({
       </g>
       <defs>
         <filter
-          id="google-gemini-logo_svg__c"
+          id={`${uid}google-gemini-logo_svg__c`}
           width={12.085}
           height={13.298}
           x={-4.1}
@@ -127,7 +129,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__d"
+          id={`${uid}google-gemini-logo_svg__d`}
           width={26.113}
           height={26.366}
           x={-2.616}
@@ -143,7 +145,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__e"
+          id={`${uid}google-gemini-logo_svg__e`}
           width={24.448}
           height={27.975}
           x={-4.393}
@@ -159,7 +161,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__f"
+          id={`${uid}google-gemini-logo_svg__f`}
           width={24.448}
           height={27.975}
           x={-4.393}
@@ -175,7 +177,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__g"
+          id={`${uid}google-gemini-logo_svg__g`}
           width={24.533}
           height={25.079}
           x={-4.107}
@@ -191,7 +193,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__h"
+          id={`${uid}google-gemini-logo_svg__h`}
           width={23.113}
           height={22.695}
           x={11.179}
@@ -207,7 +209,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__i"
+          id={`${uid}google-gemini-logo_svg__i`}
           width={24.042}
           height={24.233}
           x={-9.872}
@@ -223,7 +225,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__j"
+          id={`${uid}google-gemini-logo_svg__j`}
           width={24.27}
           height={23.859}
           x={4.494}
@@ -239,7 +241,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__k"
+          id={`${uid}google-gemini-logo_svg__k`}
           width={17.314}
           height={15.942}
           x={6.181}
@@ -255,7 +257,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__l"
+          id={`${uid}google-gemini-logo_svg__l`}
           width={21.802}
           height={21.325}
           x={-2.777}
@@ -271,7 +273,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <filter
-          id="google-gemini-logo_svg__m"
+          id={`${uid}google-gemini-logo_svg__m`}
           width={17.078}
           height={15.869}
           x={-2.359}
@@ -287,7 +289,7 @@ export function GoogleGeminiLogoIcon({
           />
         </filter>
         <linearGradient
-          id="google-gemini-logo_svg__a"
+          id={`${uid}google-gemini-logo_svg__a`}
           x1={7.676}
           x2={18.047}
           y1={15.36}

package/src/components/icons-v2-generated/brand-logos/google-sheets-icon.tsx

@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import { useId, type SVGProps } from "react";
 export interface GoogleSheetsIconProps
   extends Omit<SVGProps<SVGSVGElement>, "width" | "height"> {
   className?: string;
@@ -11,6 +11,8 @@ export function GoogleSheetsIcon({
   color = "currentColor",
   ...props
 }: GoogleSheetsIconProps) {
+  // Per-instance ids: see scopeIds in scripts/generate-icons.mjs.
+  const uid = useId().replace(/[^a-zA-Z0-9_-]/g, '');
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,7 +24,7 @@ export function GoogleSheetsIcon({
       {...props}
     >
       <defs>
-        <mask id="sheets-grid">
+        <mask id={`${uid}sheets-grid`}>
           <rect width="24" height="24" fill="white" />
           {/* Grid cells cut out as transparent */}
           <rect x="7" y="10" width="4" height="2" fill="black" />
@@ -38,7 +40,7 @@ export function GoogleSheetsIcon({
         fillRule="evenodd"
         clipRule="evenodd"
         d="M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6H6Zm8 1.5V8h4.5L14 3.5Z"
-        mask="url(#sheets-grid)"
+        mask={`url(#${uid}sheets-grid)`}
       />
     </svg>
   );