@smbdy/icons-react 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @smbdy/icons-react
2
2
 
3
- Tree-shakeable React icon components for BGD Labs web3 assets. Built on top of `@smbdy/icons`.
3
+ Tree-shakeable React icon components for web3 assets. Built on top of `@smbdy/icons`.
4
4
 
5
5
  ## Install
6
6
 
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
  // src/frames.ts
5
- import { createElement } from "react";
5
+ import { cloneElement, createElement, isValidElement } from "react";
6
6
 
7
7
  // src/generated/frames/a.tsx
8
8
  import { forwardRef } from "react";
@@ -10,7 +10,7 @@ import { jsx } from "react/jsx-runtime";
10
10
  var AFrame = forwardRef(
11
11
  ({ variant = "full", size = 32, ...props }, ref) => {
12
12
  if (variant === "mono") {
13
- return /* @__PURE__ */ jsx("svg", { ref, width: size, height: size, viewBox: "0 0 32 32", fill: "currentColor", role: "img", "aria-label": "A Frame", ...props, children: /* @__PURE__ */ jsx("circle", { cx: "16", cy: "16", r: "15", stroke: "currentColor", strokeWidth: "2" }) });
13
+ return /* @__PURE__ */ jsx("svg", { ref, width: size, height: size, viewBox: "0 0 32 32", fill: "none", role: "img", "aria-label": "A Frame", ...props, children: /* @__PURE__ */ jsx("circle", { cx: "16", cy: "16", r: "15", stroke: "currentColor", strokeWidth: "2" }) });
14
14
  }
15
15
  return /* @__PURE__ */ jsx("svg", { ref, width: size, height: size, viewBox: "0 0 32 32", fill: "none", role: "img", "aria-label": "A Frame", ...props, children: /* @__PURE__ */ jsx("path", { stroke: "#9896ff", strokeWidth: "2", d: "M16 31c8.284 0 15-6.716 15-15S24.284 1 16 1 1 7.716 1 16s6.716 15 15 15Z" }) });
16
16
  }
@@ -80,9 +80,10 @@ var innerStyle = {
80
80
  alignItems: "center",
81
81
  justifyContent: "center"
82
82
  };
83
+ var SLOT_RATIO = 0.8125;
83
84
  var iconContainerStyle = {
84
- width: "81.25%",
85
- height: "81.25%"
85
+ width: `${SLOT_RATIO * 100}%`,
86
+ height: `${SLOT_RATIO * 100}%`
86
87
  };
87
88
  var frameStyle = (size) => ({
88
89
  position: "absolute",
@@ -105,13 +106,17 @@ function FrameWrapper({
105
106
  }
106
107
  return createElement("span", null, children);
107
108
  }
109
+ const innerSize = typeof size === "number" ? Math.floor(size * SLOT_RATIO) : "100%";
110
+ const slotChild = isValidElement(children) && children.props.size == null ? cloneElement(children, {
111
+ size: innerSize
112
+ }) : children;
108
113
  return createElement(
109
114
  "div",
110
115
  { style: wrapperStyle(size) },
111
116
  createElement(
112
117
  "div",
113
118
  { style: innerStyle },
114
- createElement("div", { style: iconContainerStyle }, children)
119
+ createElement("div", { style: iconContainerStyle }, slotChild)
115
120
  ),
116
121
  createElement(FrameSvg, { variant, style: frameStyle(size), size })
117
122
  );
@@ -120,4 +125,4 @@ function FrameWrapper({
120
125
  export {
121
126
  FrameWrapper
122
127
  };
123
- //# sourceMappingURL=chunk-OPA5IJQV.js.map
128
+ //# sourceMappingURL=chunk-CPRI7WWZ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/frames.ts","../src/generated/frames/a.tsx","../src/generated/frames/stk.tsx","../src/generated/frames/stkwa.tsx","../src/generated/frames/wa.tsx"],"sourcesContent":["import { cloneElement, createElement, isValidElement } from 'react'\nimport type { CSSProperties, ReactElement, ReactNode } from 'react'\nimport { AFrame } from './generated/frames/a'\nimport { StkFrame } from './generated/frames/stk'\nimport { StkwaFrame } from './generated/frames/stkwa'\nimport { WaFrame } from './generated/frames/wa'\n\nconst FRAMES: Record<string, typeof AFrame> = {\n a: AFrame,\n stk: StkFrame,\n stkwa: StkwaFrame,\n wa: WaFrame,\n}\n\nexport interface FrameWrapperProps {\n frame: string\n variant?: 'full' | 'mono'\n size?: number | string\n children?: ReactNode\n}\n\nconst wrapperStyle = (size: number | string): CSSProperties => ({\n position: 'relative',\n width: size,\n height: size,\n})\n\nconst innerStyle: CSSProperties = {\n position: 'absolute',\n inset: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n}\n\n// The icon slot as a fraction of the frame size (26 of 32).\nconst SLOT_RATIO = 0.8125\n\nconst iconContainerStyle: CSSProperties = {\n width: `${SLOT_RATIO * 100}%`,\n height: `${SLOT_RATIO * 100}%`,\n}\n\nconst frameStyle = (size: number | string): CSSProperties => ({\n position: 'absolute',\n inset: 0,\n width: size,\n height: size,\n})\n\nexport function FrameWrapper({\n frame,\n variant = 'full',\n size = 32,\n children,\n}: FrameWrapperProps) {\n const FrameSvg = FRAMES[frame]\n if (!FrameSvg) {\n // Bundlers replace process.env.NODE_ENV and dead-code-eliminate this in production\n if (\n typeof process !== 'undefined' &&\n process.env.NODE_ENV !== 'production'\n ) {\n console.warn(\n `[bgd-icons] Unknown frame: \"${frame}\" (known: ${Object.keys(FRAMES).join(', ')}) — rendering the base icon unframed`,\n )\n }\n return createElement('span', null, children)\n }\n\n // Fill the slot by default so the base icon doesn't float undersized. Inject\n // a concrete pixel size for a numeric frame size rather than \"100%\": Safari\n // mis-resolves a percentage-sized SVG here and renders it larger than the\n // slot (the icon overflows / clips). A definite pixel size renders correctly\n // everywhere. A string frame size falls back to \"100%\". An explicit `size`\n // on the child always wins.\n // Round to a whole pixel — a fractional size (e.g. 56 * 0.8125 = 45.5) makes\n // Safari sub-pixel-clip a sliver off one edge.\n const innerSize: number | string =\n typeof size === 'number' ? Math.floor(size * SLOT_RATIO) : '100%'\n const slotChild =\n isValidElement(children) &&\n (children.props as { size?: number | string }).size == null\n ? cloneElement(children as ReactElement<{ size?: number | string }>, {\n size: innerSize,\n })\n : children\n\n return createElement(\n 'div',\n { style: wrapperStyle(size) },\n createElement(\n 'div',\n { style: innerStyle },\n createElement('div', { style: iconContainerStyle }, slotChild),\n ),\n createElement(FrameSvg, { variant, style: frameStyle(size), size }),\n )\n}\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const AFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"A Frame\" {...props}>\n <circle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"currentColor\" strokeWidth=\"2\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"A Frame\" {...props}>\n <path stroke=\"#9896ff\" strokeWidth=\"2\" d=\"M16 31c8.284 0 15-6.716 15-15S24.284 1 16 1 1 7.716 1 16s6.716 15 15 15Z\"/>\n </svg>\n )\n }\n)\nAFrame.displayName = 'AFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const StkFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Stk Frame\" {...props}>\n <path fill=\"currentColor\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zM30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.64 6.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Stk Frame\" {...props}>\n <path fill=\"#ffb800\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zM30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.64 6.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n)\nStkFrame.displayName = 'StkFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const StkwaFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Stkwa Frame\" {...props}>\n <path fill=\"currentColor\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zm28.14 1.02v10.13l-1.68-.7c.46-1.45.7-2.93.7-4.41s-.23-2.91-.67-4.34zm.47-.73-2.74 1.13c.51 1.45.8 3 .8 4.62s-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.87 6.72 1.66.69-7.15 7.15-.69-1.68a14.6 14.6 0 0 0 6.19-6.16m-.24-.64a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-17 7.75c1.44.46 2.91.69 4.38.69s2.92-.23 4.35-.68l.68 1.66H10.92l.69-1.67m-.27-.62-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81zM3.13 22.7c1.37 2.63 3.54 4.8 6.18 6.17l-.69 1.67-7.15-7.15 1.67-.69m.23-.64L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57z\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Stkwa Frame\" {...props}>\n <path fill=\"#ffb800\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3z\"/><path fill=\"#9896ff\" d=\"M30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62z\"/><path fill=\"#ffb800\" d=\"m23.21.63-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67z\"/><path fill=\"#9896ff\" d=\"M28.62 22.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n)\nStkwaFrame.displayName = 'StkwaFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const WaFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Wa Frame\" {...props}>\n <path fill=\"currentColor\" fillRule=\"evenodd\" d=\"m31.951 17.257-1.994-.155a14 14 0 0 0 0-2.204l1.994-.155a16 16 0 0 1 0 2.514m-.39-4.994-1.945.466q-.26-1.08-.677-2.087l1.847-.767q.478 1.154.775 2.388M29.644 7.64 27.94 8.686a14 14 0 0 0-1.293-1.778l1.52-1.3a16 16 0 0 1 1.477 2.031m-3.253-3.806-1.3 1.52a14 14 0 0 0-1.777-1.293l1.047-1.704q1.076.661 2.03 1.477m-4.266-2.619-.767 1.848a14 14 0 0 0-2.087-.678l.466-1.945c.822.196 1.62.457 2.388.775M17.257.05l-.155 1.994a14 14 0 0 0-2.204 0L14.743.049a16 16 0 0 1 2.514 0m-4.994.39.466 1.945q-1.08.26-2.087.678l-.767-1.848A16 16 0 0 1 12.263.44M7.64 2.356 8.686 4.06a14 14 0 0 0-1.778 1.293l-1.3-1.52A16 16 0 0 1 7.64 2.356M3.833 5.609l1.52 1.3A14 14 0 0 0 4.06 8.685L2.356 7.639q.661-1.076 1.477-2.03M1.214 9.875l1.848.767a14 14 0 0 0-.678 2.087l-1.945-.466c.196-.822.457-1.62.775-2.388M.05 14.743a16 16 0 0 0 0 2.514l1.994-.155a14 14 0 0 1 0-2.204zm.39 4.994 1.945-.466q.26 1.08.678 2.087l-1.848.767a16 16 0 0 1-.775-2.388m1.917 4.624 1.704-1.047q.579.941 1.293 1.778l-1.52 1.3a16 16 0 0 1-1.477-2.031m3.253 3.806 1.3-1.52q.835.714 1.777 1.293L7.64 29.644a16 16 0 0 1-2.03-1.477m4.266 2.619.767-1.848q1.007.42 2.087.678l-.466 1.945a16 16 0 0 1-2.388-.775m4.868 1.165.155-1.994a14 14 0 0 0 2.204 0l.155 1.994a16 16 0 0 1-2.514 0m4.994-.39-.466-1.945q1.08-.26 2.087-.677l.767 1.847a16 16 0 0 1-2.388.775m4.624-1.917-1.047-1.704q.941-.579 1.778-1.293l1.3 1.52a16 16 0 0 1-2.031 1.477m3.806-3.253-1.52-1.3a14 14 0 0 0 1.293-1.777l1.704 1.047q-.661 1.076-1.477 2.03m2.619-4.266-1.848-.767q.42-1.007.678-2.087l1.945.466a16 16 0 0 1-.775 2.388\" clipRule=\"evenodd\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Wa Frame\" {...props}>\n <path fill=\"#9896ff\" fillRule=\"evenodd\" d=\"m31.951 17.257-1.994-.155a14 14 0 0 0 0-2.204l1.994-.155a16 16 0 0 1 0 2.514m-.39-4.994-1.945.466q-.26-1.08-.677-2.087l1.847-.767q.478 1.154.775 2.388M29.644 7.64 27.94 8.686a14 14 0 0 0-1.293-1.778l1.52-1.3a16 16 0 0 1 1.477 2.031m-3.253-3.806-1.3 1.52a14 14 0 0 0-1.777-1.293l1.047-1.704q1.076.661 2.03 1.477m-4.266-2.619-.767 1.848a14 14 0 0 0-2.087-.678l.466-1.945c.822.196 1.62.457 2.388.775M17.257.05l-.155 1.994a14 14 0 0 0-2.204 0L14.743.049a16 16 0 0 1 2.514 0m-4.994.39.466 1.945q-1.08.26-2.087.678l-.767-1.848A16 16 0 0 1 12.263.44M7.64 2.356 8.686 4.06a14 14 0 0 0-1.778 1.293l-1.3-1.52A16 16 0 0 1 7.64 2.356M3.833 5.609l1.52 1.3A14 14 0 0 0 4.06 8.685L2.356 7.639q.661-1.076 1.477-2.03M1.214 9.875l1.848.767a14 14 0 0 0-.678 2.087l-1.945-.466c.196-.822.457-1.62.775-2.388M.05 14.743a16 16 0 0 0 0 2.514l1.994-.155a14 14 0 0 1 0-2.204zm.39 4.994 1.945-.466q.26 1.08.678 2.087l-1.848.767a16 16 0 0 1-.775-2.388m1.917 4.624 1.704-1.047q.579.941 1.293 1.778l-1.52 1.3a16 16 0 0 1-1.477-2.031m3.253 3.806 1.3-1.52q.835.714 1.777 1.293L7.64 29.644a16 16 0 0 1-2.03-1.477m4.266 2.619.767-1.848q1.007.42 2.087.678l-.466 1.945a16 16 0 0 1-2.388-.775m4.868 1.165.155-1.994a14 14 0 0 0 2.204 0l.155 1.994a16 16 0 0 1-2.514 0m4.994-.39-.466-1.945q1.08-.26 2.087-.677l.767 1.847a16 16 0 0 1-2.388.775m4.624-1.917-1.047-1.704q.941-.579 1.778-1.293l1.3 1.52a16 16 0 0 1-2.031 1.477m3.806-3.253-1.52-1.3a14 14 0 0 0 1.293-1.777l1.704 1.047q-.661 1.076-1.477 2.03m2.619-4.266-1.848-.767q.42-1.007.678-2.087l1.945.466a16 16 0 0 1-.775 2.388\" clipRule=\"evenodd\"/>\n </svg>\n )\n }\n)\nWaFrame.displayName = 'WaFrame'\n"],"mappings":"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","names":["forwardRef","jsx","forwardRef","jsx","forwardRef","jsx"]}
@@ -7,7 +7,7 @@ var _jsxruntime = require('react/jsx-runtime');
7
7
  var AFrame = _react.forwardRef.call(void 0,
8
8
  ({ variant = "full", size = 32, ...props }, ref) => {
9
9
  if (variant === "mono") {
10
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { ref, width: size, height: size, viewBox: "0 0 32 32", fill: "currentColor", role: "img", "aria-label": "A Frame", ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "16", cy: "16", r: "15", stroke: "currentColor", strokeWidth: "2" }) });
10
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { ref, width: size, height: size, viewBox: "0 0 32 32", fill: "none", role: "img", "aria-label": "A Frame", ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "16", cy: "16", r: "15", stroke: "currentColor", strokeWidth: "2" }) });
11
11
  }
12
12
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { ref, width: size, height: size, viewBox: "0 0 32 32", fill: "none", role: "img", "aria-label": "A Frame", ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { stroke: "#9896ff", strokeWidth: "2", d: "M16 31c8.284 0 15-6.716 15-15S24.284 1 16 1 1 7.716 1 16s6.716 15 15 15Z" }) });
13
13
  }
@@ -77,9 +77,10 @@ var innerStyle = {
77
77
  alignItems: "center",
78
78
  justifyContent: "center"
79
79
  };
80
+ var SLOT_RATIO = 0.8125;
80
81
  var iconContainerStyle = {
81
- width: "81.25%",
82
- height: "81.25%"
82
+ width: `${SLOT_RATIO * 100}%`,
83
+ height: `${SLOT_RATIO * 100}%`
83
84
  };
84
85
  var frameStyle = (size) => ({
85
86
  position: "absolute",
@@ -102,13 +103,17 @@ function FrameWrapper({
102
103
  }
103
104
  return _react.createElement.call(void 0, "span", null, children);
104
105
  }
106
+ const innerSize = typeof size === "number" ? Math.floor(size * SLOT_RATIO) : "100%";
107
+ const slotChild = _react.isValidElement.call(void 0, children) && children.props.size == null ? _react.cloneElement.call(void 0, children, {
108
+ size: innerSize
109
+ }) : children;
105
110
  return _react.createElement.call(void 0,
106
111
  "div",
107
112
  { style: wrapperStyle(size) },
108
113
  _react.createElement.call(void 0,
109
114
  "div",
110
115
  { style: innerStyle },
111
- _react.createElement.call(void 0, "div", { style: iconContainerStyle }, children)
116
+ _react.createElement.call(void 0, "div", { style: iconContainerStyle }, slotChild)
112
117
  ),
113
118
  _react.createElement.call(void 0, FrameSvg, { variant, style: frameStyle(size), size })
114
119
  );
@@ -117,4 +122,4 @@ function FrameWrapper({
117
122
 
118
123
 
119
124
  exports.FrameWrapper = FrameWrapper;
120
- //# sourceMappingURL=chunk-IEWJOWAP.cjs.map
125
+ //# sourceMappingURL=chunk-H4JGJDCF.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/icons/icons/packages/react/dist/chunk-H4JGJDCF.cjs","../src/frames.ts","../src/generated/frames/a.tsx","../src/generated/frames/stk.tsx","../src/generated/frames/stkwa.tsx","../src/generated/frames/wa.tsx"],"names":["forwardRef","jsx"],"mappings":"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","file":"/home/runner/work/icons/icons/packages/react/dist/chunk-H4JGJDCF.cjs","sourcesContent":[null,"import { cloneElement, createElement, isValidElement } from 'react'\nimport type { CSSProperties, ReactElement, ReactNode } from 'react'\nimport { AFrame } from './generated/frames/a'\nimport { StkFrame } from './generated/frames/stk'\nimport { StkwaFrame } from './generated/frames/stkwa'\nimport { WaFrame } from './generated/frames/wa'\n\nconst FRAMES: Record<string, typeof AFrame> = {\n a: AFrame,\n stk: StkFrame,\n stkwa: StkwaFrame,\n wa: WaFrame,\n}\n\nexport interface FrameWrapperProps {\n frame: string\n variant?: 'full' | 'mono'\n size?: number | string\n children?: ReactNode\n}\n\nconst wrapperStyle = (size: number | string): CSSProperties => ({\n position: 'relative',\n width: size,\n height: size,\n})\n\nconst innerStyle: CSSProperties = {\n position: 'absolute',\n inset: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n}\n\n// The icon slot as a fraction of the frame size (26 of 32).\nconst SLOT_RATIO = 0.8125\n\nconst iconContainerStyle: CSSProperties = {\n width: `${SLOT_RATIO * 100}%`,\n height: `${SLOT_RATIO * 100}%`,\n}\n\nconst frameStyle = (size: number | string): CSSProperties => ({\n position: 'absolute',\n inset: 0,\n width: size,\n height: size,\n})\n\nexport function FrameWrapper({\n frame,\n variant = 'full',\n size = 32,\n children,\n}: FrameWrapperProps) {\n const FrameSvg = FRAMES[frame]\n if (!FrameSvg) {\n // Bundlers replace process.env.NODE_ENV and dead-code-eliminate this in production\n if (\n typeof process !== 'undefined' &&\n process.env.NODE_ENV !== 'production'\n ) {\n console.warn(\n `[bgd-icons] Unknown frame: \"${frame}\" (known: ${Object.keys(FRAMES).join(', ')}) — rendering the base icon unframed`,\n )\n }\n return createElement('span', null, children)\n }\n\n // Fill the slot by default so the base icon doesn't float undersized. Inject\n // a concrete pixel size for a numeric frame size rather than \"100%\": Safari\n // mis-resolves a percentage-sized SVG here and renders it larger than the\n // slot (the icon overflows / clips). A definite pixel size renders correctly\n // everywhere. A string frame size falls back to \"100%\". An explicit `size`\n // on the child always wins.\n // Round to a whole pixel — a fractional size (e.g. 56 * 0.8125 = 45.5) makes\n // Safari sub-pixel-clip a sliver off one edge.\n const innerSize: number | string =\n typeof size === 'number' ? Math.floor(size * SLOT_RATIO) : '100%'\n const slotChild =\n isValidElement(children) &&\n (children.props as { size?: number | string }).size == null\n ? cloneElement(children as ReactElement<{ size?: number | string }>, {\n size: innerSize,\n })\n : children\n\n return createElement(\n 'div',\n { style: wrapperStyle(size) },\n createElement(\n 'div',\n { style: innerStyle },\n createElement('div', { style: iconContainerStyle }, slotChild),\n ),\n createElement(FrameSvg, { variant, style: frameStyle(size), size }),\n )\n}\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const AFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"A Frame\" {...props}>\n <circle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"currentColor\" strokeWidth=\"2\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"A Frame\" {...props}>\n <path stroke=\"#9896ff\" strokeWidth=\"2\" d=\"M16 31c8.284 0 15-6.716 15-15S24.284 1 16 1 1 7.716 1 16s6.716 15 15 15Z\"/>\n </svg>\n )\n }\n)\nAFrame.displayName = 'AFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const StkFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Stk Frame\" {...props}>\n <path fill=\"currentColor\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zM30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.64 6.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Stk Frame\" {...props}>\n <path fill=\"#ffb800\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zM30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.64 6.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n)\nStkFrame.displayName = 'StkFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const StkwaFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Stkwa Frame\" {...props}>\n <path fill=\"currentColor\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zm28.14 1.02v10.13l-1.68-.7c.46-1.45.7-2.93.7-4.41s-.23-2.91-.67-4.34zm.47-.73-2.74 1.13c.51 1.45.8 3 .8 4.62s-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.87 6.72 1.66.69-7.15 7.15-.69-1.68a14.6 14.6 0 0 0 6.19-6.16m-.24-.64a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-17 7.75c1.44.46 2.91.69 4.38.69s2.92-.23 4.35-.68l.68 1.66H10.92l.69-1.67m-.27-.62-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81zM3.13 22.7c1.37 2.63 3.54 4.8 6.18 6.17l-.69 1.67-7.15-7.15 1.67-.69m.23-.64L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57z\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Stkwa Frame\" {...props}>\n <path fill=\"#ffb800\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3z\"/><path fill=\"#9896ff\" d=\"M30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62z\"/><path fill=\"#ffb800\" d=\"m23.21.63-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67z\"/><path fill=\"#9896ff\" d=\"M28.62 22.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n)\nStkwaFrame.displayName = 'StkwaFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const WaFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Wa Frame\" {...props}>\n <path fill=\"currentColor\" fillRule=\"evenodd\" d=\"m31.951 17.257-1.994-.155a14 14 0 0 0 0-2.204l1.994-.155a16 16 0 0 1 0 2.514m-.39-4.994-1.945.466q-.26-1.08-.677-2.087l1.847-.767q.478 1.154.775 2.388M29.644 7.64 27.94 8.686a14 14 0 0 0-1.293-1.778l1.52-1.3a16 16 0 0 1 1.477 2.031m-3.253-3.806-1.3 1.52a14 14 0 0 0-1.777-1.293l1.047-1.704q1.076.661 2.03 1.477m-4.266-2.619-.767 1.848a14 14 0 0 0-2.087-.678l.466-1.945c.822.196 1.62.457 2.388.775M17.257.05l-.155 1.994a14 14 0 0 0-2.204 0L14.743.049a16 16 0 0 1 2.514 0m-4.994.39.466 1.945q-1.08.26-2.087.678l-.767-1.848A16 16 0 0 1 12.263.44M7.64 2.356 8.686 4.06a14 14 0 0 0-1.778 1.293l-1.3-1.52A16 16 0 0 1 7.64 2.356M3.833 5.609l1.52 1.3A14 14 0 0 0 4.06 8.685L2.356 7.639q.661-1.076 1.477-2.03M1.214 9.875l1.848.767a14 14 0 0 0-.678 2.087l-1.945-.466c.196-.822.457-1.62.775-2.388M.05 14.743a16 16 0 0 0 0 2.514l1.994-.155a14 14 0 0 1 0-2.204zm.39 4.994 1.945-.466q.26 1.08.678 2.087l-1.848.767a16 16 0 0 1-.775-2.388m1.917 4.624 1.704-1.047q.579.941 1.293 1.778l-1.52 1.3a16 16 0 0 1-1.477-2.031m3.253 3.806 1.3-1.52q.835.714 1.777 1.293L7.64 29.644a16 16 0 0 1-2.03-1.477m4.266 2.619.767-1.848q1.007.42 2.087.678l-.466 1.945a16 16 0 0 1-2.388-.775m4.868 1.165.155-1.994a14 14 0 0 0 2.204 0l.155 1.994a16 16 0 0 1-2.514 0m4.994-.39-.466-1.945q1.08-.26 2.087-.677l.767 1.847a16 16 0 0 1-2.388.775m4.624-1.917-1.047-1.704q.941-.579 1.778-1.293l1.3 1.52a16 16 0 0 1-2.031 1.477m3.806-3.253-1.52-1.3a14 14 0 0 0 1.293-1.777l1.704 1.047q-.661 1.076-1.477 2.03m2.619-4.266-1.848-.767q.42-1.007.678-2.087l1.945.466a16 16 0 0 1-.775 2.388\" clipRule=\"evenodd\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Wa Frame\" {...props}>\n <path fill=\"#9896ff\" fillRule=\"evenodd\" d=\"m31.951 17.257-1.994-.155a14 14 0 0 0 0-2.204l1.994-.155a16 16 0 0 1 0 2.514m-.39-4.994-1.945.466q-.26-1.08-.677-2.087l1.847-.767q.478 1.154.775 2.388M29.644 7.64 27.94 8.686a14 14 0 0 0-1.293-1.778l1.52-1.3a16 16 0 0 1 1.477 2.031m-3.253-3.806-1.3 1.52a14 14 0 0 0-1.777-1.293l1.047-1.704q1.076.661 2.03 1.477m-4.266-2.619-.767 1.848a14 14 0 0 0-2.087-.678l.466-1.945c.822.196 1.62.457 2.388.775M17.257.05l-.155 1.994a14 14 0 0 0-2.204 0L14.743.049a16 16 0 0 1 2.514 0m-4.994.39.466 1.945q-1.08.26-2.087.678l-.767-1.848A16 16 0 0 1 12.263.44M7.64 2.356 8.686 4.06a14 14 0 0 0-1.778 1.293l-1.3-1.52A16 16 0 0 1 7.64 2.356M3.833 5.609l1.52 1.3A14 14 0 0 0 4.06 8.685L2.356 7.639q.661-1.076 1.477-2.03M1.214 9.875l1.848.767a14 14 0 0 0-.678 2.087l-1.945-.466c.196-.822.457-1.62.775-2.388M.05 14.743a16 16 0 0 0 0 2.514l1.994-.155a14 14 0 0 1 0-2.204zm.39 4.994 1.945-.466q.26 1.08.678 2.087l-1.848.767a16 16 0 0 1-.775-2.388m1.917 4.624 1.704-1.047q.579.941 1.293 1.778l-1.52 1.3a16 16 0 0 1-1.477-2.031m3.253 3.806 1.3-1.52q.835.714 1.777 1.293L7.64 29.644a16 16 0 0 1-2.03-1.477m4.266 2.619.767-1.848q1.007.42 2.087.678l-.466 1.945a16 16 0 0 1-2.388-.775m4.868 1.165.155-1.994a14 14 0 0 0 2.204 0l.155 1.994a16 16 0 0 1-2.514 0m4.994-.39-.466-1.945q1.08-.26 2.087-.677l.767 1.847a16 16 0 0 1-2.388.775m4.624-1.917-1.047-1.704q.941-.579 1.778-1.293l1.3 1.52a16 16 0 0 1-2.031 1.477m3.806-3.253-1.52-1.3a14 14 0 0 0 1.293-1.777l1.704 1.047q-.661 1.076-1.477 2.03m2.619-4.266-1.848-.767q.42-1.007.678-2.087l1.945.466a16 16 0 0 1-.775 2.388\" clipRule=\"evenodd\"/>\n </svg>\n )\n }\n)\nWaFrame.displayName = 'WaFrame'\n"]}
package/dist/compat.cjs CHANGED
@@ -7,7 +7,7 @@ require('./chunk-CZ5BDQQZ.cjs');
7
7
  require('./chunk-KHCWITFW.cjs');
8
8
 
9
9
 
10
- var _chunkIEWJOWAPcjs = require('./chunk-IEWJOWAP.cjs');
10
+ var _chunkH4JGJDCFcjs = require('./chunk-H4JGJDCF.cjs');
11
11
 
12
12
  // src/compat.ts
13
13
  var _react = require('react');
@@ -30,14 +30,14 @@ function Web3Icon({
30
30
  type: iconType,
31
31
  mono,
32
32
  fallback: loader,
33
- // Inside a frame the base icon fills the frame's slot — FrameWrapper
34
- // owns the pixel size and insets the slot container.
35
- size: assetTag ? "100%" : size,
33
+ // Inside a frame, leave size unset so FrameWrapper fills its slot;
34
+ // otherwise the caller's size applies directly.
35
+ size: assetTag ? void 0 : size,
36
36
  ...props
37
37
  });
38
38
  if (assetTag) {
39
39
  return _react.createElement.call(void 0,
40
- _chunkIEWJOWAPcjs.FrameWrapper,
40
+ _chunkH4JGJDCFcjs.FrameWrapper,
41
41
  {
42
42
  frame: assetTag,
43
43
  variant: mono ? "mono" : "full",
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/icons/icons/packages/react/dist/compat.cjs","../src/compat.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACXA,8BAA8B;AAoBvB,SAAS,QAAA,CAAS;AAAA,EACvB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,MAAA,qDAAQ,MAAA,UAAU,SAAA,UAAW,WAAA,UAAa,UAAA;AAChD,EAAA,GAAA,CAAI,CAAC,KAAA,EAAO,OAAO,kCAAA,MAAc,EAAQ,IAAA,mBAAM,MAAA,UAAU,MAAI,CAAA;AAC7D,EAAA,MAAM,SAAA,EACJ,OAAA,IAAW,KAAA,EAAA,EACP,KAAA,EAAA,EACA,QAAA,IAAY,KAAA,EAAA,EACV,QAAA,EACA,SAAA,IAAa,KAAA,EAAA,EACX,QAAA,EACA,UAAA,IAAc,KAAA,EAAA,EACZ,QAAA,EACA,KAAA,CAAA;AAEZ,EAAA,MAAM,KAAA,EAAO,kCAAA,sBAAc,EAAM;AAAA,IAC/B,KAAA,EAAO,KAAA;AAAA,IACP,IAAA,EAAM,QAAA;AAAA,IACN,IAAA;AAAA,IACA,QAAA,EAAU,MAAA;AAAA;AAAA;AAAA,IAGV,IAAA,EAAM,SAAA,EAAW,OAAA,EAAS,IAAA;AAAA,IAC1B,GAAG;AAAA,EACL,CAAC,CAAA;AAED,EAAA,GAAA,CAAI,QAAA,EAAU;AACZ,IAAA,OAAO,kCAAA;AAAA,MACL,8BAAA;AAAA,MACA;AAAA,QACE,KAAA,EAAO,QAAA;AAAA,QACP,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,MAAA;AAAA,QACzB;AAAA,MACF,CAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,EACF;AAEA,EAAA,OAAO,IAAA;AACT;ADlBA;AACE;AACF,4BAAC","file":"/home/runner/work/icons/icons/packages/react/dist/compat.cjs","sourcesContent":[null,"import { createElement } from 'react'\nimport type { ReactNode, SVGProps } from 'react'\nimport { Icon } from './index'\nimport { FrameWrapper } from './frames'\nimport type { IconType } from './types'\n\n// Drop `type` from the inherited SVG attributes so it can't shadow Icon's\n// `type` prop on spread; Web3Icon picks its target type from chainId/brandKey\n// internally.\nexport interface Web3IconProps extends Omit<SVGProps<SVGSVGElement>, 'type'> {\n symbol?: string\n chainId?: number | string\n walletKey?: string\n brandKey?: string\n mono?: boolean\n assetTag?: string\n loader?: ReactNode\n size?: number | string\n}\n\nexport function Web3Icon({\n symbol,\n chainId,\n walletKey,\n brandKey,\n mono,\n assetTag,\n loader,\n size,\n ...props\n}: Web3IconProps) {\n const input = symbol ?? chainId ?? walletKey ?? brandKey\n if (!input) return createElement('span', null, loader ?? null)\n const iconType: IconType | undefined =\n symbol !== undefined\n ? undefined\n : chainId !== undefined\n ? 'chain'\n : brandKey !== undefined\n ? 'brand'\n : walletKey !== undefined\n ? 'brand'\n : undefined\n\n const icon = createElement(Icon, {\n value: input,\n type: iconType,\n mono,\n fallback: loader,\n // Inside a frame the base icon fills the frame's slot — FrameWrapper\n // owns the pixel size and insets the slot container.\n size: assetTag ? '100%' : size,\n ...props,\n })\n\n if (assetTag) {\n return createElement(\n FrameWrapper,\n {\n frame: assetTag,\n variant: mono ? 'mono' : 'full',\n size,\n },\n icon,\n )\n }\n\n return icon\n}\n"]}
1
+ {"version":3,"sources":["/home/runner/work/icons/icons/packages/react/dist/compat.cjs","../src/compat.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACXA,8BAA8B;AAoBvB,SAAS,QAAA,CAAS;AAAA,EACvB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,MAAA,qDAAQ,MAAA,UAAU,SAAA,UAAW,WAAA,UAAa,UAAA;AAChD,EAAA,GAAA,CAAI,CAAC,KAAA,EAAO,OAAO,kCAAA,MAAc,EAAQ,IAAA,mBAAM,MAAA,UAAU,MAAI,CAAA;AAC7D,EAAA,MAAM,SAAA,EACJ,OAAA,IAAW,KAAA,EAAA,EACP,KAAA,EAAA,EACA,QAAA,IAAY,KAAA,EAAA,EACV,QAAA,EACA,SAAA,IAAa,KAAA,EAAA,EACX,QAAA,EACA,UAAA,IAAc,KAAA,EAAA,EACZ,QAAA,EACA,KAAA,CAAA;AAEZ,EAAA,MAAM,KAAA,EAAO,kCAAA,sBAAc,EAAM;AAAA,IAC/B,KAAA,EAAO,KAAA;AAAA,IACP,IAAA,EAAM,QAAA;AAAA,IACN,IAAA;AAAA,IACA,QAAA,EAAU,MAAA;AAAA;AAAA;AAAA,IAGV,IAAA,EAAM,SAAA,EAAW,KAAA,EAAA,EAAY,IAAA;AAAA,IAC7B,GAAG;AAAA,EACL,CAAC,CAAA;AAED,EAAA,GAAA,CAAI,QAAA,EAAU;AACZ,IAAA,OAAO,kCAAA;AAAA,MACL,8BAAA;AAAA,MACA;AAAA,QACE,KAAA,EAAO,QAAA;AAAA,QACP,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,MAAA;AAAA,QACzB;AAAA,MACF,CAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,EACF;AAEA,EAAA,OAAO,IAAA;AACT;ADlBA;AACE;AACF,4BAAC","file":"/home/runner/work/icons/icons/packages/react/dist/compat.cjs","sourcesContent":[null,"import { createElement } from 'react'\nimport type { ReactNode, SVGProps } from 'react'\nimport { Icon } from './index'\nimport { FrameWrapper } from './frames'\nimport type { IconType } from './types'\n\n// Drop `type` from the inherited SVG attributes so it can't shadow Icon's\n// `type` prop on spread; Web3Icon picks its target type from chainId/brandKey\n// internally.\nexport interface Web3IconProps extends Omit<SVGProps<SVGSVGElement>, 'type'> {\n symbol?: string\n chainId?: number | string\n walletKey?: string\n brandKey?: string\n mono?: boolean\n assetTag?: string\n loader?: ReactNode\n size?: number | string\n}\n\nexport function Web3Icon({\n symbol,\n chainId,\n walletKey,\n brandKey,\n mono,\n assetTag,\n loader,\n size,\n ...props\n}: Web3IconProps) {\n const input = symbol ?? chainId ?? walletKey ?? brandKey\n if (!input) return createElement('span', null, loader ?? null)\n const iconType: IconType | undefined =\n symbol !== undefined\n ? undefined\n : chainId !== undefined\n ? 'chain'\n : brandKey !== undefined\n ? 'brand'\n : walletKey !== undefined\n ? 'brand'\n : undefined\n\n const icon = createElement(Icon, {\n value: input,\n type: iconType,\n mono,\n fallback: loader,\n // Inside a frame, leave size unset so FrameWrapper fills its slot;\n // otherwise the caller's size applies directly.\n size: assetTag ? undefined : size,\n ...props,\n })\n\n if (assetTag) {\n return createElement(\n FrameWrapper,\n {\n frame: assetTag,\n variant: mono ? 'mono' : 'full',\n size,\n },\n icon,\n )\n }\n\n return icon\n}\n"]}
package/dist/compat.js CHANGED
@@ -9,7 +9,7 @@ import "./chunk-R2LI45CO.js";
9
9
  import "./chunk-OVJUO4KZ.js";
10
10
  import {
11
11
  FrameWrapper
12
- } from "./chunk-OPA5IJQV.js";
12
+ } from "./chunk-CPRI7WWZ.js";
13
13
 
14
14
  // src/compat.ts
15
15
  import { createElement } from "react";
@@ -32,9 +32,9 @@ function Web3Icon({
32
32
  type: iconType,
33
33
  mono,
34
34
  fallback: loader,
35
- // Inside a frame the base icon fills the frame's slot — FrameWrapper
36
- // owns the pixel size and insets the slot container.
37
- size: assetTag ? "100%" : size,
35
+ // Inside a frame, leave size unset so FrameWrapper fills its slot;
36
+ // otherwise the caller's size applies directly.
37
+ size: assetTag ? void 0 : size,
38
38
  ...props
39
39
  });
40
40
  if (assetTag) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/compat.ts"],"sourcesContent":["import { createElement } from 'react'\nimport type { ReactNode, SVGProps } from 'react'\nimport { Icon } from './index'\nimport { FrameWrapper } from './frames'\nimport type { IconType } from './types'\n\n// Drop `type` from the inherited SVG attributes so it can't shadow Icon's\n// `type` prop on spread; Web3Icon picks its target type from chainId/brandKey\n// internally.\nexport interface Web3IconProps extends Omit<SVGProps<SVGSVGElement>, 'type'> {\n symbol?: string\n chainId?: number | string\n walletKey?: string\n brandKey?: string\n mono?: boolean\n assetTag?: string\n loader?: ReactNode\n size?: number | string\n}\n\nexport function Web3Icon({\n symbol,\n chainId,\n walletKey,\n brandKey,\n mono,\n assetTag,\n loader,\n size,\n ...props\n}: Web3IconProps) {\n const input = symbol ?? chainId ?? walletKey ?? brandKey\n if (!input) return createElement('span', null, loader ?? null)\n const iconType: IconType | undefined =\n symbol !== undefined\n ? undefined\n : chainId !== undefined\n ? 'chain'\n : brandKey !== undefined\n ? 'brand'\n : walletKey !== undefined\n ? 'brand'\n : undefined\n\n const icon = createElement(Icon, {\n value: input,\n type: iconType,\n mono,\n fallback: loader,\n // Inside a frame the base icon fills the frame's slot — FrameWrapper\n // owns the pixel size and insets the slot container.\n size: assetTag ? '100%' : size,\n ...props,\n })\n\n if (assetTag) {\n return createElement(\n FrameWrapper,\n {\n frame: assetTag,\n variant: mono ? 'mono' : 'full',\n size,\n },\n icon,\n )\n }\n\n return icon\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,qBAAqB;AAoBvB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,QAAQ,UAAU,WAAW,aAAa;AAChD,MAAI,CAAC,MAAO,QAAO,cAAc,QAAQ,MAAM,UAAU,IAAI;AAC7D,QAAM,WACJ,WAAW,SACP,SACA,YAAY,SACV,UACA,aAAa,SACX,UACA,cAAc,SACZ,UACA;AAEZ,QAAM,OAAO,cAAc,MAAM;AAAA,IAC/B,OAAO;AAAA,IACP,MAAM;AAAA,IACN;AAAA,IACA,UAAU;AAAA;AAAA;AAAA,IAGV,MAAM,WAAW,SAAS;AAAA,IAC1B,GAAG;AAAA,EACL,CAAC;AAED,MAAI,UAAU;AACZ,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,SAAS,OAAO,SAAS;AAAA,QACzB;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}
1
+ {"version":3,"sources":["../src/compat.ts"],"sourcesContent":["import { createElement } from 'react'\nimport type { ReactNode, SVGProps } from 'react'\nimport { Icon } from './index'\nimport { FrameWrapper } from './frames'\nimport type { IconType } from './types'\n\n// Drop `type` from the inherited SVG attributes so it can't shadow Icon's\n// `type` prop on spread; Web3Icon picks its target type from chainId/brandKey\n// internally.\nexport interface Web3IconProps extends Omit<SVGProps<SVGSVGElement>, 'type'> {\n symbol?: string\n chainId?: number | string\n walletKey?: string\n brandKey?: string\n mono?: boolean\n assetTag?: string\n loader?: ReactNode\n size?: number | string\n}\n\nexport function Web3Icon({\n symbol,\n chainId,\n walletKey,\n brandKey,\n mono,\n assetTag,\n loader,\n size,\n ...props\n}: Web3IconProps) {\n const input = symbol ?? chainId ?? walletKey ?? brandKey\n if (!input) return createElement('span', null, loader ?? null)\n const iconType: IconType | undefined =\n symbol !== undefined\n ? undefined\n : chainId !== undefined\n ? 'chain'\n : brandKey !== undefined\n ? 'brand'\n : walletKey !== undefined\n ? 'brand'\n : undefined\n\n const icon = createElement(Icon, {\n value: input,\n type: iconType,\n mono,\n fallback: loader,\n // Inside a frame, leave size unset so FrameWrapper fills its slot;\n // otherwise the caller's size applies directly.\n size: assetTag ? undefined : size,\n ...props,\n })\n\n if (assetTag) {\n return createElement(\n FrameWrapper,\n {\n frame: assetTag,\n variant: mono ? 'mono' : 'full',\n size,\n },\n icon,\n )\n }\n\n return icon\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,qBAAqB;AAoBvB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,QAAQ,UAAU,WAAW,aAAa;AAChD,MAAI,CAAC,MAAO,QAAO,cAAc,QAAQ,MAAM,UAAU,IAAI;AAC7D,QAAM,WACJ,WAAW,SACP,SACA,YAAY,SACV,UACA,aAAa,SACX,UACA,cAAc,SACZ,UACA;AAEZ,QAAM,OAAO,cAAc,MAAM;AAAA,IAC/B,OAAO;AAAA,IACP,MAAM;AAAA,IACN;AAAA,IACA,UAAU;AAAA;AAAA;AAAA,IAGV,MAAM,WAAW,SAAY;AAAA,IAC7B,GAAG;AAAA,EACL,CAAC;AAED,MAAI,UAAU;AACZ,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,SAAS,OAAO,SAAS;AAAA,QACzB;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}
package/dist/frames.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkIEWJOWAPcjs = require('./chunk-IEWJOWAP.cjs');
3
+ var _chunkH4JGJDCFcjs = require('./chunk-H4JGJDCF.cjs');
4
4
 
5
5
 
6
- exports.FrameWrapper = _chunkIEWJOWAPcjs.FrameWrapper;
6
+ exports.FrameWrapper = _chunkH4JGJDCFcjs.FrameWrapper;
7
7
  //# sourceMappingURL=frames.cjs.map
package/dist/frames.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  import {
4
4
  FrameWrapper
5
- } from "./chunk-OPA5IJQV.js";
5
+ } from "./chunk-CPRI7WWZ.js";
6
6
  export {
7
7
  FrameWrapper
8
8
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@smbdy/icons-react",
3
- "version": "1.0.0",
4
- "description": "Tree-shakeable React icon components for BGD Labs",
3
+ "version": "1.0.2",
4
+ "description": "Tree-shakeable React icon components for web3 assets",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "author": "BGD Labs",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/icons/icons/packages/react/dist/chunk-IEWJOWAP.cjs","../src/frames.ts","../src/generated/frames/a.tsx","../src/generated/frames/stk.tsx","../src/generated/frames/stkwa.tsx","../src/generated/frames/wa.tsx"],"names":["forwardRef","jsx"],"mappings":"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","file":"/home/runner/work/icons/icons/packages/react/dist/chunk-IEWJOWAP.cjs","sourcesContent":[null,"import { createElement } from 'react'\nimport type { ReactNode, CSSProperties } from 'react'\nimport { AFrame } from './generated/frames/a'\nimport { StkFrame } from './generated/frames/stk'\nimport { StkwaFrame } from './generated/frames/stkwa'\nimport { WaFrame } from './generated/frames/wa'\n\nconst FRAMES: Record<string, typeof AFrame> = {\n a: AFrame,\n stk: StkFrame,\n stkwa: StkwaFrame,\n wa: WaFrame,\n}\n\nexport interface FrameWrapperProps {\n frame: string\n variant?: 'full' | 'mono'\n size?: number | string\n children?: ReactNode\n}\n\nconst wrapperStyle = (size: number | string): CSSProperties => ({\n position: 'relative',\n width: size,\n height: size,\n})\n\nconst innerStyle: CSSProperties = {\n position: 'absolute',\n inset: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n}\n\nconst iconContainerStyle: CSSProperties = {\n width: '81.25%',\n height: '81.25%',\n}\n\nconst frameStyle = (size: number | string): CSSProperties => ({\n position: 'absolute',\n inset: 0,\n width: size,\n height: size,\n})\n\nexport function FrameWrapper({\n frame,\n variant = 'full',\n size = 32,\n children,\n}: FrameWrapperProps) {\n const FrameSvg = FRAMES[frame]\n if (!FrameSvg) {\n // Bundlers replace process.env.NODE_ENV and dead-code-eliminate this in production\n if (\n typeof process !== 'undefined' &&\n process.env.NODE_ENV !== 'production'\n ) {\n console.warn(\n `[bgd-icons] Unknown frame: \"${frame}\" (known: ${Object.keys(FRAMES).join(', ')}) — rendering the base icon unframed`,\n )\n }\n return createElement('span', null, children)\n }\n\n return createElement(\n 'div',\n { style: wrapperStyle(size) },\n createElement(\n 'div',\n { style: innerStyle },\n createElement('div', { style: iconContainerStyle }, children),\n ),\n createElement(FrameSvg, { variant, style: frameStyle(size), size }),\n )\n}\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const AFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"A Frame\" {...props}>\n <circle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"currentColor\" strokeWidth=\"2\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"A Frame\" {...props}>\n <path stroke=\"#9896ff\" strokeWidth=\"2\" d=\"M16 31c8.284 0 15-6.716 15-15S24.284 1 16 1 1 7.716 1 16s6.716 15 15 15Z\"/>\n </svg>\n )\n }\n)\nAFrame.displayName = 'AFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const StkFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Stk Frame\" {...props}>\n <path fill=\"currentColor\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zM30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.64 6.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Stk Frame\" {...props}>\n <path fill=\"#ffb800\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zM30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.64 6.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n)\nStkFrame.displayName = 'StkFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const StkwaFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Stkwa Frame\" {...props}>\n <path fill=\"currentColor\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zm28.14 1.02v10.13l-1.68-.7c.46-1.45.7-2.93.7-4.41s-.23-2.91-.67-4.34zm.47-.73-2.74 1.13c.51 1.45.8 3 .8 4.62s-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.87 6.72 1.66.69-7.15 7.15-.69-1.68a14.6 14.6 0 0 0 6.19-6.16m-.24-.64a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-17 7.75c1.44.46 2.91.69 4.38.69s2.92-.23 4.35-.68l.68 1.66H10.92l.69-1.67m-.27-.62-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81zM3.13 22.7c1.37 2.63 3.54 4.8 6.18 6.17l-.69 1.67-7.15-7.15 1.67-.69m.23-.64L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57z\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Stkwa Frame\" {...props}>\n <path fill=\"#ffb800\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3z\"/><path fill=\"#9896ff\" d=\"M30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62z\"/><path fill=\"#ffb800\" d=\"m23.21.63-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67z\"/><path fill=\"#9896ff\" d=\"M28.62 22.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n)\nStkwaFrame.displayName = 'StkwaFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const WaFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Wa Frame\" {...props}>\n <path fill=\"currentColor\" fillRule=\"evenodd\" d=\"m31.951 17.257-1.994-.155a14 14 0 0 0 0-2.204l1.994-.155a16 16 0 0 1 0 2.514m-.39-4.994-1.945.466q-.26-1.08-.677-2.087l1.847-.767q.478 1.154.775 2.388M29.644 7.64 27.94 8.686a14 14 0 0 0-1.293-1.778l1.52-1.3a16 16 0 0 1 1.477 2.031m-3.253-3.806-1.3 1.52a14 14 0 0 0-1.777-1.293l1.047-1.704q1.076.661 2.03 1.477m-4.266-2.619-.767 1.848a14 14 0 0 0-2.087-.678l.466-1.945c.822.196 1.62.457 2.388.775M17.257.05l-.155 1.994a14 14 0 0 0-2.204 0L14.743.049a16 16 0 0 1 2.514 0m-4.994.39.466 1.945q-1.08.26-2.087.678l-.767-1.848A16 16 0 0 1 12.263.44M7.64 2.356 8.686 4.06a14 14 0 0 0-1.778 1.293l-1.3-1.52A16 16 0 0 1 7.64 2.356M3.833 5.609l1.52 1.3A14 14 0 0 0 4.06 8.685L2.356 7.639q.661-1.076 1.477-2.03M1.214 9.875l1.848.767a14 14 0 0 0-.678 2.087l-1.945-.466c.196-.822.457-1.62.775-2.388M.05 14.743a16 16 0 0 0 0 2.514l1.994-.155a14 14 0 0 1 0-2.204zm.39 4.994 1.945-.466q.26 1.08.678 2.087l-1.848.767a16 16 0 0 1-.775-2.388m1.917 4.624 1.704-1.047q.579.941 1.293 1.778l-1.52 1.3a16 16 0 0 1-1.477-2.031m3.253 3.806 1.3-1.52q.835.714 1.777 1.293L7.64 29.644a16 16 0 0 1-2.03-1.477m4.266 2.619.767-1.848q1.007.42 2.087.678l-.466 1.945a16 16 0 0 1-2.388-.775m4.868 1.165.155-1.994a14 14 0 0 0 2.204 0l.155 1.994a16 16 0 0 1-2.514 0m4.994-.39-.466-1.945q1.08-.26 2.087-.677l.767 1.847a16 16 0 0 1-2.388.775m4.624-1.917-1.047-1.704q.941-.579 1.778-1.293l1.3 1.52a16 16 0 0 1-2.031 1.477m3.806-3.253-1.52-1.3a14 14 0 0 0 1.293-1.777l1.704 1.047q-.661 1.076-1.477 2.03m2.619-4.266-1.848-.767q.42-1.007.678-2.087l1.945.466a16 16 0 0 1-.775 2.388\" clipRule=\"evenodd\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Wa Frame\" {...props}>\n <path fill=\"#9896ff\" fillRule=\"evenodd\" d=\"m31.951 17.257-1.994-.155a14 14 0 0 0 0-2.204l1.994-.155a16 16 0 0 1 0 2.514m-.39-4.994-1.945.466q-.26-1.08-.677-2.087l1.847-.767q.478 1.154.775 2.388M29.644 7.64 27.94 8.686a14 14 0 0 0-1.293-1.778l1.52-1.3a16 16 0 0 1 1.477 2.031m-3.253-3.806-1.3 1.52a14 14 0 0 0-1.777-1.293l1.047-1.704q1.076.661 2.03 1.477m-4.266-2.619-.767 1.848a14 14 0 0 0-2.087-.678l.466-1.945c.822.196 1.62.457 2.388.775M17.257.05l-.155 1.994a14 14 0 0 0-2.204 0L14.743.049a16 16 0 0 1 2.514 0m-4.994.39.466 1.945q-1.08.26-2.087.678l-.767-1.848A16 16 0 0 1 12.263.44M7.64 2.356 8.686 4.06a14 14 0 0 0-1.778 1.293l-1.3-1.52A16 16 0 0 1 7.64 2.356M3.833 5.609l1.52 1.3A14 14 0 0 0 4.06 8.685L2.356 7.639q.661-1.076 1.477-2.03M1.214 9.875l1.848.767a14 14 0 0 0-.678 2.087l-1.945-.466c.196-.822.457-1.62.775-2.388M.05 14.743a16 16 0 0 0 0 2.514l1.994-.155a14 14 0 0 1 0-2.204zm.39 4.994 1.945-.466q.26 1.08.678 2.087l-1.848.767a16 16 0 0 1-.775-2.388m1.917 4.624 1.704-1.047q.579.941 1.293 1.778l-1.52 1.3a16 16 0 0 1-1.477-2.031m3.253 3.806 1.3-1.52q.835.714 1.777 1.293L7.64 29.644a16 16 0 0 1-2.03-1.477m4.266 2.619.767-1.848q1.007.42 2.087.678l-.466 1.945a16 16 0 0 1-2.388-.775m4.868 1.165.155-1.994a14 14 0 0 0 2.204 0l.155 1.994a16 16 0 0 1-2.514 0m4.994-.39-.466-1.945q1.08-.26 2.087-.677l.767 1.847a16 16 0 0 1-2.388.775m4.624-1.917-1.047-1.704q.941-.579 1.778-1.293l1.3 1.52a16 16 0 0 1-2.031 1.477m3.806-3.253-1.52-1.3a14 14 0 0 0 1.293-1.777l1.704 1.047q-.661 1.076-1.477 2.03m2.619-4.266-1.848-.767q.42-1.007.678-2.087l1.945.466a16 16 0 0 1-.775 2.388\" clipRule=\"evenodd\"/>\n </svg>\n )\n }\n)\nWaFrame.displayName = 'WaFrame'\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/frames.ts","../src/generated/frames/a.tsx","../src/generated/frames/stk.tsx","../src/generated/frames/stkwa.tsx","../src/generated/frames/wa.tsx"],"sourcesContent":["import { createElement } from 'react'\nimport type { ReactNode, CSSProperties } from 'react'\nimport { AFrame } from './generated/frames/a'\nimport { StkFrame } from './generated/frames/stk'\nimport { StkwaFrame } from './generated/frames/stkwa'\nimport { WaFrame } from './generated/frames/wa'\n\nconst FRAMES: Record<string, typeof AFrame> = {\n a: AFrame,\n stk: StkFrame,\n stkwa: StkwaFrame,\n wa: WaFrame,\n}\n\nexport interface FrameWrapperProps {\n frame: string\n variant?: 'full' | 'mono'\n size?: number | string\n children?: ReactNode\n}\n\nconst wrapperStyle = (size: number | string): CSSProperties => ({\n position: 'relative',\n width: size,\n height: size,\n})\n\nconst innerStyle: CSSProperties = {\n position: 'absolute',\n inset: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n}\n\nconst iconContainerStyle: CSSProperties = {\n width: '81.25%',\n height: '81.25%',\n}\n\nconst frameStyle = (size: number | string): CSSProperties => ({\n position: 'absolute',\n inset: 0,\n width: size,\n height: size,\n})\n\nexport function FrameWrapper({\n frame,\n variant = 'full',\n size = 32,\n children,\n}: FrameWrapperProps) {\n const FrameSvg = FRAMES[frame]\n if (!FrameSvg) {\n // Bundlers replace process.env.NODE_ENV and dead-code-eliminate this in production\n if (\n typeof process !== 'undefined' &&\n process.env.NODE_ENV !== 'production'\n ) {\n console.warn(\n `[bgd-icons] Unknown frame: \"${frame}\" (known: ${Object.keys(FRAMES).join(', ')}) — rendering the base icon unframed`,\n )\n }\n return createElement('span', null, children)\n }\n\n return createElement(\n 'div',\n { style: wrapperStyle(size) },\n createElement(\n 'div',\n { style: innerStyle },\n createElement('div', { style: iconContainerStyle }, children),\n ),\n createElement(FrameSvg, { variant, style: frameStyle(size), size }),\n )\n}\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const AFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"A Frame\" {...props}>\n <circle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"currentColor\" strokeWidth=\"2\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"A Frame\" {...props}>\n <path stroke=\"#9896ff\" strokeWidth=\"2\" d=\"M16 31c8.284 0 15-6.716 15-15S24.284 1 16 1 1 7.716 1 16s6.716 15 15 15Z\"/>\n </svg>\n )\n }\n)\nAFrame.displayName = 'AFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const StkFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Stk Frame\" {...props}>\n <path fill=\"currentColor\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zM30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.64 6.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Stk Frame\" {...props}>\n <path fill=\"#ffb800\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zM30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.64 6.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n)\nStkFrame.displayName = 'StkFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const StkwaFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Stkwa Frame\" {...props}>\n <path fill=\"currentColor\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3zm28.14 1.02v10.13l-1.68-.7c.46-1.45.7-2.93.7-4.41s-.23-2.91-.67-4.34zm.47-.73-2.74 1.13c.51 1.45.8 3 .8 4.62s-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33zM23.21.63l-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67zm26.87 6.72 1.66.69-7.15 7.15-.69-1.68a14.6 14.6 0 0 0 6.19-6.16m-.24-.64a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-17 7.75c1.44.46 2.91.69 4.38.69s2.92-.23 4.35-.68l.68 1.66H10.92l.69-1.67m-.27-.62-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81zM3.13 22.7c1.37 2.63 3.54 4.8 6.18 6.17l-.69 1.67-7.15-7.15 1.67-.69m.23-.64L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57z\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Stkwa Frame\" {...props}>\n <path fill=\"#ffb800\" d=\"M11.35 2.79c1.46-.51 3.02-.81 4.65-.81s3.22.3 4.68.82L21.83.04C21.7.02 21.56 0 21.42 0H10.58c-.12 0-.25.02-.37.04zM3.36 9.96c1.38-2.88 3.71-5.22 6.59-6.6L8.81.6c-.1.08-.21.15-.3.25L.85 8.52c-.09.09-.17.2-.24.3z\"/><path fill=\"#9896ff\" d=\"M30.02 16c0 1.65-.3 3.23-.82 4.7l2.76 1.15c.02-.14.04-.28.04-.42V10.59c0-.11-.02-.22-.03-.33l-2.74 1.13c.51 1.45.8 3 .8 4.62z\"/><path fill=\"#ffb800\" d=\"m23.21.63-1.14 2.75c2.88 1.39 5.21 3.72 6.58 6.61l2.76-1.14c-.08-.11-.17-.23-.27-.33L23.48.85C23.4.77 23.3.7 23.21.63M1.98 16c0-1.63.29-3.19.81-4.65L.04 10.21c-.02.12-.04.24-.04.37v10.84c0 .13.02.26.04.38l2.75-1.14c-.52-1.46-.81-3.03-.81-4.67z\"/><path fill=\"#9896ff\" d=\"M28.62 22.08a14.07 14.07 0 0 1-6.59 6.56l1.14 2.76c.11-.08.22-.16.32-.26l7.67-7.67c.08-.08.14-.17.21-.26l-2.74-1.14zm-7.99 7.14c-1.45.51-3.01.8-4.63.8s-3.2-.3-4.66-.81l-1.14 2.75c.13.02.25.04.39.04h10.84c.12 0 .23-.02.35-.03l-1.13-2.75zM8.81 31.38l1.14-2.75c-2.87-1.38-5.2-3.7-6.58-6.57L.62 23.2c.08.1.15.2.24.29l7.67 7.67c.09.09.19.16.29.24z\"/>\n </svg>\n )\n }\n)\nStkwaFrame.displayName = 'StkwaFrame'\n","// Auto-generated by scripts/generate.ts - DO NOT EDIT\nimport { forwardRef } from 'react'\nimport type { SVGProps } from 'react'\n\nexport interface FrameIconProps extends SVGProps<SVGSVGElement> {\n variant?: 'full' | 'mono'\n size?: number | string\n}\n\nexport const WaFrame = forwardRef<SVGSVGElement, FrameIconProps>(\n ({ variant = 'full', size = 32, ...props }, ref) => {\n if (variant === 'mono') {\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"currentColor\" role=\"img\" aria-label=\"Wa Frame\" {...props}>\n <path fill=\"currentColor\" fillRule=\"evenodd\" d=\"m31.951 17.257-1.994-.155a14 14 0 0 0 0-2.204l1.994-.155a16 16 0 0 1 0 2.514m-.39-4.994-1.945.466q-.26-1.08-.677-2.087l1.847-.767q.478 1.154.775 2.388M29.644 7.64 27.94 8.686a14 14 0 0 0-1.293-1.778l1.52-1.3a16 16 0 0 1 1.477 2.031m-3.253-3.806-1.3 1.52a14 14 0 0 0-1.777-1.293l1.047-1.704q1.076.661 2.03 1.477m-4.266-2.619-.767 1.848a14 14 0 0 0-2.087-.678l.466-1.945c.822.196 1.62.457 2.388.775M17.257.05l-.155 1.994a14 14 0 0 0-2.204 0L14.743.049a16 16 0 0 1 2.514 0m-4.994.39.466 1.945q-1.08.26-2.087.678l-.767-1.848A16 16 0 0 1 12.263.44M7.64 2.356 8.686 4.06a14 14 0 0 0-1.778 1.293l-1.3-1.52A16 16 0 0 1 7.64 2.356M3.833 5.609l1.52 1.3A14 14 0 0 0 4.06 8.685L2.356 7.639q.661-1.076 1.477-2.03M1.214 9.875l1.848.767a14 14 0 0 0-.678 2.087l-1.945-.466c.196-.822.457-1.62.775-2.388M.05 14.743a16 16 0 0 0 0 2.514l1.994-.155a14 14 0 0 1 0-2.204zm.39 4.994 1.945-.466q.26 1.08.678 2.087l-1.848.767a16 16 0 0 1-.775-2.388m1.917 4.624 1.704-1.047q.579.941 1.293 1.778l-1.52 1.3a16 16 0 0 1-1.477-2.031m3.253 3.806 1.3-1.52q.835.714 1.777 1.293L7.64 29.644a16 16 0 0 1-2.03-1.477m4.266 2.619.767-1.848q1.007.42 2.087.678l-.466 1.945a16 16 0 0 1-2.388-.775m4.868 1.165.155-1.994a14 14 0 0 0 2.204 0l.155 1.994a16 16 0 0 1-2.514 0m4.994-.39-.466-1.945q1.08-.26 2.087-.677l.767 1.847a16 16 0 0 1-2.388.775m4.624-1.917-1.047-1.704q.941-.579 1.778-1.293l1.3 1.52a16 16 0 0 1-2.031 1.477m3.806-3.253-1.52-1.3a14 14 0 0 0 1.293-1.777l1.704 1.047q-.661 1.076-1.477 2.03m2.619-4.266-1.848-.767q.42-1.007.678-2.087l1.945.466a16 16 0 0 1-.775 2.388\" clipRule=\"evenodd\"/>\n </svg>\n )\n }\n return (\n <svg ref={ref} width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" role=\"img\" aria-label=\"Wa Frame\" {...props}>\n <path fill=\"#9896ff\" fillRule=\"evenodd\" d=\"m31.951 17.257-1.994-.155a14 14 0 0 0 0-2.204l1.994-.155a16 16 0 0 1 0 2.514m-.39-4.994-1.945.466q-.26-1.08-.677-2.087l1.847-.767q.478 1.154.775 2.388M29.644 7.64 27.94 8.686a14 14 0 0 0-1.293-1.778l1.52-1.3a16 16 0 0 1 1.477 2.031m-3.253-3.806-1.3 1.52a14 14 0 0 0-1.777-1.293l1.047-1.704q1.076.661 2.03 1.477m-4.266-2.619-.767 1.848a14 14 0 0 0-2.087-.678l.466-1.945c.822.196 1.62.457 2.388.775M17.257.05l-.155 1.994a14 14 0 0 0-2.204 0L14.743.049a16 16 0 0 1 2.514 0m-4.994.39.466 1.945q-1.08.26-2.087.678l-.767-1.848A16 16 0 0 1 12.263.44M7.64 2.356 8.686 4.06a14 14 0 0 0-1.778 1.293l-1.3-1.52A16 16 0 0 1 7.64 2.356M3.833 5.609l1.52 1.3A14 14 0 0 0 4.06 8.685L2.356 7.639q.661-1.076 1.477-2.03M1.214 9.875l1.848.767a14 14 0 0 0-.678 2.087l-1.945-.466c.196-.822.457-1.62.775-2.388M.05 14.743a16 16 0 0 0 0 2.514l1.994-.155a14 14 0 0 1 0-2.204zm.39 4.994 1.945-.466q.26 1.08.678 2.087l-1.848.767a16 16 0 0 1-.775-2.388m1.917 4.624 1.704-1.047q.579.941 1.293 1.778l-1.52 1.3a16 16 0 0 1-1.477-2.031m3.253 3.806 1.3-1.52q.835.714 1.777 1.293L7.64 29.644a16 16 0 0 1-2.03-1.477m4.266 2.619.767-1.848q1.007.42 2.087.678l-.466 1.945a16 16 0 0 1-2.388-.775m4.868 1.165.155-1.994a14 14 0 0 0 2.204 0l.155 1.994a16 16 0 0 1-2.514 0m4.994-.39-.466-1.945q1.08-.26 2.087-.677l.767 1.847a16 16 0 0 1-2.388.775m4.624-1.917-1.047-1.704q.941-.579 1.778-1.293l1.3 1.52a16 16 0 0 1-2.031 1.477m3.806-3.253-1.52-1.3a14 14 0 0 0 1.293-1.777l1.704 1.047q-.661 1.076-1.477 2.03m2.619-4.266-1.848-.767q.42-1.007.678-2.087l1.945.466a16 16 0 0 1-.775 2.388\" clipRule=\"evenodd\"/>\n </svg>\n )\n }\n)\nWaFrame.displayName = 'WaFrame'\n"],"mappings":"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","names":["forwardRef","jsx","forwardRef","jsx","forwardRef","jsx"]}