@terraware/web-components 5.0.27 → 5.1.0

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

@@ -1,54 +1,23 @@
-/**
- * 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
 };
-
-/**
- * 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 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,43 +1,27 @@
-/** 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 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
     };
-  }
-  const dx = x - centerX;
-  const dz = z - centerZ;
-  const dist = Math.sqrt(dx * dx + dz * dz);
-  if (dist <= radius) {
+    const scale = radius / dist;
     return {
-      x,
-      z,
-      distance: 0
+        x: centerX + dx * scale,
+        z: centerZ + dz * scale,
+        distance: dist - radius
     };
-  }
-  const scale = radius / dist;
-  return {
-    x: centerX + dx * scale,
-    z: centerZ + dz * scale,
-    distance: dist - 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;
+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,80 +1,34 @@
-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.
- */
+import { clampToCircle } from "./xr-scene-bounds.js";
 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;
-
-/** 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 normalizeAngle = (degrees)=>{
+    const wrapped = ((degrees + 180) % 360 + 360) % 360 - 180;
+    return -180 === wrapped ? 180 : wrapped;
 };
-
-/**
- * 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 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
+    };
 };
-
-/**
- * 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
-  };
+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
+    };
 };
-
 export { xrStartRigPose, yawFromBasis, yawFromDirection };

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

@@ -1,47 +1,21 @@
-/** 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();
-
-  /** 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;
+    _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);
     }
-    if (frame.teleportDisabled) {
-      this._teleportDisabled.add(inputSource);
+    consumeBlocked(inputSource) {
+        const blocked = this._teleportDisabled.has(inputSource) || this._uiBlocked.has(inputSource);
+        this._teleportDisabled.delete(inputSource);
+        this._uiBlocked.delete(inputSource);
+        return blocked;
     }
-    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,39 +1,41 @@
-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 };
+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;

package/components/svg/BlobbyGrayIconImport.js

@@ -1,39 +1,41 @@
-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 };
+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;

package/components/svg/BlobbyGrayIconUploadToTheCloud.js

@@ -1,39 +1,41 @@
-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 };
+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;