@dxos/react-ui 0.3.11-main.c8e9429 → 0.3.11-main.cb5abf5

package/dist/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 // packages/ui/react-ui/src/index.ts
-import { useTranslation, Trans } from "react-i18next";
+import { Trans } from "react-i18next";
 export * from "@dxos/react-ui-types";
 export * from "@dxos/react-hooks";
 
@@ -23,14 +23,16 @@ var useElevationContext = (propsElevation) => {
 };
 
 // packages/ui/react-ui/src/hooks/useTranslationsContext.ts
-import { useContext as useContext3 } from "react";
+import { useContext as useContext4 } from "react";
 
 // packages/ui/react-ui/src/components/ThemeProvider/TranslationsProvider.tsx
+import { enUS as dtLocaleEnUs } from "date-fns/locale";
 import i18Next from "i18next";
-import React, { useEffect, createContext, useState, Suspense } from "react";
-import { initReactI18next } from "react-i18next";
+import React, { useEffect, createContext, useState, Suspense, useContext as useContext3 } from "react";
+import { initReactI18next, useTranslation as useI18NextTranslation } from "react-i18next";
 var initialLng = "en-US";
 var initialNs = "dxos-common";
+var initialDtLocale = dtLocaleEnUs;
 var resources = {
   [initialLng]: {
     [initialNs]: {
@@ -47,9 +49,18 @@ void i18Next.use(initReactI18next).init({
   }
 });
 var TranslationsContext = /* @__PURE__ */ createContext({
-  appNs: initialNs
+  appNs: initialNs,
+  dtLocale: initialDtLocale
 });
-var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs }) => {
+var useTranslation = (...args) => {
+  const result = useI18NextTranslation(...args);
+  const { dtLocale } = useContext3(TranslationsContext);
+  return {
+    ...result,
+    dtLocale
+  };
+};
+var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs, dtLocale }) => {
   const [loaded, setLoaded] = useState(false);
   useEffect(() => {
     setLoaded(false);
@@ -68,7 +79,8 @@ var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs }) =
   ]);
   return /* @__PURE__ */ React.createElement(TranslationsContext.Provider, {
     value: {
-      appNs: appNs ?? initialNs
+      appNs: appNs ?? initialNs,
+      dtLocale: dtLocale ?? initialDtLocale
     }
   }, /* @__PURE__ */ React.createElement(Suspense, {
     fallback
@@ -76,11 +88,11 @@ var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs }) =
 };
 
 // packages/ui/react-ui/src/hooks/useTranslationsContext.ts
-var useTranslationsContext = () => useContext3(TranslationsContext);
+var useTranslationsContext = () => useContext4(TranslationsContext);
 
 // packages/ui/react-ui/src/hooks/useThemeContext.ts
-import { useContext as useContext4 } from "react";
-var useThemeContext = () => useContext4(ThemeContext);
+import { useContext as useContext5 } from "react";
+var useThemeContext = () => useContext5(ThemeContext);
 
 // packages/ui/react-ui/src/hooks/useVisualViewport.ts
 import { useEffect as useEffect2, useState as useState2 } from "react";
@@ -1088,7 +1100,7 @@ var Input = {
   DescriptionAndValidation
 };
 
-// packages/ui/react-ui/src/components/Lists/List.tsx
+// packages/ui/react-ui/src/components/List/List.tsx
 import { CaretDown, CaretRight } from "@phosphor-icons/react";
 import { Slot as Slot8 } from "@radix-ui/react-slot";
 import React17, { forwardRef as forwardRef14 } from "react";
@@ -1105,7 +1117,7 @@ var DensityProvider = ({ density, children }) => /* @__PURE__ */ React16.createE
   }
 }, children);
 
-// packages/ui/react-ui/src/components/Lists/List.tsx
+// packages/ui/react-ui/src/components/List/List.tsx
 var List = /* @__PURE__ */ forwardRef14(({ classNames, children, ...props }, forwardedRef) => {
   const { tx } = useThemeContext();
   const density = useDensityContext(props.density);
@@ -1191,7 +1203,7 @@ var ListItem = {
   MockOpenTrigger: MockListItemOpenTrigger
 };
 
-// packages/ui/react-ui/src/components/Lists/Tree.tsx
+// packages/ui/react-ui/src/components/List/Tree.tsx
 import React18, { forwardRef as forwardRef15 } from "react";
 var TreeRoot = /* @__PURE__ */ forwardRef15((props, forwardedRef) => {
   return /* @__PURE__ */ React18.createElement(List, {