@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 +1 -1
- package/dist/{chunk-OPA5IJQV.js → chunk-CPRI7WWZ.js} +11 -6
- package/dist/chunk-CPRI7WWZ.js.map +1 -0
- package/dist/{chunk-IEWJOWAP.cjs → chunk-H4JGJDCF.cjs} +10 -5
- package/dist/chunk-H4JGJDCF.cjs.map +1 -0
- package/dist/compat.cjs +5 -5
- package/dist/compat.cjs.map +1 -1
- package/dist/compat.js +4 -4
- package/dist/compat.js.map +1 -1
- package/dist/frames.cjs +2 -2
- package/dist/frames.js +1 -1
- package/package.json +2 -2
- package/dist/chunk-IEWJOWAP.cjs.map +0 -1
- package/dist/chunk-OPA5IJQV.js.map +0 -1
package/README.md
CHANGED
|
@@ -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: "
|
|
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:
|
|
85
|
-
height:
|
|
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 },
|
|
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-
|
|
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: "
|
|
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:
|
|
82
|
-
height:
|
|
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 },
|
|
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-
|
|
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
|
|
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
|
|
34
|
-
//
|
|
35
|
-
size: assetTag ?
|
|
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
|
-
|
|
40
|
+
_chunkH4JGJDCFcjs.FrameWrapper,
|
|
41
41
|
{
|
|
42
42
|
frame: assetTag,
|
|
43
43
|
variant: mono ? "mono" : "full",
|
package/dist/compat.cjs.map
CHANGED
|
@@ -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,
|
|
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-
|
|
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
|
|
36
|
-
//
|
|
37
|
-
size: assetTag ?
|
|
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) {
|
package/dist/compat.js.map
CHANGED
|
@@ -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
|
|
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
|
|
3
|
+
var _chunkH4JGJDCFcjs = require('./chunk-H4JGJDCF.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
exports.FrameWrapper =
|
|
6
|
+
exports.FrameWrapper = _chunkH4JGJDCFcjs.FrameWrapper;
|
|
7
7
|
//# sourceMappingURL=frames.cjs.map
|
package/dist/frames.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smbdy/icons-react",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "Tree-shakeable React icon components for
|
|
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"]}
|