@terraware/web-components 5.0.27-rc.0 → 5.0.27

package/components/VirtualWalkthrough/xr-render-tuning.js

@@ -1,23 +1,54 @@
+/**
+ * Render settings applied for the duration of an XR session. Splats rasterize as alpha-blended
+ * quads with no early-z rejection, which makes a headset's stereo pixel throughput the binding
+ * constraint on framerate long before splat count is.
+ */
+
+/**
+ * Peripheral back-buffer resolution reduction, 0 (off) to 1 (strongest). Ineffective while MSAA is
+ * on, which is one reason the application requests `antialias: false`.
+ */
 const XR_FIXED_FOVEATION = 1;
+
+/**
+ * The subset of `GSplatParams` this module writes. Structural rather than the PlayCanvas type so
+ * the logic can be exercised against a plain object.
+ */
+
+/**
+ * `radialSorting` orders splats by distance from the camera rather than by depth along its forward
+ * axis, which is the more accurate ordering when the camera rotates rather than translates. Sorting
+ * runs on a worker and so lags the view by at least a frame; head rotation dominates in a headset,
+ * where that lag is what reads as swimming.
+ *
+ * The other two trade fidelity for fill rate: `alphaClipForward` drops near-transparent splats from
+ * the forward pass, and `minPixelSize` drops splats that project to less than a few pixels.
+ */
 const XR_GSPLAT_TUNING = {
-    radialSorting: true,
-    alphaClipForward: 0.1,
-    minPixelSize: 1
+  radialSorting: true,
+  alphaClipForward: 0.1,
+  minPixelSize: 1
 };
-const applyGsplatTuning = (params)=>{
-    const previous = {
-        radialSorting: params.radialSorting,
-        alphaClipForward: params.alphaClipForward,
-        minPixelSize: params.minPixelSize
-    };
-    params.radialSorting = XR_GSPLAT_TUNING.radialSorting;
-    params.alphaClipForward = XR_GSPLAT_TUNING.alphaClipForward;
-    params.minPixelSize = XR_GSPLAT_TUNING.minPixelSize;
-    return previous;
+
+/**
+ * Applies the XR settings, returning the values that were replaced so they can be restored when the
+ * session ends. These live on the scene, so leaving them tuned would degrade desktop rendering.
+ */
+const applyGsplatTuning = params => {
+  const previous = {
+    radialSorting: params.radialSorting,
+    alphaClipForward: params.alphaClipForward,
+    minPixelSize: params.minPixelSize
+  };
+  params.radialSorting = XR_GSPLAT_TUNING.radialSorting;
+  params.alphaClipForward = XR_GSPLAT_TUNING.alphaClipForward;
+  params.minPixelSize = XR_GSPLAT_TUNING.minPixelSize;
+  return previous;
 };
-const restoreGsplatTuning = (params, previous)=>{
-    params.radialSorting = previous.radialSorting;
-    params.alphaClipForward = previous.alphaClipForward;
-    params.minPixelSize = previous.minPixelSize;
+const restoreGsplatTuning = (params, previous) => {
+  params.radialSorting = previous.radialSorting;
+  params.alphaClipForward = previous.alphaClipForward;
+  params.minPixelSize = previous.minPixelSize;
 };
+
 export { XR_FIXED_FOVEATION, XR_GSPLAT_TUNING, applyGsplatTuning, restoreGsplatTuning };

package/components/VirtualWalkthrough/xr-scene-bounds.js

@@ -1,27 +1,43 @@
-const clampToCircle = (x, z, centerX, centerZ, radius)=>{
-    if (radius <= 0) return {
-        x,
-        z,
-        distance: 0
-    };
-    const dx = x - centerX;
-    const dz = z - centerZ;
-    const dist = Math.sqrt(dx * dx + dz * dz);
-    if (dist <= radius) return {
-        x,
-        z,
-        distance: 0
+/** A world-space XZ point clamped into the bounds circle, and how far it had to move to get there. */
+
+/**
+ * Clamp a world-space XZ point into the circle of `radius` about (centerX, centerZ).
+ *
+ * `distance` is how far the point was moved and is 0 whenever the point was already inside, which
+ * callers use as the "was this clamped?" signal. A non-positive radius means "no bounds" and leaves
+ * the point untouched; so does a point at the exact center, which has no direction to project along.
+ */
+const clampToCircle = (x, z, centerX, centerZ, radius) => {
+  if (radius <= 0) {
+    return {
+      x,
+      z,
+      distance: 0
     };
-    const scale = radius / dist;
+  }
+  const dx = x - centerX;
+  const dz = z - centerZ;
+  const dist = Math.sqrt(dx * dx + dz * dz);
+  if (dist <= radius) {
     return {
-        x: centerX + dx * scale,
-        z: centerZ + dz * scale,
-        distance: dist - radius
+      x,
+      z,
+      distance: 0
     };
+  }
+  const scale = radius / dist;
+  return {
+    x: centerX + dx * scale,
+    z: centerZ + dz * scale,
+    distance: dist - radius
+  };
 };
-const distanceToCircleEdge = (x, z, centerX, centerZ, radius)=>{
-    const dx = x - centerX;
-    const dz = z - centerZ;
-    return Math.sqrt(dx * dx + dz * dz) - radius;
+
+/** Horizontal distance from a world-space XZ point to the circle's edge: negative inside, positive outside. */
+const distanceToCircleEdge = (x, z, centerX, centerZ, radius) => {
+  const dx = x - centerX;
+  const dz = z - centerZ;
+  return Math.sqrt(dx * dx + dz * dz) - radius;
 };
+
 export { clampToCircle, distanceToCircleEdge };

package/components/VirtualWalkthrough/xr-start-pose.js

@@ -1,34 +1,80 @@
-import { clampToCircle } from "./xr-scene-bounds.js";
+import { clampToCircle } from './xr-scene-bounds.js';
+
+/**
+ * Where to put the XR rig so the head starts at a chosen spot facing a chosen point.
+ *
+ * PlayCanvas writes the head pose into the camera entity's *local* transform every frame, so the
+ * only thing a scene can move is the rig the camera hangs off. The head sits at an arbitrary offset
+ * within the rig — the reference space is pinned to wherever the user physically stood when the
+ * session began — so the rig pose has to be solved backwards from the head pose rather than set to
+ * the target outright.
+ *
+ * All angles are degrees and all coordinates world-space XZ; Y is left to the caller, since the
+ * user stands on the rig floor rather than on the scene's ground plane.
+ */
 const RAD_TO_DEG = 180 / Math.PI;
 const DEG_TO_RAD = Math.PI / 180;
+
+/** Below this length a direction vector carries no usable heading. */
 const DIRECTION_EPSILON = 1e-6;
-const normalizeAngle = (degrees)=>{
-    const wrapped = ((degrees + 180) % 360 + 360) % 360 - 180;
-    return -180 === wrapped ? 180 : wrapped;
+
+/** Wraps to (-180, 180] so the rig always turns the short way round. */
+const normalizeAngle = degrees => {
+  const wrapped = ((degrees + 180) % 360 + 360) % 360 - 180;
+  return wrapped === -180 ? 180 : wrapped;
 };
-const yawFromDirection = (dx, dz)=>Math.abs(dx) < DIRECTION_EPSILON && Math.abs(dz) < DIRECTION_EPSILON ? null : Math.atan2(-dx, -dz) * RAD_TO_DEG;
-const yawFromBasis = (forward, right)=>yawFromDirection(forward.x, forward.z) ?? Math.atan2(-right.z, right.x) * RAD_TO_DEG;
-const rotateXz = (point, degrees)=>{
-    const radians = degrees * DEG_TO_RAD;
-    const cos = Math.cos(radians);
-    const sin = Math.sin(radians);
-    return {
-        x: point.x * cos + point.z * sin,
-        z: -point.x * sin + point.z * cos
-    };
+
+/**
+ * Yaw of a heading on the XZ plane, matching PlayCanvas' right-handed CCW Y rotation:
+ * forward = (-sin(yaw), 0, -cos(yaw)).
+ */
+const yawFromDirection = (dx, dz) => Math.abs(dx) < DIRECTION_EPSILON && Math.abs(dz) < DIRECTION_EPSILON ? null : Math.atan2(-dx, -dz) * RAD_TO_DEG;
+
+/**
+ * Yaw an entity is facing, from its world basis vectors. Falls back to the right vector when the
+ * forward vector is vertical — a head tipped fully up or down still has a heading, but its forward
+ * vector has no horizontal component to read it from.
+ */
+const yawFromBasis = (forward, right) => yawFromDirection(forward.x, forward.z) ?? Math.atan2(-right.z, right.x) * RAD_TO_DEG;
+
+/** Rotates a point about the origin by `degrees` of PlayCanvas yaw. */
+const rotateXz = (point, degrees) => {
+  const radians = degrees * DEG_TO_RAD;
+  const cos = Math.cos(radians);
+  const sin = Math.sin(radians);
+  return {
+    x: point.x * cos + point.z * sin,
+    z: -point.x * sin + point.z * cos
+  };
 };
-const xrStartRigPose = ({ head, headYaw, rig, target, focus, bounds })=>{
-    const landing = bounds ? clampToCircle(target.x, target.z, bounds.x, bounds.z, bounds.radius) : target;
-    const facingYaw = yawFromDirection(focus.x - landing.x, focus.z - landing.z);
-    const yawDelta = null === facingYaw ? 0 : normalizeAngle(facingYaw - headYaw);
-    const offset = rotateXz({
-        x: head.x - rig.x,
-        z: head.z - rig.z
-    }, yawDelta);
-    return {
-        yawDelta,
-        x: landing.x - offset.x,
-        z: landing.z - offset.z
-    };
+
+/**
+ * Solves for the rig pose that lands the head on `target` facing `focus`.
+ *
+ * Turning the rig swings the head around the rig's origin, so the turn is applied to the head's
+ * offset within the rig first and the rig is then placed so that swung offset lands on the target.
+ * A focus point on top of the target gives no heading, so the rig is only moved, not turned.
+ */
+const xrStartRigPose = ({
+  head,
+  headYaw,
+  rig,
+  target,
+  focus,
+  bounds
+}) => {
+  const landing = bounds ? clampToCircle(target.x, target.z, bounds.x, bounds.z, bounds.radius) : target;
+  const facingYaw = yawFromDirection(focus.x - landing.x, focus.z - landing.z);
+  const yawDelta = facingYaw === null ? 0 : normalizeAngle(facingYaw - headYaw);
+  const offset = rotateXz({
+    x: head.x - rig.x,
+    z: head.z - rig.z
+  }, yawDelta);
+  return {
+    yawDelta,
+    x: landing.x - offset.x,
+    z: landing.z - offset.z
+  };
 };
+
 export { xrStartRigPose, yawFromBasis, yawFromDirection };

package/components/VirtualWalkthrough/xr-teleport-gesture.js

@@ -1,21 +1,47 @@
+/** Per-frame aim state for one input source, sampled while its select gesture is in progress. */
+
+/**
+ * Decides whether the select gesture that just ended is allowed to teleport. The two reasons to
+ * refuse have deliberately different lifetimes:
+ *
+ * - `teleportDisabled` latches for the rest of the press. The React flag behind it re-enables as
+ *   soon as the select dismisses the panel, which can land before the selectend that ends the press.
+ * - `uiBlocked` keeps only the newest frame, because that frame is the one whose arc hit the base
+ *   script has cached and would commit on release. Re-deciding from the release-time ray instead
+ *   would let a flick off the UI commit a target that was aimed while over it, and latching the
+ *   whole press would refuse an aim that merely swept across UI before coming to rest on floor.
+ *
+ * Callers must poll every frame for every source they care about; a press and release between polls
+ * is missed.
+ */
 class TeleportGestureLatch {
-    _teleportDisabled = new WeakSet();
-    _uiBlocked = new WeakSet();
-    track(inputSource, frame) {
-        if (!frame.pressed) {
-            this._teleportDisabled.delete(inputSource);
-            this._uiBlocked.delete(inputSource);
-            return;
-        }
-        if (frame.teleportDisabled) this._teleportDisabled.add(inputSource);
-        if (frame.uiBlocked) this._uiBlocked.add(inputSource);
-        else this._uiBlocked.delete(inputSource);
+  _teleportDisabled = new WeakSet();
+  _uiBlocked = new WeakSet();
+
+  /** Records a frame of an in-progress press. A source that isn't pressed drops both latches. */
+  track(inputSource, frame) {
+    if (!frame.pressed) {
+      this._teleportDisabled.delete(inputSource);
+      this._uiBlocked.delete(inputSource);
+      return;
     }
-    consumeBlocked(inputSource) {
-        const blocked = this._teleportDisabled.has(inputSource) || this._uiBlocked.has(inputSource);
-        this._teleportDisabled.delete(inputSource);
-        this._uiBlocked.delete(inputSource);
-        return blocked;
+    if (frame.teleportDisabled) {
+      this._teleportDisabled.add(inputSource);
     }
+    if (frame.uiBlocked) {
+      this._uiBlocked.add(inputSource);
+    } else {
+      this._uiBlocked.delete(inputSource);
+    }
+  }
+
+  /** True when the press may not teleport. Clears both latches so they never outlive the press. */
+  consumeBlocked(inputSource) {
+    const blocked = this._teleportDisabled.has(inputSource) || this._uiBlocked.has(inputSource);
+    this._teleportDisabled.delete(inputSource);
+    this._uiBlocked.delete(inputSource);
+    return blocked;
+  }
 }
+
 export { TeleportGestureLatch };

package/components/svg/BlobbyGrayIconImage.js

@@ -1,41 +1,39 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-const SvgBlobbyGrayIconImage = ({ title, titleId, ...props })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 200 128",
-        "aria-labelledby": titleId,
-        ...props,
-        children: [
-            title ? /*#__PURE__*/ jsx("title", {
-                id: titleId,
-                children: title
-            }) : null,
-            /*#__PURE__*/ jsxs("g", {
-                clipPath: "url(#blobby-gray-icon-image_svg__a)",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        fill: "#F1F0EC",
-                        fillRule: "evenodd",
-                        d: "M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.732 99.19 34.311 80.943 40.954 53.757c7.619-31.19 41-50.037 73.009-47.535",
-                        clipRule: "evenodd"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        fill: "#7F775B",
-                        d: "M83.333 40C79.307 40 76 43.307 76 47.333v33.334C76 84.693 79.307 88 83.333 88h33.334c4.026 0 7.333-3.307 7.333-7.333V47.333c0-4.026-3.307-7.333-7.333-7.333zm0 4h33.334A3.304 3.304 0 0 1 120 47.333v27.274l-8.016-7.755-.002-.003a5.4 5.4 0 0 0-3.75-1.516 5.4 5.4 0 0 0-3.75 1.519l-2.732 2.643-8.24-7.972A5.4 5.4 0 0 0 89.758 60a5.4 5.4 0 0 0-3.75 1.52l-.003.003L80 67.333v-20A3.304 3.304 0 0 1 83.333 44m25.334 5.333c-1.834 0-3.462.76-4.495 1.922-1.033 1.163-1.505 2.634-1.505 4.078s.472 2.916 1.505 4.078 2.661 1.922 4.495 1.922c1.833 0 3.461-.76 4.494-1.922 1.034-1.162 1.506-2.633 1.506-4.078 0-1.444-.472-2.915-1.506-4.078-1.033-1.162-2.661-1.922-4.494-1.922m0 4c.833 0 1.205.24 1.505.578s.495.867.495 1.422c0 .556-.195 1.085-.495 1.422-.3.338-.672.578-1.505.578-.834 0-1.205-.24-1.506-.578s-.494-.866-.494-1.422.194-1.084.494-1.422c.301-.337.672-.578 1.506-.578M89.757 64a1.37 1.37 0 0 1 .972.398l8.143 7.878L86.752 84h-3.419A3.304 3.304 0 0 1 80 80.667v-7.769l8.787-8.5c.283-.274.626-.398.97-.398m18.475 5.333c.353 0 .691.123.971.394L120 80.172v.495A3.304 3.304 0 0 1 116.667 84h-24.16l14.756-14.273c.277-.268.618-.394.969-.394"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("defs", {
-                children: /*#__PURE__*/ jsx("clipPath", {
-                    id: "blobby-gray-icon-image_svg__a",
-                    children: /*#__PURE__*/ jsx("path", {
-                        fill: "#fff",
-                        d: "M0 0h200v128H0z"
-                    })
-                })
-            })
-        ]
-    });
-const BlobbyGrayIconImage = SvgBlobbyGrayIconImage;
-export default BlobbyGrayIconImage;
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const SvgBlobbyGrayIconImage = ({
+  title,
+  titleId,
+  ...props
+}) => /*#__PURE__*/jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 200 128",
+  "aria-labelledby": titleId,
+  ...props,
+  children: [title ? /*#__PURE__*/jsx("title", {
+    id: titleId,
+    children: title
+  }) : null, /*#__PURE__*/jsxs("g", {
+    clipPath: "url(#blobby-gray-icon-image_svg__a)",
+    children: [/*#__PURE__*/jsx("path", {
+      fill: "#F1F0EC",
+      fillRule: "evenodd",
+      d: "M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.732 99.19 34.311 80.943 40.954 53.757c7.619-31.19 41-50.037 73.009-47.535",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/jsx("path", {
+      fill: "#7F775B",
+      d: "M83.333 40C79.307 40 76 43.307 76 47.333v33.334C76 84.693 79.307 88 83.333 88h33.334c4.026 0 7.333-3.307 7.333-7.333V47.333c0-4.026-3.307-7.333-7.333-7.333zm0 4h33.334A3.304 3.304 0 0 1 120 47.333v27.274l-8.016-7.755-.002-.003a5.4 5.4 0 0 0-3.75-1.516 5.4 5.4 0 0 0-3.75 1.519l-2.732 2.643-8.24-7.972A5.4 5.4 0 0 0 89.758 60a5.4 5.4 0 0 0-3.75 1.52l-.003.003L80 67.333v-20A3.304 3.304 0 0 1 83.333 44m25.334 5.333c-1.834 0-3.462.76-4.495 1.922-1.033 1.163-1.505 2.634-1.505 4.078s.472 2.916 1.505 4.078 2.661 1.922 4.495 1.922c1.833 0 3.461-.76 4.494-1.922 1.034-1.162 1.506-2.633 1.506-4.078 0-1.444-.472-2.915-1.506-4.078-1.033-1.162-2.661-1.922-4.494-1.922m0 4c.833 0 1.205.24 1.505.578s.495.867.495 1.422c0 .556-.195 1.085-.495 1.422-.3.338-.672.578-1.505.578-.834 0-1.205-.24-1.506-.578s-.494-.866-.494-1.422.194-1.084.494-1.422c.301-.337.672-.578 1.506-.578M89.757 64a1.37 1.37 0 0 1 .972.398l8.143 7.878L86.752 84h-3.419A3.304 3.304 0 0 1 80 80.667v-7.769l8.787-8.5c.283-.274.626-.398.97-.398m18.475 5.333c.353 0 .691.123.971.394L120 80.172v.495A3.304 3.304 0 0 1 116.667 84h-24.16l14.756-14.273c.277-.268.618-.394.969-.394"
+    })]
+  }), /*#__PURE__*/jsx("defs", {
+    children: /*#__PURE__*/jsx("clipPath", {
+      id: "blobby-gray-icon-image_svg__a",
+      children: /*#__PURE__*/jsx("path", {
+        fill: "#fff",
+        d: "M0 0h200v128H0z"
+      })
+    })
+  })]
+});
+
+export { SvgBlobbyGrayIconImage as default };

package/components/svg/BlobbyGrayIconImport.js

@@ -1,41 +1,39 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-const SvgBlobbyGrayIconImport = ({ title, titleId, ...props })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 200 128",
-        "aria-labelledby": titleId,
-        ...props,
-        children: [
-            title ? /*#__PURE__*/ jsx("title", {
-                id: titleId,
-                children: title
-            }) : null,
-            /*#__PURE__*/ jsxs("g", {
-                clipPath: "url(#blobby-gray-icon-import_svg__a)",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        fill: "#F1F0EC",
-                        fillRule: "evenodd",
-                        d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734",
-                        clipRule: "evenodd"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        fill: "#7F775B",
-                        d: "M84.667 37.333c-3.29 0-6 2.71-6 6v41.334c0 3.29 2.71 6 6 6h30.666c3.29 0 6-2.71 6-6v-28c0-.53-.21-1.04-.586-1.414l-.02-.021-17.313-17.313a2 2 0 0 0-1.414-.586zm0 4H100v11.334c0 3.29 2.71 6 6 6h11.333v26c0 1.128-.871 2-2 2H84.667c-1.129 0-2-.872-2-2V43.333c0-1.128.871-2 2-2M104 44.161l10.505 10.506H106c-1.129 0-2-.872-2-2zM99.971 60a2 2 0 0 0-1.385.586l-5.333 5.333a2 2 0 1 0 2.828 2.828L98 66.828V74A2 2 0 1 0 102 74v-7.172l1.919 1.92a2.002 2.002 0 0 0 3.295-.63 1.99 1.99 0 0 0-.016-1.55 2 2 0 0 0-.451-.649l-5.333-5.333A2 2 0 0 0 99.971 60m-8.638 18.667a2.002 2.002 0 0 0-1.873 2.772 2 2 0 0 0 1.873 1.228h17.334a2 2 0 1 0 0-4z"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("defs", {
-                children: /*#__PURE__*/ jsx("clipPath", {
-                    id: "blobby-gray-icon-import_svg__a",
-                    children: /*#__PURE__*/ jsx("path", {
-                        fill: "#fff",
-                        d: "M0 0h200v128H0z"
-                    })
-                })
-            })
-        ]
-    });
-const BlobbyGrayIconImport = SvgBlobbyGrayIconImport;
-export default BlobbyGrayIconImport;
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const SvgBlobbyGrayIconImport = ({
+  title,
+  titleId,
+  ...props
+}) => /*#__PURE__*/jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 200 128",
+  "aria-labelledby": titleId,
+  ...props,
+  children: [title ? /*#__PURE__*/jsx("title", {
+    id: titleId,
+    children: title
+  }) : null, /*#__PURE__*/jsxs("g", {
+    clipPath: "url(#blobby-gray-icon-import_svg__a)",
+    children: [/*#__PURE__*/jsx("path", {
+      fill: "#F1F0EC",
+      fillRule: "evenodd",
+      d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/jsx("path", {
+      fill: "#7F775B",
+      d: "M84.667 37.333c-3.29 0-6 2.71-6 6v41.334c0 3.29 2.71 6 6 6h30.666c3.29 0 6-2.71 6-6v-28c0-.53-.21-1.04-.586-1.414l-.02-.021-17.313-17.313a2 2 0 0 0-1.414-.586zm0 4H100v11.334c0 3.29 2.71 6 6 6h11.333v26c0 1.128-.871 2-2 2H84.667c-1.129 0-2-.872-2-2V43.333c0-1.128.871-2 2-2M104 44.161l10.505 10.506H106c-1.129 0-2-.872-2-2zM99.971 60a2 2 0 0 0-1.385.586l-5.333 5.333a2 2 0 1 0 2.828 2.828L98 66.828V74A2 2 0 1 0 102 74v-7.172l1.919 1.92a2.002 2.002 0 0 0 3.295-.63 1.99 1.99 0 0 0-.016-1.55 2 2 0 0 0-.451-.649l-5.333-5.333A2 2 0 0 0 99.971 60m-8.638 18.667a2.002 2.002 0 0 0-1.873 2.772 2 2 0 0 0 1.873 1.228h17.334a2 2 0 1 0 0-4z"
+    })]
+  }), /*#__PURE__*/jsx("defs", {
+    children: /*#__PURE__*/jsx("clipPath", {
+      id: "blobby-gray-icon-import_svg__a",
+      children: /*#__PURE__*/jsx("path", {
+        fill: "#fff",
+        d: "M0 0h200v128H0z"
+      })
+    })
+  })]
+});
+
+export { SvgBlobbyGrayIconImport as default };

package/components/svg/BlobbyGrayIconUploadToTheCloud.js

@@ -1,41 +1,39 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-const SvgBlobbyGrayIconUploadToTheCloud = ({ title, titleId, ...props })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 200 128",
-        "aria-labelledby": titleId,
-        ...props,
-        children: [
-            title ? /*#__PURE__*/ jsx("title", {
-                id: titleId,
-                children: title
-            }) : null,
-            /*#__PURE__*/ jsxs("g", {
-                clipPath: "url(#blobby-gray-icon-upload-to-the-cloud_svg__a)",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        fill: "#F1F0EC",
-                        fillRule: "evenodd",
-                        d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734",
-                        clipRule: "evenodd"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        fill: "#7F775B",
-                        d: "M100 45.333c-8.373 0-15.264 6.467-15.943 14.667h-.724C77.084 60 72 65.084 72 71.333s5.084 11.334 11.333 11.334h12v-4h-12c-4.044 0-7.333-3.29-7.333-7.334S79.29 64 83.333 64H86a2 2 0 0 0 2-2v-.667c0-6.616 5.384-12 12-12s12 5.384 12 12V62a2 2 0 0 0 2 2h2.667c4.044 0 7.333 3.29 7.333 7.333s-3.289 7.334-7.333 7.334h-12v4h12c6.249 0 11.333-5.084 11.333-11.334C128 65.084 122.916 60 116.667 60h-.724c-.679-8.2-7.57-14.667-15.943-14.667m-.031 18.638a2 2 0 0 0-1.565.797l-5.818 5.818a2 2 0 1 0 2.828 2.828L98 70.828V86a2.002 2.002 0 0 0 2.772 1.874A2 2 0 0 0 102 86V70.828l2.586 2.586a1.998 1.998 0 0 0 3.295-.63 2.005 2.005 0 0 0-.467-2.198l-5.828-5.828a2 2 0 0 0-1.617-.787"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("defs", {
-                children: /*#__PURE__*/ jsx("clipPath", {
-                    id: "blobby-gray-icon-upload-to-the-cloud_svg__a",
-                    children: /*#__PURE__*/ jsx("path", {
-                        fill: "#fff",
-                        d: "M0 0h200v128H0z"
-                    })
-                })
-            })
-        ]
-    });
-const BlobbyGrayIconUploadToTheCloud = SvgBlobbyGrayIconUploadToTheCloud;
-export default BlobbyGrayIconUploadToTheCloud;
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const SvgBlobbyGrayIconUploadToTheCloud = ({
+  title,
+  titleId,
+  ...props
+}) => /*#__PURE__*/jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 200 128",
+  "aria-labelledby": titleId,
+  ...props,
+  children: [title ? /*#__PURE__*/jsx("title", {
+    id: titleId,
+    children: title
+  }) : null, /*#__PURE__*/jsxs("g", {
+    clipPath: "url(#blobby-gray-icon-upload-to-the-cloud_svg__a)",
+    children: [/*#__PURE__*/jsx("path", {
+      fill: "#F1F0EC",
+      fillRule: "evenodd",
+      d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/jsx("path", {
+      fill: "#7F775B",
+      d: "M100 45.333c-8.373 0-15.264 6.467-15.943 14.667h-.724C77.084 60 72 65.084 72 71.333s5.084 11.334 11.333 11.334h12v-4h-12c-4.044 0-7.333-3.29-7.333-7.334S79.29 64 83.333 64H86a2 2 0 0 0 2-2v-.667c0-6.616 5.384-12 12-12s12 5.384 12 12V62a2 2 0 0 0 2 2h2.667c4.044 0 7.333 3.29 7.333 7.333s-3.289 7.334-7.333 7.334h-12v4h12c6.249 0 11.333-5.084 11.333-11.334C128 65.084 122.916 60 116.667 60h-.724c-.679-8.2-7.57-14.667-15.943-14.667m-.031 18.638a2 2 0 0 0-1.565.797l-5.818 5.818a2 2 0 1 0 2.828 2.828L98 70.828V86a2.002 2.002 0 0 0 2.772 1.874A2 2 0 0 0 102 86V70.828l2.586 2.586a1.998 1.998 0 0 0 3.295-.63 2.005 2.005 0 0 0-.467-2.198l-5.828-5.828a2 2 0 0 0-1.617-.787"
+    })]
+  }), /*#__PURE__*/jsx("defs", {
+    children: /*#__PURE__*/jsx("clipPath", {
+      id: "blobby-gray-icon-upload-to-the-cloud_svg__a",
+      children: /*#__PURE__*/jsx("path", {
+        fill: "#fff",
+        d: "M0 0h200v128H0z"
+      })
+    })
+  })]
+});
+
+export { SvgBlobbyGrayIconUploadToTheCloud as default };