@iwer/devui 0.1.0

package/lib/components/icons.js

@@ -0,0 +1,254 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ButtonX = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7 13.125a7 7 0 1 0 14 0v1.75a7 7 0 0 1-14 0v-1.75Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.55, d: "M14 19.863a6.738 6.738 0 1 0 0-13.476 6.738 6.738 0 0 0 0 13.476Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M16.529 16.1h-.893l-1.653-2.713-1.68 2.713h-.832l2.074-3.255-1.942-2.992h.875l1.531 2.45 1.54-2.45h.831l-1.933 2.975 2.082 3.272Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ButtonY = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7 13.125a7 7 0 1 0 14 0v1.75a7 7 0 0 1-14 0v-1.75Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.55, d: "M14 19.863a6.738 6.738 0 1 0 0-13.476 6.738 6.738 0 0 0 0 13.476Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "m14.086 12.924 1.627-3.071h.849l-2.083 3.823V16.1h-.787v-2.389L11.61 9.853h.857l1.619 3.07Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ButtonA = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7 13.125a7 7 0 1 0 14 0v1.75a7 7 0 0 1-14 0v-1.75Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.55, d: "M14 19.863a6.738 6.738 0 1 0 0-13.476 6.738 6.738 0 0 0 0 13.476Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "m15.975 16.1-.753-1.934h-2.476l-.744 1.934h-.796l2.441-6.274h.709l2.432 6.274h-.813Zm-1.69-4.524a29.052 29.052 0 0 1-.21-.63 5.175 5.175 0 0 0-.087-.306c-.029.117-.06.236-.096.359-.03.116-.061.224-.096.323-.03.1-.056.184-.079.254l-.709 1.89h1.978l-.7-1.89Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ButtonB = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7 13.125a7 7 0 1 0 14 0v1.75a7 7 0 0 1-14 0v-1.75Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.55, d: "M14 19.863a6.738 6.738 0 1 0 0-13.476 6.738 6.738 0 0 0 0 13.476Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M13.876 9.853c.519 0 .954.05 1.304.148.355.1.62.263.796.49.18.228.271.531.271.91 0 .245-.047.464-.14.656a1.198 1.198 0 0 1-.402.473 1.62 1.62 0 0 1-.648.254v.043c.262.041.499.117.709.228.216.11.385.268.507.473.123.204.184.47.184.796 0 .379-.088.703-.262.971a1.663 1.663 0 0 1-.753.604c-.32.134-.706.201-1.155.201h-2.196V9.853h1.785Zm.157 2.66c.537 0 .905-.085 1.103-.254.198-.175.297-.432.297-.77 0-.344-.122-.59-.367-.735-.24-.152-.624-.228-1.155-.228h-1.033v1.986h1.155Zm-1.155.656v2.266h1.26c.555 0 .94-.108 1.155-.324.216-.216.324-.498.324-.849 0-.221-.05-.414-.149-.577-.093-.163-.254-.289-.481-.376-.222-.093-.525-.14-.91-.14h-1.199Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickL = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 0.5, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.247h.787v5.547h2.73v.7h-3.517ZM14.479 6.389a.525.525 0 0 1-.782 0l-2.235-2.495a.525.525 0 0 1 .39-.875h4.47c.454 0 .694.537.391.875L14.478 6.39Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "m13.045 6.711-1.093-1.22a8.75 8.75 0 1 0 4.24.036L15.11 6.733A7.352 7.352 0 0 1 14 21.35a7.35 7.35 0 0 1-.955-14.639Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickR = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM14.479 6.389a.525.525 0 0 1-.782 0l-2.235-2.495a.525.525 0 0 1 .39-.875h4.47c.454 0 .694.537.391.875L14.478 6.39Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "m13.045 6.711-1.093-1.22a8.75 8.75 0 1 0 4.24.036L15.11 6.733A7.352 7.352 0 0 1 14 21.35a7.35 7.35 0 0 1-.955-14.639Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickLUp = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.248h.787v5.548h2.73v.7h-3.517ZM13.697.611a.525.525 0 0 1 .782 0l2.234 2.495a.525.525 0 0 1-.39.875h-4.47a.525.525 0 0 1-.391-.875L13.697.61Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickLDown = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.248h.787v5.548h2.73v.7h-3.517ZM14.479 27.389a.525.525 0 0 1-.782 0l-2.235-2.495a.525.525 0 0 1 .39-.875h4.47c.454 0 .694.537.391.875l-2.235 2.495Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickLLeft = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.248h.787v5.548h2.73v.7h-3.517ZM.611 14.303a.525.525 0 0 1 0-.782l2.495-2.234a.525.525 0 0 1 .875.39v4.47a.525.525 0 0 1-.875.391L.61 14.303Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickLRight = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.248h.787v5.548h2.73v.7h-3.517ZM27.389 13.521a.525.525 0 0 1 0 .782l-2.495 2.235a.525.525 0 0 1-.875-.39v-4.47c0-.454.537-.694.875-.391l2.495 2.234Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickRUp = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM13.697.611a.525.525 0 0 1 .782 0l2.234 2.495a.525.525 0 0 1-.39.875h-4.47a.525.525 0 0 1-.391-.875L13.697.61Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickRDown = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM14.479 27.389a.525.525 0 0 1-.782 0l-2.235-2.495a.525.525 0 0 1 .39-.875h4.47c.454 0 .694.537.391.875l-2.235 2.495Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickRLeft = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM.611 14.303a.525.525 0 0 1 0-.782l2.495-2.234a.525.525 0 0 1 .875.39v4.47a.525.525 0 0 1-.875.391L.61 14.303Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbstickRRight = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM27.389 13.521a.525.525 0 0 1 0 .782l-2.495 2.235a.525.525 0 0 1-.875-.39v-4.47c0-.454.537-.694.875-.391l2.495 2.234Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const GripL = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7.525 7.875c-2.283 1.22-3.82 3.507-3.82 6.125s1.537 4.904 3.82 6.125C4.405 19.425 2.1 16.948 2.1 14s2.306-5.425 5.425-6.125Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M24.702 10.954a2.187 2.187 0 0 0-2.095-2.817H11.025a5.863 5.863 0 0 0 0 11.726h9.377c.966 0 1.818-.634 2.095-1.56l2.205-7.35Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M10.594 17.15v-6.248h.788v5.548h2.73v.7h-3.518Zm7.13-3.299h2.162v3.063c-.338.11-.68.192-1.024.245a7.837 7.837 0 0 1-1.172.078c-.648 0-1.193-.128-1.637-.385a2.567 2.567 0 0 1-1.015-1.11c-.227-.485-.34-1.057-.34-1.716 0-.653.127-1.219.384-1.697a2.699 2.699 0 0 1 1.103-1.112c.484-.268 1.067-.402 1.75-.402.35 0 .68.032.988.096.315.064.607.155.875.271l-.297.683a4.55 4.55 0 0 0-.753-.254 3.453 3.453 0 0 0-.857-.105c-.496 0-.922.102-1.278.306a2.004 2.004 0 0 0-.813.875c-.187.374-.28.82-.28 1.34 0 .495.078.935.236 1.32.163.38.417.677.761.893.344.21.796.315 1.356.315.187 0 .35-.006.49-.018.146-.017.277-.037.394-.06.123-.024.236-.047.341-.07V14.55h-1.373v-.7Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const GripR = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M20.441 7.875c2.283 1.22 3.82 3.507 3.82 6.125s-1.537 4.904-3.82 6.125c3.12-.7 5.425-3.177 5.425-6.125s-2.305-5.425-5.425-6.125Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M3.264 10.954a2.187 2.187 0 0 1 2.095-2.817h11.582a5.862 5.862 0 0 1 0 11.726H7.564a2.188 2.188 0 0 1-2.095-1.56l-2.205-7.35Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M9.497 10.902c.519 0 .945.068 1.277.202.339.128.59.323.753.586.163.262.245.592.245.989 0 .332-.062.61-.184.83-.122.223-.28.4-.472.535-.187.128-.386.23-.595.306l1.714 2.8h-.918l-1.514-2.581H8.56v2.58h-.787v-6.247h1.724Zm-.044.683H8.56v2.319h.937c.338 0 .615-.044.831-.132a.956.956 0 0 0 .473-.402c.104-.175.157-.394.157-.656 0-.274-.055-.493-.166-.657a.905.905 0 0 0-.49-.358c-.222-.076-.505-.114-.849-.114Zm6.476 2.266h2.16v3.063c-.337.11-.679.192-1.023.245a7.837 7.837 0 0 1-1.172.078c-.648 0-1.193-.128-1.637-.385a2.568 2.568 0 0 1-1.015-1.11c-.227-.485-.34-1.057-.34-1.716 0-.653.127-1.219.384-1.697a2.699 2.699 0 0 1 1.103-1.112c.484-.268 1.067-.402 1.75-.402.35 0 .68.032.988.096.315.064.607.155.875.271l-.297.683a4.551 4.551 0 0 0-.753-.254 3.453 3.453 0 0 0-.857-.105c-.496 0-.922.102-1.278.306a2.004 2.004 0 0 0-.813.875c-.187.374-.28.82-.28 1.34 0 .495.078.935.236 1.32.163.38.417.677.761.893.344.21.796.315 1.356.315.187 0 .35-.006.49-.018a5.17 5.17 0 0 0 .394-.06c.123-.024.236-.047.341-.07V14.55H15.93v-.7Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const TriggerL = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M14 20.212a7.612 7.612 0 1 0 0-15.224 7.612 7.612 0 0 0 0 15.224Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M10.209 15.662V9.415h.787v5.548h2.73v.7H10.21Zm6.395 0h-.787v-5.556h-1.952v-.691h4.682v.691h-1.943v5.556Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M21.235 17.5a8.31 8.31 0 0 1-7.205 4.165A8.31 8.31 0 0 1 6.825 17.5c.823 3.4 3.737 5.915 7.205 5.915 3.469 0 6.382-2.514 7.205-5.915Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const TriggerR = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M14 20.212a7.612 7.612 0 1 0 0-15.224 7.612 7.612 0 0 0 0 15.224Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", d: "M11.42 9.415c.52 0 .945.067 1.277.201.339.129.59.324.753.587.163.262.245.592.245.988 0 .333-.061.61-.184.832-.122.221-.28.4-.472.533-.187.129-.385.23-.595.307l1.715 2.8h-.92l-1.513-2.582h-1.242v2.582h-.788V9.415h1.724Zm-.044.683h-.892v2.318h.936c.338 0 .615-.043.831-.131a.956.956 0 0 0 .473-.402c.105-.175.157-.394.157-.657 0-.274-.055-.493-.166-.656a.905.905 0 0 0-.49-.359c-.222-.075-.505-.114-.849-.114Zm5.74 5.564h-.787v-5.556h-1.951v-.691h4.681v.691h-1.942v5.556Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M21.235 17.5a8.31 8.31 0 0 1-7.205 4.165A8.31 8.31 0 0 1 6.825 17.5c.823 3.4 3.737 5.915 7.205 5.915 3.469 0 6.382-2.514 7.205-5.915Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbrestL = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", d: "m20.01 15.768-4.242 4.242a5.5 5.5 0 1 1-7.778-7.778l4.242-4.242a5.5 5.5 0 1 1 7.778 7.778Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M11.172 16.828a1 1 0 0 0 1.414 0L15.414 14l.707.707-2.828 2.828a2 2 0 1 1-2.829-2.828l.708.707a1 1 0 0 0 0 1.414ZM12.586 14l2.828-2.829a1 1 0 1 1 1.414 1.415l.708.707a2 2 0 0 0-2.829-2.829l-2.828 2.829.707.707Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M15.414 16.828 18.243 14a3 3 0 0 0-2.289-5.117l-.869-.869a4 4 0 0 1 3.864 6.693l-2.828 2.828-.707-.707Zm-.707 2.122a4 4 0 1 1-5.657-5.657l4.243-4.243.707.707L9.757 14A3 3 0 1 0 14 18.242l.707.708Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+export const ThumbrestR = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: [_jsx("path", { stroke: "#fff", d: "m15.768 7.99 4.242 4.242a5.5 5.5 0 1 1-7.778 7.778L7.99 15.768a5.5 5.5 0 1 1 7.778-7.778Z", style: {
+                stroke: '#fff',
+                strokeOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M16.828 16.828a1 1 0 0 0 0-1.414L14 12.586l.707-.707 2.828 2.828a2 2 0 1 1-2.828 2.828l.707-.707a1 1 0 0 0 1.414 0ZM14 15.414l-2.828-2.828a1 1 0 0 1 1.414-1.414l.707-.708a2 2 0 0 0-2.829 2.829l2.829 2.828.707-.707Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M16.828 12.586 14 9.757a3 3 0 0 0-5.117 2.289l-.869.869a4 4 0 0 1 6.693-3.864l2.828 2.828-.707.707Zm2.122.707a4 4 0 1 1-5.657 5.657L9.05 14.707 9.757 14 14 18.243A3 3 0 1 0 18.243 14l.707-.707Z", clipRule: "evenodd", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } })] }));
+// Create a mapping of buttonId to icon component
+const buttonIdToIcon = {
+    'x-button-left': ButtonX,
+    'y-button-left': ButtonY,
+    'a-button-right': ButtonA,
+    'b-button-right': ButtonB,
+    'thumbstick-left': ThumbstickL,
+    'thumbstick-up-left': ThumbstickLUp,
+    'thumbstick-down-left': ThumbstickLDown,
+    'thumbstick-right-left': ThumbstickLRight,
+    'thumbstick-left-left': ThumbstickLLeft,
+    'thumbstick-right': ThumbstickR,
+    'thumbstick-up-right': ThumbstickRUp,
+    'thumbstick-down-right': ThumbstickRDown,
+    'thumbstick-right-right': ThumbstickRRight,
+    'thumbstick-left-right': ThumbstickRLeft,
+    'trigger-left': TriggerL,
+    'trigger-right': TriggerR,
+    'squeeze-left': GripL,
+    'squeeze-right': GripR,
+    'thumbrest-left': ThumbrestL,
+    'thumbrest-right': ThumbrestR,
+};
+export const GamepadIcon = ({ buttonName, handedness, }) => {
+    const buttonId = `${buttonName}-${handedness}`;
+    const IconComponent = buttonIdToIcon[buttonId];
+    return IconComponent ? (_jsx(IconComponent, {})) : (_jsx("div", { style: { width: '28px', height: '28px' } }));
+};
+export const IWERIcon = () => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", children: _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M1 11.2A5.2 5.2 0 0 1 6.2 6h15.6a5.2 5.2 0 0 1 5.2 5.2v5.2a5.2 5.2 0 0 1-5.2 5.2h-3.109c-1.149 0-2.199-.65-2.713-1.677l-.199-.398a1.733 1.733 0 0 0-1.55-.958h-.458c-.656 0-1.257.37-1.55.958l-.2.398A3.033 3.033 0 0 1 9.31 21.6H6.2A5.2 5.2 0 0 1 1 16.4v-5.2Zm9.1 2.167a2.6 2.6 0 1 1-5.2 0 2.6 2.6 0 0 1 5.2 0Zm15.538-1.426a.498.498 0 0 0 .141-.542l.002-.002a5.456 5.456 0 0 0-.347-.755l-.104-.178a5.586 5.586 0 0 0-.486-.686.502.502 0 0 0-.54-.15l-1.225.39a4.234 4.234 0 0 0-.968-.56l-.275-1.256a.497.497 0 0 0-.4-.392 5.686 5.686 0 0 0-1.871.003.497.497 0 0 0-.4.391l-.276 1.257a4.234 4.234 0 0 0-.968.559l-1.226-.39a.498.498 0 0 0-.539.15 5.586 5.586 0 0 0-.486.686l-.104.179c-.134.242-.25.492-.347.754a.498.498 0 0 0 .14.542l.953.867a4.26 4.26 0 0 0 0 1.12l-.952.867a.498.498 0 0 0-.141.541c.097.262.213.513.347.755l.104.178c.145.242.308.471.486.687.13.156.346.211.54.15l1.223-.392c.295.226.62.416.968.559l.275 1.256c.044.2.198.359.4.392a5.686 5.686 0 0 0 1.871 0 .497.497 0 0 0 .4-.392l.276-1.256c.347-.143.673-.333.968-.56l1.225.39c.194.062.41.009.54-.15a5.59 5.59 0 0 0 .486-.686l.103-.178a5.45 5.45 0 0 0 .348-.755.498.498 0 0 0-.14-.541l-.954-.867a4.258 4.258 0 0 0 0-1.118l.953-.867ZM20.5 15.967a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Z", clipRule: "evenodd", style: {
+            fill: '#fff',
+            fillOpacity: 1,
+        } }) }));
+export const MouseLeft = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 12, height: 16, fill: "none", children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { stroke: "#fff", d: "M.5 6.5H6m-5.5 0V5C.5 2.237 2.237.5 5 .5h1m-5.5 6V11c0 2.762 1.737 4.5 4.5 4.5h2c2.762 0 4.5-1.738 4.5-4.5V6.5M6 6.5v-6m0 6h5.5M6 .5h1c2.762 0 4.5 1.737 4.5 4.5v1.5", style: {
+                    stroke: '#fff',
+                    strokeOpacity: 1,
+                } }) }), _jsx("path", { fill: "#fff", d: "M.5 6.5H6v-6H5C2.237.5.5 2.237.5 5v1.5Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h12v16H0z", style: {
+                        fill: '#fff',
+                        fillOpacity: 1,
+                    } }) }) })] }));
+export const MouseRight = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 12, height: 16, fill: "none", children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { stroke: "#fff", d: "M.5 6.5H6m-5.5 0V5C.5 2.237 2.237.5 5 .5h1m-5.5 6V11c0 2.762 1.737 4.5 4.5 4.5h2c2.762 0 4.5-1.738 4.5-4.5V6.5M6 6.5v-6m0 6h5.5M6 .5h1c2.762 0 4.5 1.737 4.5 4.5v1.5", style: {
+                    stroke: '#fff',
+                    strokeOpacity: 1,
+                } }) }), _jsx("path", { fill: "#fff", d: "M11.5 6.5H6v-6h1c2.762 0 4.5 1.737 4.5 4.5v1.5Z", style: {
+                fill: '#fff',
+                fillOpacity: 1,
+            } }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h12v16H0z", style: {
+                        fill: '#fff',
+                        fillOpacity: 1,
+                    } }) }) })] }));
+//# sourceMappingURL=icons.js.map

package/lib/components/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"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"}

package/lib/components/joystick.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { XRController } from '../../../lib/device/XRController';
+interface JoystickProps {
+    xrController: XRController;
+    pointerLocked: boolean;
+    buttonId: string;
+    mappedKeyUp: string;
+    mappedKeyDown: string;
+    mappedKeyLeft: string;
+    mappedKeyRight: string;
+    mappedKeyPressed: string;
+}
+export declare const Joystick: React.FC<JoystickProps>;
+export {};
+//# sourceMappingURL=joystick.d.ts.map

package/lib/components/joystick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"joystick.d.ts","sourceRoot":"","sources":["../../src/components/joystick.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAIhE,UAAU,aAAa;IACtB,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CACzB;AAiED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyQ5C,CAAC"}

package/lib/components/joystick.js

@@ -0,0 +1,238 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, ButtonGroup, FAIcon, KeyBlockContainer, KeyRow, MappedKeyBlock, } from './styled.js';
+import { useEffect, useRef, useState } from 'react';
+import { GamepadIcon } from './icons.js';
+import { MappedKeyDisplay } from './keys.js';
+import { faFingerprint } from '@fortawesome/free-solid-svg-icons';
+import styled from 'styled-components';
+const JoystickContainer = styled.div `
+	display: flex;
+	align-items: center;
+	margin-bottom: 2px;
+`;
+const JoystickButton = styled.button `
+	background-color: rgba(255, 255, 255, 0.3);
+	border: none;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding: 0;
+	pointer-events: none;
+	width: 50px;
+	height: 50px;
+	border-radius: 50%;
+	position: relative;
+	margin: 0 5px;
+	backdrop-filter: blur(10px);
+	-webkit-backdrop-filter: blur(10px);
+`;
+const JoystickInner = styled.div `
+	position: absolute;
+	background-color: white;
+	border-radius: 50%;
+	width: 36px;
+	height: 36px;
+	cursor: pointer;
+	pointer-events: auto;
+`;
+const SmallButton = styled(Button) `
+	width: 49px;
+	font-size: 14px;
+
+	${({ $reverse }) => $reverse
+    ? `
+    &:first-child {
+      margin-left: 1px;
+      border-radius: 2px 8px 8px 2px;
+    }
+
+    &:last-child {
+      margin-right: 1px;
+      border-radius: 8px 2px 2px 8px;
+    }
+  `
+    : `
+    &:first-child {
+      margin-right: 1px;
+      border-radius: 8px 2px 2px 8px;
+    }
+
+    &:last-child {
+      margin-left: 1px;
+      border-radius: 2px 8px 8px 2px;
+    }
+  `}
+`;
+export const Joystick = ({ xrController, pointerLocked, buttonId, mappedKeyUp, mappedKeyDown, mappedKeyLeft, mappedKeyRight, mappedKeyPressed, }) => {
+    const joystickRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const [isTouched, setIsTouched] = useState(false);
+    const [isOnHold, setIsOnHold] = useState(false);
+    const [isPressed, setIsPressed] = useState(false);
+    const [initialPosition, setInitialPosition] = useState({ x: 0, y: 0 });
+    const [keyStates, setKeyStates] = useState({
+        up: false,
+        down: false,
+        left: false,
+        right: false,
+        pressed: false,
+    });
+    const handedness = xrController.inputSource.handedness;
+    const handleMouseDown = () => {
+        if (joystickRef.current) {
+            const rect = joystickRef.current.getBoundingClientRect();
+            setInitialPosition({
+                x: rect.left + rect.width / 2,
+                y: rect.top + rect.height / 2,
+            });
+            setIsDragging(true);
+        }
+    };
+    const handleMouseMove = (event) => {
+        if (isDragging && joystickRef.current) {
+            const dx = event.clientX - initialPosition.x;
+            const dy = event.clientY - initialPosition.y;
+            const distance = Math.sqrt(dx * dx + dy * dy);
+            const maxDistance = 12;
+            let limitedX, limitedY;
+            if (distance < maxDistance) {
+                limitedX = dx;
+                limitedY = dy;
+            }
+            else {
+                const angle = Math.atan2(dy, dx);
+                limitedX = Math.cos(angle) * maxDistance;
+                limitedY = Math.sin(angle) * maxDistance;
+            }
+            joystickRef.current.style.transform = `translate(${limitedX}px, ${limitedY}px)`;
+            // Calculate normalized values between -1 and 1
+            const normalizedX = limitedX / maxDistance;
+            const normalizedY = limitedY / maxDistance;
+            // Set window.movement
+            xrController.updateAxes(buttonId, normalizedX, normalizedY);
+        }
+    };
+    const handleMouseUp = () => {
+        setIsDragging(false);
+        if (joystickRef.current) {
+            joystickRef.current.style.transform = 'translate(0, 0)';
+            xrController.updateAxes(buttonId, 0, 0);
+        }
+    };
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            const newKeyStates = { ...keyStates };
+            if (event.code === mappedKeyUp)
+                newKeyStates.up = true;
+            if (event.code === mappedKeyDown)
+                newKeyStates.down = true;
+            if (event.code === mappedKeyLeft)
+                newKeyStates.left = true;
+            if (event.code === mappedKeyRight)
+                newKeyStates.right = true;
+            if (event.code === mappedKeyPressed) {
+                newKeyStates.pressed = true;
+                xrController.updateButtonValue(buttonId, 1);
+            }
+            setKeyStates(newKeyStates);
+            updateAxes(newKeyStates);
+        };
+        const handleKeyUp = (event) => {
+            const newKeyStates = { ...keyStates };
+            if (event.code === mappedKeyUp)
+                newKeyStates.up = false;
+            if (event.code === mappedKeyDown)
+                newKeyStates.down = false;
+            if (event.code === mappedKeyLeft)
+                newKeyStates.left = false;
+            if (event.code === mappedKeyRight)
+                newKeyStates.right = false;
+            if (event.code === mappedKeyPressed) {
+                newKeyStates.pressed = false;
+                xrController.updateButtonValue(buttonId, 0);
+            }
+            setKeyStates(newKeyStates);
+            updateAxes(newKeyStates);
+        };
+        const updateAxes = (keyStates) => {
+            const deltaX = (keyStates.right ? 1 : 0) - (keyStates.left ? 1 : 0);
+            const deltaY = (keyStates.down ? 1 : 0) - (keyStates.up ? 1 : 0);
+            const magnitude = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+            if (magnitude === 0) {
+                xrController.updateAxes(buttonId, 0, 0);
+                return;
+            }
+            const normalizedX = deltaX / magnitude;
+            const normalizedY = deltaY / magnitude;
+            xrController.updateAxes(buttonId, normalizedX, normalizedY);
+        };
+        if (pointerLocked) {
+            window.addEventListener('keydown', handleKeyDown);
+            window.addEventListener('keyup', handleKeyUp);
+        }
+        else {
+            window.removeEventListener('keydown', handleKeyDown);
+            window.removeEventListener('keyup', handleKeyUp);
+        }
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+            window.removeEventListener('keyup', handleKeyUp);
+        };
+    }, [
+        mappedKeyUp,
+        mappedKeyDown,
+        mappedKeyLeft,
+        mappedKeyRight,
+        pointerLocked,
+        keyStates,
+    ]);
+    useEffect(() => {
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [isDragging, initialPosition]);
+    return (_jsxs(JoystickContainer, { style: {
+            flexDirection: xrController.inputSource.handedness === 'left'
+                ? 'row'
+                : 'row-reverse',
+            alignItems: 'flex-start',
+        }, children: [_jsx(GamepadIcon, { buttonName: "thumbstick", handedness: xrController.inputSource.handedness }), pointerLocked ? (_jsxs(KeyBlockContainer, { "$reverse": handedness === 'right', children: [_jsxs(KeyRow, { "$reverse": handedness === 'right', children: [_jsx(MappedKeyBlock, { "$pressed": keyStates.up, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyUp] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.pressed, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyPressed] })] }), _jsxs(KeyRow, { "$reverse": false, children: [_jsx(MappedKeyBlock, { "$pressed": keyStates.left, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyLeft] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.down, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyDown] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.right, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyRight] })] })] })) : (_jsxs(_Fragment, { children: [_jsx(JoystickButton, { style: {
+                            margin: xrController.inputSource.handedness === 'left'
+                                ? '0 5px 0 -3px'
+                                : '0 -3px 0 5px',
+                        }, children: _jsx(JoystickInner, { ref: joystickRef, onMouseDown: handleMouseDown }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Button, { "$reverse": handedness === 'right', style: {
+                                    backgroundColor: isPressed
+                                        ? 'rgba(255, 255, 255, 0.6)'
+                                        : 'rgba(255, 255, 255, 0.3)',
+                                    width: '80px',
+                                    marginBottom: '2px',
+                                    borderRadius: '8px',
+                                }, onClick: () => {
+                                    setIsPressed(true);
+                                    xrController.updateButtonValue(buttonId, 1);
+                                    setTimeout(() => {
+                                        setIsPressed(false);
+                                        xrController.updateButtonValue(buttonId, 0);
+                                    }, 500);
+                                }, children: "Press" }), _jsxs(ButtonGroup, { "$reverse": handedness === 'right', children: [_jsx(SmallButton, { "$reverse": xrController.inputSource.handedness !== 'left', style: {
+                                            backgroundColor: isTouched
+                                                ? 'rgba(255, 255, 255, 0.6)'
+                                                : 'rgba(255, 255, 255, 0.3)',
+                                            width: '29px',
+                                        }, onClick: () => {
+                                            setIsTouched(!isTouched);
+                                            xrController.updateButtonTouch(buttonId, !isTouched);
+                                        }, children: _jsx(FAIcon, { icon: faFingerprint }) }), _jsx(SmallButton, { "$reverse": xrController.inputSource.handedness !== 'left', style: {
+                                            backgroundColor: isOnHold
+                                                ? 'rgba(255, 255, 255, 0.6)'
+                                                : 'rgba(255, 255, 255, 0.3)',
+                                            width: '49px',
+                                        }, onClick: () => {
+                                            setIsOnHold(!isOnHold);
+                                            xrController.updateButtonValue(buttonId, isOnHold ? 0 : 1);
+                                        }, children: "Hold" })] })] })] }))] }));
+};
+//# sourceMappingURL=joystick.js.map

package/lib/components/joystick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"joystick.js","sourceRoot":"","sources":["../../src/components/joystick.tsx"],"names":[],"mappings":"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"}

package/lib/components/keys.d.ts

@@ -0,0 +1,4 @@
+export declare const MappedKeyDisplay: {
+    [keyCode: string]: string | JSX.Element;
+};
+//# sourceMappingURL=keys.d.ts.map

package/lib/components/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../src/components/keys.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB,EAAE;IAC9B,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAoExC,CAAC"}