@dxos/react-ui 0.6.11 → 0.6.12-main.2d19bf1

package/dist/lib/browser/index.mjs

@@ -1950,7 +1950,7 @@ var ScrollArea = {
 };
 
 // packages/ui/react-ui/src/components/Select/Select.tsx
-import { CaretDown as CaretDown2, CaretUp, Check as Check2 } from "@phosphor-icons/react";
+import { CaretDown as CaretDown2, CaretUp } from "@phosphor-icons/react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import React26, { forwardRef as forwardRef23 } from "react";
 var SelectRoot = SelectPrimitive.Root;
@@ -1965,20 +1965,21 @@ var SelectTriggerButton = /* @__PURE__ */ forwardRef23(({ children, placeholder,
     ref: forwardedRef
   }, /* @__PURE__ */ React26.createElement(Button, props, /* @__PURE__ */ React26.createElement(SelectPrimitive.Value, {
     placeholder
-  }, children), /* @__PURE__ */ React26.createElement(SelectPrimitive.Icon, {
+  }, children), /* @__PURE__ */ React26.createElement("span", {
+    className: "w-1 flex-1"
+  }), /* @__PURE__ */ React26.createElement(SelectPrimitive.Icon, {
     asChild: true
-  }, /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement("span", {
-    className: "w-1"
-  }), /* @__PURE__ */ React26.createElement(CaretDown2, {
+  }, /* @__PURE__ */ React26.createElement(CaretDown2, {
     className: tx("select.triggerIcon", "select__trigger__icon", {}),
     weight: "bold"
-  })))));
+  }))));
 });
 var SelectContent = /* @__PURE__ */ forwardRef23(({ classNames, children, ...props }, forwardedRef) => {
   const { tx } = useThemeContext();
   return /* @__PURE__ */ React26.createElement(SelectPrimitive.Content, {
     ...props,
     className: tx("select.content", "select__content", {}, classNames),
+    position: "popper",
     ref: forwardedRef
   }, children);
 });
@@ -2026,11 +2027,11 @@ var SelectOption = /* @__PURE__ */ forwardRef23(({ children, classNames, ...prop
     ...props,
     className: tx("select.item", "option", {}, classNames),
     ref: forwardedRef
-  }, /* @__PURE__ */ React26.createElement(SelectPrimitive.ItemText, null, children), /* @__PURE__ */ React26.createElement(SelectPrimitive.ItemIndicator, {
-    className: tx("select.itemIndicator", "option__indicator", {})
-  }, /* @__PURE__ */ React26.createElement(Check2, {
-    weight: "bold"
-  })));
+  }, /* @__PURE__ */ React26.createElement(SelectPrimitive.ItemText, null, children), /* @__PURE__ */ React26.createElement("span", {
+    className: "grow w-1"
+  }), /* @__PURE__ */ React26.createElement(Icon, {
+    icon: "ph--check--regular"
+  }));
 });
 var SelectGroup = SelectPrimitive.Group;
 var SelectLabel = SelectPrimitive.Label;
@@ -2195,6 +2196,14 @@ var ToolbarButton = /* @__PURE__ */ forwardRef26((props, forwardedRef) => {
     ref: forwardedRef
   }));
 });
+var ToolbarToggle = /* @__PURE__ */ forwardRef26((props, forwardedRef) => {
+  return /* @__PURE__ */ React30.createElement(ToolbarPrimitive.Button, {
+    asChild: true
+  }, /* @__PURE__ */ React30.createElement(Toggle, {
+    ...props,
+    ref: forwardedRef
+  }));
+});
 var ToolbarLink = /* @__PURE__ */ forwardRef26((props, forwardedRef) => {
   return /* @__PURE__ */ React30.createElement(ToolbarPrimitive.Link, {
     asChild: true
@@ -2239,6 +2248,7 @@ var Toolbar = {
   Root: ToolbarRoot,
   Button: ToolbarButton,
   Link: ToolbarLink,
+  Toggle: ToolbarToggle,
   ToggleGroup: ToolbarToggleGroup2,
   ToggleGroupItem: ToolbarToggleGroupItem,
   Separator: ToolbarSeparator