@dxos/react-ui 0.8.4-main.84f28bd → 0.8.4-main.b97322e

package/dist/lib/node-esm/{chunk-TYVQJ4KW.mjs → chunk-GHXHND5V.mjs}

@@ -269,23 +269,44 @@ var Avatar = {
 };
 
 // src/components/Breadcrumb/Breadcrumb.tsx
-import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
-import { Dot } from "@phosphor-icons/react";
+import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import { Primitive as Primitive4 } from "@radix-ui/react-primitive";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import React5, { forwardRef as forwardRef4 } from "react";
+import React6, { forwardRef as forwardRef5 } from "react";
 
-// src/components/Link/Link.tsx
+// src/components/Icon/Icon.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import React4, { forwardRef as forwardRef3, memo } from "react";
+var Icon = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef3(({ icon, classNames, size, ...props }, forwardedRef) => {
+  var _effect = _useSignals4();
+  try {
+    const { tx } = useThemeContext();
+    const href = useIconHref(icon);
+    return /* @__PURE__ */ React4.createElement("svg", {
+      ...props,
+      className: tx("icon.root", "icon", {
+        size
+      }, classNames),
+      ref: forwardedRef
+    }, /* @__PURE__ */ React4.createElement("use", {
+      href
+    }));
+  } finally {
+    _effect.f();
+  }
+}));
+
+// src/components/Link/Link.tsx
+import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
 import { Primitive as Primitive3 } from "@radix-ui/react-primitive";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import React4, { forwardRef as forwardRef3 } from "react";
-var Link = /* @__PURE__ */ forwardRef3(({ asChild, variant, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals4();
+import React5, { forwardRef as forwardRef4 } from "react";
+var Link = /* @__PURE__ */ forwardRef4(({ asChild, variant, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals5();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot3 : Primitive3.a;
-    return /* @__PURE__ */ React4.createElement(Root7, {
+    return /* @__PURE__ */ React5.createElement(Root7, {
       ...props,
       className: tx("link.root", "link", {
         variant
@@ -298,12 +319,12 @@ var Link = /* @__PURE__ */ forwardRef3(({ asChild, variant, classNames, ...props
 });
 
 // src/components/Breadcrumb/Breadcrumb.tsx
-var BreadcrumbRoot = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbRoot = /* @__PURE__ */ forwardRef5(({ asChild, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot4 : Primitive4.div;
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       role: "navigation",
       ...props,
       className: tx("breadcrumb.root", "breadcrumb", {}, classNames),
@@ -313,12 +334,12 @@ var BreadcrumbRoot = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...prop
     _effect.f();
   }
 });
-var BreadcrumbList = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbList = /* @__PURE__ */ forwardRef5(({ asChild, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot4 : Primitive4.ol;
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       role: "list",
       ...props,
       className: tx("breadcrumb.list", "breadcrumb__list", {}, classNames),
@@ -328,12 +349,12 @@ var BreadcrumbList = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...prop
     _effect.f();
   }
 });
-var BreadcrumbListItem = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbListItem = /* @__PURE__ */ forwardRef5(({ asChild, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot4 : Primitive4.li;
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       role: "listitem",
       ...props,
       className: tx("breadcrumb.listItem", "breadcrumb__list__item", {}, classNames),
@@ -343,11 +364,11 @@ var BreadcrumbListItem = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...
     _effect.f();
   }
 });
-var BreadcrumbLink = /* @__PURE__ */ forwardRef4(({ asChild, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbLink = /* @__PURE__ */ forwardRef5(({ asChild, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const Root7 = asChild ? Slot4 : Link;
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       ...props,
       ref: forwardedRef
     });
@@ -355,12 +376,12 @@ var BreadcrumbLink = /* @__PURE__ */ forwardRef4(({ asChild, ...props }, forward
     _effect.f();
   }
 });
-var BreadcrumbCurrent = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbCurrent = /* @__PURE__ */ forwardRef5(({ asChild, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot4 : "h1";
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       ...props,
       "aria-current": "page",
       className: tx("breadcrumb.current", "breadcrumb__item__heading--current", {}, classNames),
@@ -371,16 +392,16 @@ var BreadcrumbCurrent = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...p
   }
 });
 var BreadcrumbSeparator = ({ children, classNames, ...props }) => {
-  var _effect = _useSignals5();
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
-    return /* @__PURE__ */ React5.createElement(Primitive4.span, {
+    return /* @__PURE__ */ React6.createElement(Primitive4.span, {
       role: "separator",
       "aria-hidden": "true",
       ...props,
       className: tx("breadcrumb.separator", "breadcrumb__separator", {}, classNames)
-    }, children ?? /* @__PURE__ */ React5.createElement(Dot, {
-      weight: "bold"
+    }, children ?? /* @__PURE__ */ React6.createElement(Icon, {
+      icon: "ph--dot--bold"
     }));
   } finally {
     _effect.f();
@@ -396,25 +417,25 @@ var Breadcrumb = {
 };
 
 // src/components/Buttons/Button.tsx
-import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
 import { createContext as createContext3 } from "@radix-ui/react-context";
 import { Primitive as Primitive5 } from "@radix-ui/react-primitive";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
-import React6, { forwardRef as forwardRef5, memo } from "react";
+import React7, { forwardRef as forwardRef6, memo as memo2 } from "react";
 var BUTTON_GROUP_NAME = "ButtonGroup";
 var BUTTON_NAME = "Button";
 var [ButtonGroupProvider, useButtonGroupContext] = createContext3(BUTTON_GROUP_NAME, {
   inGroup: false
 });
-var Button = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef5(({ classNames, children, density: propsDensity, elevation: propsElevation, variant = "default", asChild, ...props }, ref) => {
-  var _effect = _useSignals6();
+var Button = /* @__PURE__ */ memo2(/* @__PURE__ */ forwardRef6(({ classNames, children, density: propsDensity, elevation: propsElevation, variant = "default", asChild, ...props }, ref) => {
+  var _effect = _useSignals7();
   try {
     const { inGroup } = useButtonGroupContext(BUTTON_NAME);
     const { tx } = useThemeContext();
     const elevation = useElevationContext(propsElevation);
     const density = useDensityContext(propsDensity);
     const Root7 = asChild ? Slot5 : Primitive5.button;
-    return /* @__PURE__ */ React6.createElement(Root7, {
+    return /* @__PURE__ */ React7.createElement(Root7, {
       ref,
       ...props,
       "data-variant": variant,
@@ -436,20 +457,20 @@ var Button = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef5(({ classNames, chi
   }
 }));
 Button.displayName = BUTTON_NAME;
-var ButtonGroup = /* @__PURE__ */ forwardRef5(({ children, elevation: propsElevation, classNames, asChild, ...props }, forwardedRef) => {
-  var _effect = _useSignals6();
+var ButtonGroup = /* @__PURE__ */ forwardRef6(({ children, elevation: propsElevation, classNames, asChild, ...props }, forwardedRef) => {
+  var _effect = _useSignals7();
   try {
     const { tx } = useThemeContext();
     const elevation = useElevationContext(propsElevation);
     const Root7 = asChild ? Slot5 : Primitive5.div;
-    return /* @__PURE__ */ React6.createElement(Root7, {
+    return /* @__PURE__ */ React7.createElement(Root7, {
       role: "none",
       ...props,
       className: tx("button.group", "button-group", {
         elevation
       }, classNames),
       ref: forwardedRef
-    }, /* @__PURE__ */ React6.createElement(ButtonGroupProvider, {
+    }, /* @__PURE__ */ React7.createElement(ButtonGroupProvider, {
       inGroup: true
     }, children));
   } finally {
@@ -462,28 +483,6 @@ ButtonGroup.displayName = BUTTON_GROUP_NAME;
 import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
 import React9, { forwardRef as forwardRef8 } from "react";
 
-// src/components/Icon/Icon.tsx
-import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
-import React7, { forwardRef as forwardRef6, memo as memo2 } from "react";
-var Icon = /* @__PURE__ */ memo2(/* @__PURE__ */ forwardRef6(({ icon, classNames, size, ...props }, forwardedRef) => {
-  var _effect = _useSignals7();
-  try {
-    const { tx } = useThemeContext();
-    const href = useIconHref(icon);
-    return /* @__PURE__ */ React7.createElement("svg", {
-      ...props,
-      className: tx("icon.root", "icon", {
-        size
-      }, classNames),
-      ref: forwardedRef
-    }, /* @__PURE__ */ React7.createElement("use", {
-      href
-    }));
-  } finally {
-    _effect.f();
-  }
-}));
-
 // src/components/Tooltip/Tooltip.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import { composeEventHandlers } from "@radix-ui/primitive";
@@ -1862,7 +1861,6 @@ var Input = {
 
 // src/components/Lists/List.tsx
 import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
-import { CaretDown, CaretRight } from "@phosphor-icons/react";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
 import React21, { forwardRef as forwardRef14 } from "react";
 import { List as ListPrimitive, ListItemHeading as ListPrimitiveItemHeading, ListItemOpenTrigger as ListPrimitiveItemOpenTrigger, ListItemCollapsibleContent, ListItem as ListPrimitiveItem, LIST_NAME, LIST_ITEM_NAME, useListContext, useListItemContext } from "@dxos/react-list";
@@ -1986,16 +1984,16 @@ var ListItemOpenTrigger = /* @__PURE__ */ forwardRef14(({ __listItemScope, class
     const { tx } = useThemeContext();
     const density = useDensityContext();
     const { open } = useListItemContext(LIST_ITEM_NAME, __listItemScope);
-    const Icon3 = open ? CaretDown : CaretRight;
+    const iconName = open ? "ph--caret-down--bold" : "ph--caret-right--bold";
     return /* @__PURE__ */ React21.createElement(ListPrimitiveItemOpenTrigger, {
       ...props,
       className: tx("list.item.openTrigger", "list__listItem__openTrigger", {
         density
       }, classNames),
       ref: forwardedRef
-    }, children || /* @__PURE__ */ React21.createElement(Icon3, {
-      weight: "bold",
-      className: tx("list.item.openTriggerIcon", "list__listItem__openTrigger__icon", {})
+    }, children || /* @__PURE__ */ React21.createElement(Icon, {
+      icon: iconName,
+      classNames: tx("list.item.openTriggerIcon", "list__listItem__openTrigger__icon", {})
     }));
   } finally {
     _effect.f();
@@ -3811,7 +3809,6 @@ var ScrollArea = {
 
 // src/components/Select/Select.tsx
 import { useSignals as _useSignals32 } from "@preact-signals/safe-react/tracking";
-import { CaretDown as CaretDown2, CaretUp } from "@phosphor-icons/react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import React32, { forwardRef as forwardRef24 } from "react";
 var SelectRoot = SelectPrimitive.Root;
@@ -3832,9 +3829,9 @@ var SelectTriggerButton = /* @__PURE__ */ forwardRef24(({ children, placeholder,
       className: "w-1 flex-1"
     }), /* @__PURE__ */ React32.createElement(SelectPrimitive.Icon, {
       asChild: true
-    }, /* @__PURE__ */ React32.createElement(CaretDown2, {
-      className: tx("select.triggerIcon", "select__trigger__icon", {}),
-      weight: "bold"
+    }, /* @__PURE__ */ React32.createElement(Icon, {
+      icon: "ph--caret-down--bold",
+      classNames: tx("select.triggerIcon", "select__trigger__icon", {})
     }))));
   } finally {
     _effect.f();
@@ -3867,8 +3864,8 @@ var SelectScrollUpButton2 = /* @__PURE__ */ forwardRef24(({ classNames, children
       ...props,
       className: tx("select.scrollButton", "select__scroll-button--up", {}, classNames),
       ref: forwardedRef
-    }, children ?? /* @__PURE__ */ React32.createElement(CaretUp, {
-      weight: "bold"
+    }, children ?? /* @__PURE__ */ React32.createElement(Icon, {
+      icon: "ph--caret-up--bold"
     }));
   } finally {
     _effect.f();
@@ -3882,8 +3879,8 @@ var SelectScrollDownButton2 = /* @__PURE__ */ forwardRef24(({ classNames, childr
       ...props,
       className: tx("select.scrollButton", "select__scroll-button--down", {}, classNames),
       ref: forwardedRef
-    }, children ?? /* @__PURE__ */ React32.createElement(CaretDown2, {
-      weight: "bold"
+    }, children ?? /* @__PURE__ */ React32.createElement(Icon, {
+      icon: "ph--caret-down--bold"
     }));
   } finally {
     _effect.f();
@@ -4318,13 +4315,13 @@ export {
   AnchoredOverflow,
   useAvatarContext,
   Avatar,
+  Icon,
   Link,
   Breadcrumb,
   BUTTON_GROUP_NAME,
   useButtonGroupContext,
   Button,
   ButtonGroup,
-  Icon,
   createTooltipScope,
   useTooltipContext,
   Tooltip,
@@ -4375,4 +4372,4 @@ export {
   Toast,
   Toolbar
 };
-//# sourceMappingURL=chunk-TYVQJ4KW.mjs.map
+//# sourceMappingURL=chunk-GHXHND5V.mjs.map