@dxos/react-ui 0.7.1 → 0.7.2-main.f1adc9f

package/dist/lib/browser/index.mjs

@@ -155,8 +155,10 @@ import { useId } from "@dxos/react-hooks";
 
 // packages/ui/react-ui/src/components/Icon/Icon.tsx
 import React3, { forwardRef as forwardRef2, memo } from "react";
+var ICONS_URL = "/icons.svg";
 var Icon = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef2(({ icon, classNames, size, ...props }, forwardedRef) => {
-  const { tx } = useThemeContext();
+  const { tx, noCache } = useThemeContext();
+  const url = noCache ? `${ICONS_URL}?nocache=${(/* @__PURE__ */ new Date()).getMinutes()}` : ICONS_URL;
   return /* @__PURE__ */ React3.createElement("svg", {
     ...props,
     className: tx("icon.root", "icon", {
@@ -164,7 +166,7 @@ var Icon = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef2(({ icon, classNames,
     }, classNames),
     ref: forwardedRef
   }, /* @__PURE__ */ React3.createElement("use", {
-    href: `/icons.svg#${icon}`
+    href: `${url}#${icon}`
   }));
 }));
 
@@ -620,7 +622,7 @@ var IconOnlyButton = /* @__PURE__ */ forwardRef9(({ tooltipPortal = true, toolti
     ref: forwardedRef
   })), tooltipPortal ? /* @__PURE__ */ React10.createElement(Tooltip.Portal, null, content) : content);
 });
-var LabelledIconButton = /* @__PURE__ */ forwardRef9(({ icon, size, iconOnly, label, classNames, ...props }, forwardedRef) => {
+var LabelledIconButton = /* @__PURE__ */ forwardRef9(({ icon, size, iconOnly, label, classNames, iconClassNames, ...props }, forwardedRef) => {
   const { tx } = useThemeContext();
   return /* @__PURE__ */ React10.createElement(Button, {
     ...props,
@@ -628,7 +630,8 @@ var LabelledIconButton = /* @__PURE__ */ forwardRef9(({ icon, size, iconOnly, la
     ref: forwardedRef
   }, /* @__PURE__ */ React10.createElement(Icon, {
     icon,
-    size
+    size,
+    classNames: iconClassNames
   }), /* @__PURE__ */ React10.createElement("span", {
     className: iconOnly ? "sr-only" : void 0
   }, label));
@@ -2850,6 +2853,9 @@ var ToolbarSeparator = (props) => {
     ...props
   }));
 };
+var ToolbarExpander = () => /* @__PURE__ */ React32.createElement("div", {
+  className: "grow"
+});
 var Toolbar = {
   Root: ToolbarRoot,
   Button: ToolbarButton,
@@ -2857,7 +2863,8 @@ var Toolbar = {
   Toggle: ToolbarToggle,
   ToggleGroup: ToolbarToggleGroup2,
   ToggleGroupItem: ToolbarToggleGroupItem,
-  Separator: ToolbarSeparator
+  Separator: ToolbarSeparator,
+  Expander: ToolbarExpander
 };
 
 // packages/ui/react-ui/src/components/ThemeProvider/ThemeProvider.tsx
@@ -2871,7 +2878,7 @@ var hasIosKeyboard = () => {
 
 // packages/ui/react-ui/src/components/ThemeProvider/ThemeProvider.tsx
 var ThemeContext = /* @__PURE__ */ createContext10(void 0);
-var ThemeProvider = ({ children, fallback = null, resourceExtensions, appNs, tx = (_path, defaultClassName, _styleProps, ..._options) => defaultClassName, themeMode = "dark", rootDensity = "fine", rootElevation = "base" }) => {
+var ThemeProvider = ({ children, fallback = null, resourceExtensions, appNs, tx = (_path, defaultClassName, _styleProps, ..._options) => defaultClassName, themeMode = "dark", rootDensity = "fine", rootElevation = "base", ...rest }) => {
   useEffect7(() => {
     if (document.defaultView) {
       const kb = createKeyborg(document.defaultView);
@@ -2883,7 +2890,8 @@ var ThemeProvider = ({ children, fallback = null, resourceExtensions, appNs, tx
     value: {
       tx,
       themeMode,
-      hasIosKeyboard: hasIosKeyboard()
+      hasIosKeyboard: hasIosKeyboard(),
+      ...rest
     }
   }, /* @__PURE__ */ React33.createElement(TranslationsProvider, {
     fallback,