@terraware/web-components 4.3.2 → 4.3.3-rc.2

package/components/VirtualWalkthrough/AnnotationEditPane.d.ts

@@ -1,33 +1,13 @@
 import { AnnotationProps } from './Annotation';
-export interface AnnotationEditPaneStrings {
-    editAnnotation: string;
-    title: string;
-    titleTooltip: string;
-    description: string;
-    descriptionTooltip: string;
-    label: string;
-    labelTooltip: string;
-    images?: {
-        uploadTitle?: string;
-        uploadText?: string;
-        uploadDescription?: string;
-        chooseFileText?: string;
-        replaceFileText?: string;
-        photoSelectedText?: string;
-        existingImagesLabel?: string;
-        newImagesLabel?: string;
-    };
-}
 interface AnnotationEditPaneProps {
     visible: boolean;
     annotation: AnnotationProps | null;
-    strings: AnnotationEditPaneStrings;
     onUpdate: (updates: Partial<AnnotationProps>) => void;
     onTextFieldFocus?: (isFocused: boolean) => void;
     maxImages?: number;
     /** Fires with the current selection on every add/remove, including an initial empty emission on mount. */
     onImagesChange?: (files: File[]) => void;
 }
-declare const AnnotationEditPane: ({ visible, annotation, strings, onUpdate, onTextFieldFocus, maxImages, onImagesChange, }: AnnotationEditPaneProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const AnnotationEditPane: ({ visible, annotation, onUpdate, onTextFieldFocus, maxImages, onImagesChange, }: AnnotationEditPaneProps) => import("react/jsx-runtime").JSX.Element | null;
 export default AnnotationEditPane;
 //# sourceMappingURL=AnnotationEditPane.d.ts.map

package/components/VirtualWalkthrough/AnnotationEditPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationEditPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/AnnotationEditPane.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,OAAO,EAAE,yBAAyB,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,kBAAkB,GAAI,0FAQzB,uBAAuB,mDA4LzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"AnnotationEditPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/AnnotationEditPane.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,kBAAkB,GAAI,iFAOzB,uBAAuB,mDA2LzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/components/VirtualWalkthrough/AnnotationEditPane.js

@@ -1,5 +1,6 @@
 import { useMemo, useCallback } from 'react';
 import { useTheme, Box, Fade, Typography, Tooltip, ThemeProvider } from '@mui/material';
+import { useStrings } from '../../strings/index.js';
 import PhotoChooser from '../PhotoChooser/index.js';
 import TextField from '../Textfield/Textfield.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -7,13 +8,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 const AnnotationEditPane = ({
   visible,
   annotation,
-  strings,
   onUpdate,
   onTextFieldFocus,
   maxImages,
   onImagesChange
 }) => {
   const theme = useTheme();
+  const strings = useStrings();
   const showImageUpload = !!onImagesChange && !!maxImages && maxImages > 0;
   const remainingImageSlots = Math.max(0, (maxImages ?? 0) - (annotation?.imageUrls?.length ?? 0));
 
@@ -106,14 +107,14 @@ const AnnotationEditPane = ({
             sx: {
               fontWeight: 600
             },
-            children: strings.editAnnotation
+            children: strings.EDIT_ANNOTATION
           }), /*#__PURE__*/jsx(Tooltip, {
-            title: strings.titleTooltip,
+            title: strings.ANNOTATION_TITLE_TOOLTIP,
             placement: "top",
             disableFocusListener: true,
             children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-title",
-              label: strings.title,
+              label: strings.TITLE,
               type: "text",
               value: annotation.title,
               onChange: handleTitleChange,
@@ -123,12 +124,12 @@ const AnnotationEditPane = ({
               required: true
             })
           }), /*#__PURE__*/jsx(Tooltip, {
-            title: strings.descriptionTooltip,
+            title: strings.ANNOTATION_DESCRIPTION_TOOLTIP,
             placement: "top",
             disableFocusListener: true,
             children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-body",
-              label: strings.description,
+              label: strings.DESCRIPTION,
               type: "text",
               value: annotation.bodyText ?? '',
               onChange: handleBodyTextChange,
@@ -137,12 +138,12 @@ const AnnotationEditPane = ({
               sx: textFieldSx
             })
           }), /*#__PURE__*/jsx(Tooltip, {
-            title: strings.labelTooltip,
+            title: strings.ANNOTATION_LABEL_TOOLTIP,
             placement: "top",
             disableFocusListener: true,
             children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-label",
-              label: strings.label,
+              label: strings.LABEL,
               type: "text",
               value: annotation.label ?? '',
               onChange: handleLabelChange,
@@ -151,7 +152,7 @@ const AnnotationEditPane = ({
               sx: textFieldSx
             })
           }), showImageUpload && /*#__PURE__*/jsxs(Box, {
-            children: [strings.images?.uploadTitle && /*#__PURE__*/jsx(Typography, {
+            children: [/*#__PURE__*/jsx(Typography, {
               sx: {
                 fontFamily: 'Inter',
                 fontSize: '14px',
@@ -160,22 +161,22 @@ const AnnotationEditPane = ({
                 color: theme.palette.grey[400],
                 marginBottom: 0.5
               },
-              children: strings.images.uploadTitle
+              children: strings.IMAGES
             }), /*#__PURE__*/jsx(ThemeProvider, {
               theme: photoChooserTheme,
               children: /*#__PURE__*/jsx(PhotoChooser, {
-                uploadText: strings.images?.uploadText,
-                uploadDescription: strings.images?.uploadDescription,
-                chooseFileText: strings.images?.chooseFileText,
-                replaceFileText: strings.images?.replaceFileText,
-                photoSelectedText: strings.images?.photoSelectedText,
+                uploadText: strings.UPLOAD_FILES,
+                uploadDescription: strings.UPLOAD_FILES_DESCRIPTION,
+                chooseFileText: strings.CHOOSE_FILE,
+                replaceFileText: strings.REPLACE_FILE,
+                photoSelectedText: strings.FILE_SELECTED,
                 multipleSelection: (maxImages ?? 0) > 1,
                 maxPhotos: remainingImageSlots,
                 onPhotosChanged: files => onImagesChange?.(files),
                 existingPhotos: annotation.imageUrls,
                 onExistingPhotoRemoved: handleRemoveExistingImage,
-                existingImagesLabel: strings.images?.existingImagesLabel,
-                newImagesLabel: strings.images?.newImagesLabel
+                existingImagesLabel: strings.EXISTING,
+                newImagesLabel: strings.NEW
               })
             })]
           })]

package/components/VirtualWalkthrough/CameraInfo.d.ts

@@ -1,16 +1,10 @@
-export interface CameraInfoStrings {
-    cameraInfo: string;
-    cameraPosition: string;
-    cameraFocusPoint: string;
-}
 export interface CameraState {
     position: [number, number, number];
     focus: [number, number, number];
 }
 interface CameraInfoProps {
-    strings: CameraInfoStrings;
     getCameraState: () => CameraState | null;
 }
-declare const CameraInfo: ({ strings, getCameraState }: CameraInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const CameraInfo: ({ getCameraState }: CameraInfoProps) => import("react/jsx-runtime").JSX.Element | null;
 export default CameraInfo;
 //# sourceMappingURL=CameraInfo.d.ts.map

package/components/VirtualWalkthrough/CameraInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraInfo.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/CameraInfo.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAyBD,UAAU,eAAe;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,UAAU,GAAI,6BAA6B,eAAe,mDA8C/D,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CameraInfo.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/CameraInfo.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAyBD,UAAU,eAAe;IACvB,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,UAAU,GAAI,oBAAoB,eAAe,mDA+CtD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/components/VirtualWalkthrough/CameraInfo.js

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { useTheme, Box, Typography } from '@mui/material';
+import { useStrings } from '../../strings/index.js';
 import { getRgbaFromHex } from '../../utils/color.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -29,10 +30,10 @@ const CoordinateDisplay = ({
   }, COORDINATE_LABELS[index]))]
 });
 const CameraInfo = ({
-  strings,
   getCameraState
 }) => {
   const theme = useTheme();
+  const strings = useStrings();
   const [cameraState, setCameraState] = useState(null);
   useEffect(() => {
     const updateCameraState = () => {
@@ -67,7 +68,7 @@ const CameraInfo = ({
         fontWeight: 'bold',
         marginBottom: 1
       },
-      children: strings.cameraInfo
+      children: strings.CAMERA_INFO
     }), /*#__PURE__*/jsxs(Box, {
       sx: {
         display: 'flex',
@@ -75,11 +76,11 @@ const CameraInfo = ({
         gap: 1
       },
       children: [/*#__PURE__*/jsx(CoordinateDisplay, {
-        label: strings.cameraPosition,
+        label: strings.CAMERA_POSITION,
         coordinates: cameraState.position,
         textColor: textColor
       }), /*#__PURE__*/jsx(CoordinateDisplay, {
-        label: strings.cameraFocusPoint,
+        label: strings.CAMERA_FOCUS_POINT,
         coordinates: cameraState.focus,
         textColor: textColor
       })]

package/components/VirtualWalkthrough/ControlsInfoPane.d.ts

@@ -1,37 +1,13 @@
 import React from 'react';
-export interface ControlsInfoPaneStrings {
-    controls: string;
-    annotations: string;
-    autoRotate: string;
-    orbit: string;
-    leftMouse: string;
-    touchDrag: string;
-    pan: string;
-    middleMouse: string;
-    swipe: string;
-    look: string;
-    rightMouse: string;
-    zoom: string;
-    mouseWheel: string;
-    pinch: string;
-    fly: string;
-    arrowKeys: string;
-    flyFaster: string;
-    shift: string;
-    flySlower: string;
-    ctrl: string;
-    resetCamera: string;
-}
 interface ControlsInfoPaneProps {
     visible: boolean;
     paneRef: React.RefObject<HTMLDivElement | null>;
-    strings: ControlsInfoPaneStrings;
     showAnnotations?: boolean;
     onToggleAnnotations?: (show: boolean) => void;
     autoRotate?: boolean;
     onToggleAutoRotate?: (enabled: boolean) => void;
     isFullScreen?: boolean;
 }
-declare const ControlsInfoPane: ({ visible, paneRef, strings, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, isFullScreen, }: ControlsInfoPaneProps) => import("react/jsx-runtime").JSX.Element;
+declare const ControlsInfoPane: ({ visible, paneRef, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, isFullScreen, }: ControlsInfoPaneProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlsInfoPane;
 //# sourceMappingURL=ControlsInfoPane.d.ts.map

package/components/VirtualWalkthrough/ControlsInfoPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlsInfoPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/ControlsInfoPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,OAAO,EAAE,uBAAuB,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,GAAI,oHASvB,qBAAqB,4CA8JvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ControlsInfoPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/ControlsInfoPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,GAAI,2GAQvB,qBAAqB,4CA+JvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/VirtualWalkthrough/ControlsInfoPane.js

@@ -1,11 +1,11 @@
 import { useCallback } from 'react';
 import { useTheme, Box, Fade, Typography, Checkbox, Divider } from '@mui/material';
+import { useStrings } from '../../strings/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const ControlsInfoPane = ({
   visible,
   paneRef,
-  strings,
   showAnnotations,
   onToggleAnnotations,
   autoRotate,
@@ -13,6 +13,7 @@ const ControlsInfoPane = ({
   isFullScreen = false
 }) => {
   const theme = useTheme();
+  const strings = useStrings();
   const handleAnnotationsChange = useCallback(e => {
     onToggleAnnotations?.(e.target.checked);
   }, [onToggleAnnotations]);
@@ -69,11 +70,11 @@ const ControlsInfoPane = ({
             sx: {
               fontWeight: 600
             },
-            children: strings.controls
+            children: strings.CONTROLS
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.annotations
+              children: strings.ANNOTATIONS
             }), /*#__PURE__*/jsx(Checkbox, {
               checked: showAnnotations ?? true,
               onChange: handleAnnotationsChange,
@@ -86,7 +87,7 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.autoRotate
+              children: strings.AUTO_ROTATE
             }), /*#__PURE__*/jsx(Checkbox, {
               checked: autoRotate ?? true,
               onChange: handleAutoRotateChange,
@@ -99,13 +100,13 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.orbit
+              children: strings.ORBIT
             }), /*#__PURE__*/jsxs(Box, {
               sx: rightAlignedTextSx,
               children: [/*#__PURE__*/jsx(Typography, {
-                children: strings.leftMouse
+                children: strings.LEFT_MOUSE
               }), /*#__PURE__*/jsx(Typography, {
-                children: strings.touchDrag
+                children: strings.TOUCH_DRAG
               })]
             })]
           }), /*#__PURE__*/jsx(Divider, {
@@ -113,13 +114,13 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.pan
+              children: strings.PAN
             }), /*#__PURE__*/jsxs(Box, {
               sx: rightAlignedTextSx,
               children: [/*#__PURE__*/jsx(Typography, {
-                children: strings.middleMouse
+                children: strings.MIDDLE_MOUSE
               }), /*#__PURE__*/jsx(Typography, {
-                children: strings.swipe
+                children: strings.SWIPE
               })]
             })]
           }), /*#__PURE__*/jsx(Divider, {
@@ -127,22 +128,22 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.look
+              children: strings.LOOK
             }), /*#__PURE__*/jsx(Typography, {
-              children: strings.rightMouse
+              children: strings.RIGHT_MOUSE
             })]
           }), /*#__PURE__*/jsx(Divider, {
             sx: dividerSx
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.zoom
+              children: strings.ZOOM
             }), /*#__PURE__*/jsxs(Box, {
               sx: rightAlignedTextSx,
               children: [/*#__PURE__*/jsx(Typography, {
-                children: strings.mouseWheel
+                children: strings.MOUSE_WHEEL
               }), /*#__PURE__*/jsx(Typography, {
-                children: strings.pinch
+                children: strings.PINCH
               })]
             })]
           }), /*#__PURE__*/jsx(Divider, {
@@ -150,13 +151,13 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.fly
+              children: strings.FLY
             }), /*#__PURE__*/jsxs(Box, {
               sx: rightAlignedTextSx,
               children: [/*#__PURE__*/jsx(Typography, {
                 children: "WASD"
               }), /*#__PURE__*/jsx(Typography, {
-                children: strings.arrowKeys
+                children: strings.ARROW_KEYS
               })]
             })]
           }), /*#__PURE__*/jsx(Divider, {
@@ -164,25 +165,25 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.flyFaster
+              children: strings.FLY_FASTER
             }), /*#__PURE__*/jsx(Typography, {
-              children: strings.shift
+              children: strings.SHIFT
             })]
           }), /*#__PURE__*/jsx(Divider, {
             sx: dividerSx
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.flySlower
+              children: strings.FLY_SLOWER
             }), /*#__PURE__*/jsx(Typography, {
-              children: strings.ctrl
+              children: strings.CTRL
             })]
           }), /*#__PURE__*/jsx(Divider, {
             sx: dividerSx
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.resetCamera
+              children: strings.RESET_CAMERA
             }), /*#__PURE__*/jsx(Typography, {
               children: "R"
             })]

package/components/VirtualWalkthrough/SplatControls.d.ts

@@ -1,24 +1,5 @@
 import { AnnotationProps } from './Annotation';
-import { AnnotationEditPaneStrings } from './AnnotationEditPane';
-import { CameraInfoStrings } from './CameraInfo';
-import { ControlsInfoPaneStrings } from './ControlsInfoPane';
-export interface SplatControlsStrings {
-    addAnnotation: string;
-    deselectAnnotation: string;
-    deleteAnnotation: string;
-    ar: string;
-    vr: string;
-    edit: string;
-    freeFly: string;
-    boundedFly: string;
-    cancel: string;
-    save: string;
-    controlsInfoPane: ControlsInfoPaneStrings;
-    cameraInfo: CameraInfoStrings;
-    annotationEditPane: AnnotationEditPaneStrings;
-}
 export interface SplatControlsProps {
-    strings: SplatControlsStrings;
     defaultCameraPosition?: [number, number, number];
     defaultCameraFocus?: [number, number, number];
     showAnnotations?: boolean;
@@ -48,6 +29,6 @@ export interface SplatControlsProps {
     showFreeFly?: boolean;
     onError?: (error: Error) => void;
 }
-declare const SplatControls: ({ strings, defaultCameraPosition, defaultCameraFocus, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, editable, isEdit, onToggleEdit, onSave, onCancel, onAddAnnotation, onDeleteAnnotation, onDeselectAnnotation, hasSelectedAnnotation, selectedAnnotation, selectedAnnotationIndex, onAnnotationUpdate, onTextFieldFocus, maxImagesPerAnnotation, onImagesChange, canSave, isFullScreen, onToggleFullScreen, isFreeFly, onToggleFreeFly, showFreeFly, onError, }: SplatControlsProps) => import("react/jsx-runtime").JSX.Element;
+declare const SplatControls: ({ defaultCameraPosition, defaultCameraFocus, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, editable, isEdit, onToggleEdit, onSave, onCancel, onAddAnnotation, onDeleteAnnotation, onDeselectAnnotation, hasSelectedAnnotation, selectedAnnotation, selectedAnnotationIndex, onAnnotationUpdate, onTextFieldFocus, maxImagesPerAnnotation, onImagesChange, canSave, isFullScreen, onToggleFullScreen, isFreeFly, onToggleFreeFly, showFreeFly, onError, }: SplatControlsProps) => import("react/jsx-runtime").JSX.Element;
 export default SplatControls;
 //# sourceMappingURL=SplatControls.d.ts.map

package/components/VirtualWalkthrough/SplatControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplatControls.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/SplatControls.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAA2B,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAyB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE/E,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,UAAU,EAAE,iBAAiB,CAAC;IAC9B,kBAAkB,EAAE,yBAAyB,CAAC;CAC/C;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC5C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,aAAa,GAAI,2dA8BpB,kBAAkB,4CAwKpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SplatControls.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/SplatControls.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,WAAW,kBAAkB;IACjC,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC5C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,aAAa,GAAI,kdA6BpB,kBAAkB,4CAuKpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/components/VirtualWalkthrough/SplatControls.js

@@ -4,6 +4,7 @@ import { useTheme, Box, IconButton } from '@mui/material';
 import useBoolean from '../../hooks/useBoolean.js';
 import { useCameraPosition } from '../../hooks/useCameraPosition.js';
 import useXr from '../../hooks/useXr.js';
+import { useStrings } from '../../strings/index.js';
 import { getRgbaFromHex } from '../../utils/color.js';
 import useDeviceInfo from '../../utils/useDeviceInfo.js';
 import Button from '../Button/Button.js';
@@ -14,7 +15,6 @@ import ControlsInfoPane from './ControlsInfoPane.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const SplatControls = ({
-  strings,
   defaultCameraPosition,
   defaultCameraFocus,
   showAnnotations,
@@ -45,6 +45,7 @@ const SplatControls = ({
   onError
 }) => {
   const theme = useTheme();
+  const strings = useStrings();
   const {
     isDesktop
   } = useDeviceInfo();
@@ -120,13 +121,13 @@ const SplatControls = ({
         pointerEvents: 'auto'
       },
       children: [!hasSelectedAnnotation && onAddAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.addAnnotation,
+        label: strings.ADD_ANNOTATION,
         onClick: onAddAnnotation
       }), hasSelectedAnnotation && onDeselectAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.deselectAnnotation,
+        label: strings.DESELECT_ANNOTATION,
         onClick: onDeselectAnnotation
       }), hasSelectedAnnotation && onDeleteAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.deleteAnnotation,
+        label: strings.DELETE_ANNOTATION,
         onClick: onDeleteAnnotation
       })]
     }), /*#__PURE__*/jsxs(Box, {
@@ -140,22 +141,22 @@ const SplatControls = ({
         pointerEvents: 'auto'
       },
       children: [isXrAvailable('AR') && !isEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.ar,
+        label: strings.AR,
         onClick: () => startXr('AR')
       }), isXrAvailable('VR') && !isEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.vr,
+        label: strings.VR,
         onClick: () => startXr('VR')
       }), isDesktop && editable && !isEdit && onToggleEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.edit,
+        label: strings.EDIT,
         onClick: handleEdit
       }), isDesktop && showFreeFly && !isEdit && onToggleFreeFly && /*#__PURE__*/jsx(Button, {
-        label: isFreeFly ? strings.boundedFly : strings.freeFly,
+        label: isFreeFly ? strings.BOUNDED_FLY : strings.FREE_FLY,
         onClick: onToggleFreeFly
       }), isEdit && onCancel && /*#__PURE__*/jsx(Button, {
-        label: strings.cancel,
+        label: strings.CANCEL,
         onClick: onCancel
       }), isEdit && onSave && /*#__PURE__*/jsx(Button, {
-        label: strings.save,
+        label: strings.SAVE,
         onClick: onSave,
         disabled: !canSave
       })]
@@ -202,7 +203,6 @@ const SplatControls = ({
     }), /*#__PURE__*/jsx(ControlsInfoPane, {
       visible: isInfoVisible,
       paneRef: paneRef,
-      strings: strings.controlsInfoPane,
       showAnnotations: showAnnotations,
       onToggleAnnotations: onToggleAnnotations,
       autoRotate: autoRotate,
@@ -211,13 +211,11 @@ const SplatControls = ({
     }), /*#__PURE__*/jsx(AnnotationEditPane, {
       visible: isEdit === true && hasSelectedAnnotation === true,
       annotation: selectedAnnotation ?? null,
-      strings: strings.annotationEditPane,
       onUpdate: onAnnotationUpdate,
       onTextFieldFocus: onTextFieldFocus,
       maxImages: maxImagesPerAnnotation,
       onImagesChange: onImagesChange
     }, selectedAnnotationIndex), isEdit && /*#__PURE__*/jsx(CameraInfo, {
-      strings: strings.cameraInfo,
       getCameraState: getCameraState
     })]
   });

package/components/VirtualWalkthrough/VirtualWalkthroughViewer.d.ts

@@ -1,5 +1,4 @@
 import { AnnotationProps } from './Annotation';
-import { SplatControlsStrings } from './SplatControls';
 import { SplatFormat } from './splatFormat';
 export interface VirtualWalkthroughViewerProps {
     splatSrc: string;
@@ -19,13 +18,12 @@ export interface VirtualWalkthroughViewerProps {
     scaleFactor?: number;
     annotations: AnnotationProps[];
     onSaveAnnotations: (annotations: AnnotationProps[]) => void | Promise<void>;
-    strings: SplatControlsStrings;
     editable?: boolean;
     showFreeFly?: boolean;
     isFullScreen?: boolean;
     onToggleFullScreen?: () => void;
     maxImagesPerAnnotation?: number;
 }
-declare const VirtualWalkthroughViewer: ({ splatSrc, splatFormat, origin, cameraPosition, sceneBounds, groundPlane: groundPlaneProp, skyColor, groundColor, averageCameraHeight, scaleFactor, annotations, onSaveAnnotations, strings, editable, showFreeFly, isFullScreen, onToggleFullScreen, maxImagesPerAnnotation, }: VirtualWalkthroughViewerProps) => import("react/jsx-runtime").JSX.Element;
+declare const VirtualWalkthroughViewer: ({ splatSrc, splatFormat, origin, cameraPosition, sceneBounds, groundPlane: groundPlaneProp, skyColor, groundColor, averageCameraHeight, scaleFactor, annotations, onSaveAnnotations, editable, showFreeFly, isFullScreen, onToggleFullScreen, maxImagesPerAnnotation, }: VirtualWalkthroughViewerProps) => import("react/jsx-runtime").JSX.Element;
 export default VirtualWalkthroughViewer;
 //# sourceMappingURL=VirtualWalkthroughViewer.d.ts.map

package/components/VirtualWalkthrough/VirtualWalkthroughViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualWalkthroughViewer.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/VirtualWalkthroughViewer.tsx"],"names":[],"mappings":"AAYA,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAM3D,OAAsB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAStE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,iBAAiB,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,OAAO,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,QAAA,MAAM,wBAAwB,GAAI,kRAmB/B,6BAA6B,4CAuX/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"VirtualWalkthroughViewer.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/VirtualWalkthroughViewer.tsx"],"names":[],"mappings":"AAYA,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAe3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,iBAAiB,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,QAAA,MAAM,wBAAwB,GAAI,yQAkB/B,6BAA6B,4CAsX/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/components/VirtualWalkthrough/VirtualWalkthroughViewer.js

@@ -48,7 +48,6 @@ const VirtualWalkthroughViewer = ({
   scaleFactor = 1,
   annotations,
   onSaveAnnotations,
-  strings,
   editable = false,
   showFreeFly = false,
   isFullScreen = false,
@@ -342,8 +341,7 @@ const VirtualWalkthroughViewer = ({
       onToggleFullScreen: onToggleFullScreen,
       isFreeFly: isFreeFly,
       onToggleFreeFly: handleToggleFreeFly,
-      showFreeFly: showFreeFly,
-      strings: strings
+      showFreeFly: showFreeFly
     }), /*#__PURE__*/jsx(AnnotationPanel, {
       annotation: viewingAnnotation,
       hotspotPosition: viewedScreenPos,

package/index.d.ts

@@ -52,6 +52,8 @@ import Table from './components/table';
 import CellRenderer, { CellDateRenderer, TableRowType } from './components/table/TableCellRenderer';
 import { SortOrder, descendingComparator, getComparator, stableSort } from './components/table/sort';
 import { EnhancedTableDetailsRow, RendererProps, TableColumnType } from './components/table/types';
+import { getLocale, getStrings, setLocale, useStrings } from './strings';
+import { findLocaleDetails, getSupportedLocales, supportedLocales } from './strings/locales';
 import theme from './theme';
 export type { PillListItem } from './components/PillList';
 export type { IconName } from './components/Icon/icons/';
@@ -69,5 +71,7 @@ export type { Tab, TabsProps } from './components/Tabs';
 export type { ConfirmProps } from './components/Confirm';
 export type { DatePickerDateType, Props as DatePickerProps } from './components/DatePicker/DatePicker';
 export type { DateType } from './utils/date';
-export { AntSwitch, Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, EditableTable, ErrorBox, FileChooser, FormBottomBar, getComparator, icons, Icon, IconTooltip, MapComponent, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, OverlayModal, PageForm, Pill, PillList, PhotoChooser, PhotosCarousel, PlacementWrapper, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, TimelineSlider, theme, Tooltip, ViewPhotosDialog, };
+export type { ComponentStrings } from './strings';
+export type { LocaleDetails } from './strings/locales';
+export { AntSwitch, Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, EditableTable, ErrorBox, FileChooser, findLocaleDetails, FormBottomBar, getComparator, getLocale, getStrings, getSupportedLocales, icons, Icon, IconTooltip, MapComponent, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, OverlayModal, PageForm, Pill, PillList, PhotoChooser, PhotosCarousel, PlacementWrapper, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, setLocale, Slider, stableSort, SummaryBox, supportedLocales, Svg, Table, Tabs, Textfield, TextTruncated, TimelineSlider, theme, Tooltip, useStrings, ViewPhotosDialog, };
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}