@stratakit/structures 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,78 @@
 # Changelog
 
+## 0.2.3
+
+- [#788](https://github.com/iTwin/design-system/pull/788): Updated `Tabs.Tab` component to support optional start and end icons.
+
+  ```tsx
+  // Add end icon to a tab.
+  <Tabs.Tab id="tab-1">
+    Tab 1
+    <Icon href={…} />
+  </Tabs.Tab>
+  ```
+
+- [#773](https://github.com/iTwin/design-system/pull/773): Added [subpath exports](https://nodejs.org/api/packages.html#subpath-exports) for individual components. These new exports allow StrataKit to expose both convenience and compositional APIs of the same component.
+
+  ```tsx
+  // Convenience import
+  import Chip from "@stratakit/structures/Chip";
+  // Alternative
+  import { default as Chip } from "@stratakit/structures/Chip";
+
+  <Chip />;
+  ```
+
+  ```tsx
+  // Compositional import
+  import * as Chip from "@stratakit/structures/Chip";
+
+  <Chip.Root>
+  	<Chip.Label>Label</Chip.Label>
+  	<Chip.DismissButton />
+  </Chip.Root>;
+  ```
+
+  Compositional components are useful for building custom components that require more control over the structure and behavior, while convenience components provide a ready-to-use solution for common use cases. See [#405](https://github.com/iTwin/design-system/discussions/405) for more details.
+
+  APIs exported from the barrel file are not changed in this release. Some exported components are compositional, while others are convenience components.
+
+  ```tsx
+  // Chip is exported as a convenience API in the barrel file:
+  import { Chip } from "@stratakit/structures";
+
+  <Chip />;
+  ```
+
+- [#763](https://github.com/iTwin/design-system/pull/763): Added compositional `Chip.Root`, `Chip.Label` and `Chip.DismissButton` components. These new components can be used when you need fine grained configuration.
+
+  To use the compositional components, import them from the `/Chip` subpath:
+
+  ```tsx
+  import * as Chip from "@stratakit/structures/Chip";
+
+  <Chip.Root>
+  	<Chip.Label>Label</Chip.Label>
+  	<Chip.DismissButton onClick={onDismiss} />
+  </Chip.Root>;
+  ```
+
+- [#815](https://github.com/iTwin/design-system/pull/815): Fixed an issue where Toolbar was using Context as a component which doesn't work in React 18.
+- [#781](https://github.com/iTwin/design-system/pull/781): Updated `Chip.Label` component styling when rendered as a button.
+- [#793](https://github.com/iTwin/design-system/pull/793): Added `zustand` as a dependency.
+
+- Updated dependencies:
+  - @stratakit/foundations@0.2.0
+  - @stratakit/bricks@0.3.1
+
+## 0.2.2
+
+- [#756](https://github.com/iTwin/design-system/pull/756): `DropdownMenu.Button` will now ignore `render={undefined}`.
+- [#755](https://github.com/iTwin/design-system/pull/755): Updated the code for icons used internally by components.
+- Updated dependencies:
+  - @stratakit/bricks@0.3.0
+  - @stratakit/foundations@0.1.6
+
 ## 0.2.1
 
 - [#736](https://github.com/iTwin/design-system/pull/736): Updated the `label` prop type in the `<Chip />` component from `string` to `ReactNode`.
@@ -16,7 +89,6 @@
 - [#720](https://github.com/iTwin/design-system/pull/720): Renamed `onExpandedChange` prop for `unstable_ErrorRegion.Root` to `setOpen`.
   Renamed `expanded` prop for `unstable_ErrorRegion.Root` to `open`.
 - [#709](https://github.com/iTwin/design-system/pull/709): `unstable_AccordionItem` breaking changes:
-
   - `AccordionItem.Trigger` renamed to `AccordionItem.Header` and no longer represents the underlying `<button>` element (see `AccordionItem.Label`).
   - `AccordionItem.Label` must be wrapped with the new `AccordionItem.Button`.
 
@@ -45,7 +117,6 @@
 ## 0.1.1
 
 - [#704](https://github.com/iTwin/design-system/pull/704): The following components have been moved from `@stratakit/bricks` into `@stratakit/structures`.
-
   - `unstable_AccordionItem`
   - `unstable_Banner`
   - `Chip`

package/dist/Banner.d.ts

@@ -9,7 +9,7 @@ import type { BaseProps } from "@stratakit/foundations/secret-internals";
  * <Banner label="Title" message="Message" icon={placeholderIcon} onDismiss={() => {}} />
  * ```
  */
-export declare const Banner: React.ForwardRefExoticComponent<Omit<BaseProps, "children"> & {
+declare const Banner: React.ForwardRefExoticComponent<Omit<BaseProps, "children"> & {
     /**
      * Icon to be displayed inside the banner.
      *
@@ -79,3 +79,4 @@ export declare const Banner: React.ForwardRefExoticComponent<Omit<BaseProps, "ch
      */
     variant?: "outline";
 } & React.RefAttributes<HTMLDivElement | HTMLElement>>;
+export default Banner;

package/dist/Banner.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Role } from "@ariakit/react/role";
 import { IconButton, Text } from "@stratakit/bricks";
 import { GhostAligner } from "@stratakit/bricks/secret-internals";
 import { Icon } from "@stratakit/foundations";
 import { forwardRef } from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
 import { Dismiss, StatusIcon } from "./~utils.icons.js";
 const Banner = forwardRef((props, forwardedRef) => {
   const {
@@ -66,6 +66,7 @@ const Banner = forwardRef((props, forwardedRef) => {
     }
   );
 });
+var Banner_default = Banner;
 export {
-  Banner
+  Banner_default as default
 };

package/dist/Chip.d.ts

@@ -1,10 +1,6 @@
 import * as React from "react";
 import type { BaseProps } from "@stratakit/foundations/secret-internals";
-interface ChipProps extends Omit<BaseProps<"div">, "children"> {
-    /**
-     * The label displayed inside the chip.
-     */
-    label: React.ReactNode;
+interface ChipRootProps extends BaseProps<"div"> {
     /**
      * The variant style of the Chip.
      * Use "solid" for primary states and "outline" for less prominent states.
@@ -12,6 +8,44 @@ interface ChipProps extends Omit<BaseProps<"div">, "children"> {
      * @default "solid"
      */
     variant?: "solid" | "outline";
+}
+/**
+ * Root component of the compositional Chip component.
+ *
+ * Example:
+ * ```tsx
+ * <Chip.Root>
+ *   <Chip.Label>Label</Chip.Label>
+ *   <Chip.DismissButton onClick={onClick} />
+ * </Chip.Root>
+ * ```
+ */
+declare const ChipRoot: React.ForwardRefExoticComponent<ChipRootProps & React.RefAttributes<HTMLDivElement | HTMLElement>>;
+interface ChipLabelProps extends BaseProps<"span"> {
+}
+/**
+ * Label component that should be used with the compositional Chip component.
+ */
+declare const ChipLabel: React.ForwardRefExoticComponent<ChipLabelProps & React.RefAttributes<HTMLElement | HTMLSpanElement>>;
+interface ChipDismissButtonProps extends Omit<BaseProps<"button">, "children"> {
+    /**
+     * Label for the dismiss button.
+     *
+     * The final accessible name of the dismiss button is a combination of this `label` and the text content of `Chip.Label`.
+     *
+     * @default "Dismiss"
+     */
+    label?: string;
+}
+/**
+ * Dismiss button component that should be used with the compositional Chip component.
+ */
+declare const ChipDismissButton: React.ForwardRefExoticComponent<ChipDismissButtonProps & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
+interface ChipProps extends Omit<BaseProps<"div">, "children">, Pick<ChipRootProps, "variant"> {
+    /**
+     * The label displayed inside the chip.
+     */
+    label: React.ReactNode;
     /**
      * Callback invoked when the dismiss ("❌") button is clicked.
      *
@@ -31,5 +65,6 @@ interface ChipProps extends Omit<BaseProps<"div">, "children"> {
  * <Chip label="Value" variant="outline" />
  * ```
  */
-export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement | HTMLElement>>;
-export {};
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement | HTMLElement>>;
+export default Chip;
+export { ChipRoot as Root, ChipLabel as Label, ChipDismissButton as DismissButton, };

package/dist/Chip.js

@@ -1,41 +1,97 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Role } from "@ariakit/react/role";
 import { IconButton } from "@stratakit/bricks";
-import { forwardRef } from "@stratakit/foundations/secret-internals";
+import {
+  forwardRef,
+  useSafeContext
+} from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
+import { createStore, useStore } from "zustand";
+import { combine } from "zustand/middleware";
 import { Dismiss } from "./~utils.icons.js";
-const Chip = forwardRef((props, forwardedRef) => {
-  const { variant = "solid", onDismiss, label, ...rest } = props;
-  const baseId = React.useId();
-  const labelId = `${baseId}-label`;
-  const dismissIconId = `${baseId}-dismiss`;
-  return /* @__PURE__ */ jsxs(
+function createChipStore(initialState) {
+  return createStore(
+    combine(initialState, (set, _, store) => ({
+      setLabelId: (labelId) => {
+        set({ labelId: labelId || store.getInitialState().labelId });
+      }
+    }))
+  );
+}
+const ChipContext = React.createContext(void 0);
+function ChipProvider(props) {
+  const defaultLabelId = React.useId();
+  const [store] = React.useState(
+    () => createChipStore({ labelId: defaultLabelId })
+  );
+  return /* @__PURE__ */ jsx(ChipContext.Provider, { value: store, children: props.children });
+}
+function useChipState(selectorFn) {
+  const store = useSafeContext(ChipContext);
+  return useStore(store, selectorFn);
+}
+const ChipRoot = forwardRef((props, forwardedRef) => {
+  const { variant = "solid", ...rest } = props;
+  return /* @__PURE__ */ jsx(ChipProvider, { children: /* @__PURE__ */ jsx(
     Role.div,
     {
       "data-kiwi-variant": variant,
       ...rest,
       className: cx("\u{1F95D}-chip", props.className),
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("span", { id: labelId, children: label }),
-        onDismiss && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            id: dismissIconId,
-            className: "\u{1F95D}-chip-dismiss-button",
-            variant: "ghost",
-            "aria-labelledby": `${dismissIconId} ${labelId}`,
-            label: "Dismiss",
-            labelVariant: "visually-hidden",
-            icon: /* @__PURE__ */ jsx(Dismiss, {}),
-            onClick: onDismiss
-          }
-        )
-      ]
+      ref: forwardedRef
+    }
+  ) });
+});
+const ChipLabel = forwardRef((props, forwardedRef) => {
+  const labelId = useChipState((state) => state.labelId);
+  const setLabelId = useChipState((state) => state.setLabelId);
+  React.useEffect(() => {
+    setLabelId(props.id);
+  }, [setLabelId, props.id]);
+  return /* @__PURE__ */ jsx(
+    Role.span,
+    {
+      id: labelId,
+      ...props,
+      className: cx("\u{1F95D}-chip-label", props.className),
+      ref: forwardedRef
     }
   );
 });
+const ChipDismissButton = forwardRef(
+  (props, forwardedRef) => {
+    const { label = "Dismiss", ...rest } = props;
+    const labelId = useChipState((state) => state.labelId);
+    const defaultId = React.useId();
+    const id = props.id ?? defaultId;
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        id,
+        "aria-labelledby": `${id} ${labelId}`,
+        ...rest,
+        label,
+        className: cx("\u{1F95D}-chip-dismiss-button", props.className),
+        variant: "ghost",
+        labelVariant: "visually-hidden",
+        icon: /* @__PURE__ */ jsx(Dismiss, {}),
+        ref: forwardedRef
+      }
+    );
+  }
+);
+const Chip = forwardRef((props, forwardedRef) => {
+  const { onDismiss, label, ...rest } = props;
+  return /* @__PURE__ */ jsxs(ChipRoot, { ...rest, ref: forwardedRef, children: [
+    /* @__PURE__ */ jsx(ChipLabel, { children: label }),
+    onDismiss && /* @__PURE__ */ jsx(ChipDismissButton, { onClick: onDismiss })
+  ] });
+});
+var Chip_default = Chip;
 export {
-  Chip
+  ChipDismissButton as DismissButton,
+  ChipLabel as Label,
+  ChipRoot as Root,
+  Chip_default as default
 };

package/dist/DEV/Banner.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Role } from "@ariakit/react/role";
 import { IconButton, Text } from "@stratakit/bricks";
 import { GhostAligner } from "@stratakit/bricks/secret-internals";
 import { Icon } from "@stratakit/foundations";
 import { forwardRef } from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
 import { Dismiss, StatusIcon } from "./~utils.icons.js";
 const Banner = forwardRef((props, forwardedRef) => {
   const {
@@ -67,6 +67,7 @@ const Banner = forwardRef((props, forwardedRef) => {
   );
 });
 DEV: Banner.displayName = "Banner";
+var Banner_default = Banner;
 export {
-  Banner
+  Banner_default as default
 };

package/dist/DEV/Chip.js

@@ -1,42 +1,101 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Role } from "@ariakit/react/role";
 import { IconButton } from "@stratakit/bricks";
-import { forwardRef } from "@stratakit/foundations/secret-internals";
+import {
+  forwardRef,
+  useSafeContext
+} from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
+import { createStore, useStore } from "zustand";
+import { combine } from "zustand/middleware";
 import { Dismiss } from "./~utils.icons.js";
-const Chip = forwardRef((props, forwardedRef) => {
-  const { variant = "solid", onDismiss, label, ...rest } = props;
-  const baseId = React.useId();
-  const labelId = `${baseId}-label`;
-  const dismissIconId = `${baseId}-dismiss`;
-  return /* @__PURE__ */ jsxs(
+function createChipStore(initialState) {
+  return createStore(
+    combine(initialState, (set, _, store) => ({
+      setLabelId: (labelId) => {
+        set({ labelId: labelId || store.getInitialState().labelId });
+      }
+    }))
+  );
+}
+const ChipContext = React.createContext(void 0);
+function ChipProvider(props) {
+  const defaultLabelId = React.useId();
+  const [store] = React.useState(
+    () => createChipStore({ labelId: defaultLabelId })
+  );
+  return /* @__PURE__ */ jsx(ChipContext.Provider, { value: store, children: props.children });
+}
+function useChipState(selectorFn) {
+  const store = useSafeContext(ChipContext);
+  return useStore(store, selectorFn);
+}
+const ChipRoot = forwardRef((props, forwardedRef) => {
+  const { variant = "solid", ...rest } = props;
+  return /* @__PURE__ */ jsx(ChipProvider, { children: /* @__PURE__ */ jsx(
     Role.div,
     {
       "data-kiwi-variant": variant,
       ...rest,
       className: cx("\u{1F95D}-chip", props.className),
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("span", { id: labelId, children: label }),
-        onDismiss && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            id: dismissIconId,
-            className: "\u{1F95D}-chip-dismiss-button",
-            variant: "ghost",
-            "aria-labelledby": `${dismissIconId} ${labelId}`,
-            label: "Dismiss",
-            labelVariant: "visually-hidden",
-            icon: /* @__PURE__ */ jsx(Dismiss, {}),
-            onClick: onDismiss
-          }
-        )
-      ]
+      ref: forwardedRef
+    }
+  ) });
+});
+DEV: ChipRoot.displayName = "Chip.Root";
+const ChipLabel = forwardRef((props, forwardedRef) => {
+  const labelId = useChipState((state) => state.labelId);
+  const setLabelId = useChipState((state) => state.setLabelId);
+  React.useEffect(() => {
+    setLabelId(props.id);
+  }, [setLabelId, props.id]);
+  return /* @__PURE__ */ jsx(
+    Role.span,
+    {
+      id: labelId,
+      ...props,
+      className: cx("\u{1F95D}-chip-label", props.className),
+      ref: forwardedRef
     }
   );
 });
+DEV: ChipLabel.displayName = "Chip.Label";
+const ChipDismissButton = forwardRef(
+  (props, forwardedRef) => {
+    const { label = "Dismiss", ...rest } = props;
+    const labelId = useChipState((state) => state.labelId);
+    const defaultId = React.useId();
+    const id = props.id ?? defaultId;
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        id,
+        "aria-labelledby": `${id} ${labelId}`,
+        ...rest,
+        label,
+        className: cx("\u{1F95D}-chip-dismiss-button", props.className),
+        variant: "ghost",
+        labelVariant: "visually-hidden",
+        icon: /* @__PURE__ */ jsx(Dismiss, {}),
+        ref: forwardedRef
+      }
+    );
+  }
+);
+DEV: ChipDismissButton.displayName = "Chip.DismissButton";
+const Chip = forwardRef((props, forwardedRef) => {
+  const { onDismiss, label, ...rest } = props;
+  return /* @__PURE__ */ jsxs(ChipRoot, { ...rest, ref: forwardedRef, children: [
+    /* @__PURE__ */ jsx(ChipLabel, { children: label }),
+    onDismiss && /* @__PURE__ */ jsx(ChipDismissButton, { onClick: onDismiss })
+  ] });
+});
 DEV: Chip.displayName = "Chip";
+var Chip_default = Chip;
 export {
-  Chip
+  ChipDismissButton as DismissButton,
+  ChipLabel as Label,
+  ChipRoot as Root,
+  Chip_default as default
 };

package/dist/DEV/DropdownMenu.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Button as ButtonAk } from "@ariakit/react/button";
 import {
   Menu,
@@ -22,9 +23,8 @@ import {
   usePopoverApi
 } from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
-import * as ListItem from "./~utils.ListItem.js";
 import { Checkmark } from "./~utils.icons.js";
+import * as ListItem from "./~utils.ListItem.js";
 function DropdownMenuRoot(props) {
   const {
     children,
@@ -73,11 +73,11 @@ const DropdownMenuButton = forwardRef(
       MenuButton,
       {
         accessibleWhenDisabled: true,
-        render: /* @__PURE__ */ jsxs(Button, { accessibleWhenDisabled, children: [
+        ...rest,
+        render: props.render ?? /* @__PURE__ */ jsxs(Button, { accessibleWhenDisabled, children: [
           children,
           /* @__PURE__ */ jsx(DisclosureArrow, {})
         ] }),
-        ...rest,
         className: cx("\u{1F95D}-dropdown-menu-button", props.className),
         "data-has-popover-open": open || void 0,
         ref: forwardedRef

package/dist/DEV/ErrorRegion.js

@@ -1,4 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import {
   Collection,
   CollectionItem,
@@ -18,7 +19,6 @@ import {
   useControlledState
 } from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
 import { ChevronDown, StatusIcon } from "./~utils.icons.js";
 const ErrorRegionRoot = forwardRef(
   (props, forwardedRef) => {
@@ -46,16 +46,16 @@ const ErrorRegionRoot = forwardRef(
       el.animate(
         [
           {
-            boxShadow: "0 0 0 0 var(--ids-color-border-attention-base)",
+            boxShadow: "0 0 0 0 var(--stratakit-color-border-attention-base)",
             opacity: 1
           },
           {
-            boxShadow: "0 0 15px 2px var(--ids-color-border-attention-base)",
+            boxShadow: "0 0 15px 2px var(--stratakit-color-border-attention-base)",
             opacity: 0.7,
             offset: 0.5
           },
           {
-            boxShadow: "0 0 0 0 var(--ids-color-border-attention-base)",
+            boxShadow: "0 0 0 0 var(--stratakit-color-border-attention-base)",
             opacity: 1
           }
         ],

package/dist/DEV/Table.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { Role } from "@ariakit/react/role";
-import { forwardRef } from "@stratakit/foundations/secret-internals";
 import {
+  forwardRef,
   useMergedRefs,
   useSafeContext
 } from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
 const TableContext = React.createContext(void 0);
 const TableHeaderContext = React.createContext(false);
 const HtmlTable = forwardRef((props, forwardedRef) => {

package/dist/DEV/Toolbar.js

@@ -1,18 +1,24 @@
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 import * as Toolbar from "@ariakit/react/toolbar";
 import { IconButtonContext } from "@stratakit/bricks/secret-internals";
 import { forwardRef } from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
 const ToolbarGroup = forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx(IconButtonContext, { value: React.useMemo(() => ({ iconSize: "large" }), []), children: /* @__PURE__ */ jsx(
-    Toolbar.Toolbar,
+  return /* @__PURE__ */ jsx(
+    IconButtonContext.Provider,
     {
-      ...props,
-      className: cx("\u{1F95D}-toolbar", props.className),
-      ref: forwardedRef
+      value: React.useMemo(() => ({ iconSize: "large" }), []),
+      children: /* @__PURE__ */ jsx(
+        Toolbar.Toolbar,
+        {
+          ...props,
+          className: cx("\u{1F95D}-toolbar", props.className),
+          ref: forwardedRef
+        }
+      )
     }
-  ) });
+  );
 });
 DEV: ToolbarGroup.displayName = "Toolbar.Group";
 const ToolbarItem = forwardRef(

package/dist/DEV/TreeItem.js

@@ -1,4 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { CompositeItem } from "@ariakit/react/composite";
 import { PopoverProvider } from "@ariakit/react/popover";
 import { Role } from "@ariakit/react/role";
@@ -14,10 +15,9 @@ import {
   useEventHandlers
 } from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import * as React from "react";
-import * as DropdownMenu from "./DropdownMenu.js";
-import * as ListItem from "./~utils.ListItem.js";
 import { ChevronDown, MoreHorizontal, StatusIcon } from "./~utils.icons.js";
+import * as ListItem from "./~utils.ListItem.js";
+import * as DropdownMenu from "./DropdownMenu.js";
 const TreeItemErrorContext = React.createContext(void 0);
 const TreeItemActionsContext = React.createContext(void 0);
 const TreeItemDecorationsContext = React.createContext(void 0);
@@ -43,12 +43,12 @@ const TreeItem = React.memo(
       onSelectedChange,
       expanded,
       onExpandedChange,
-      icon,
-      unstable_decorations,
-      label,
-      description,
-      actions,
-      error: _,
+      icon: _icon,
+      unstable_decorations: _unstable_decorations,
+      label: _label,
+      description: _description,
+      actions: _actions,
+      error: _error,
       onClick: onClickProp,
       onKeyDown: onKeyDownProp,
       ...rest

package/dist/DEV/index.js

@@ -1,7 +1,7 @@
 "use client";
 import * as unstable_AccordionItem from "./AccordionItem.js";
-import { Banner } from "./Banner.js";
-import { Chip } from "./Chip.js";
+import { default as default2 } from "./Banner.js";
+import { default as default3 } from "./Chip.js";
 import * as DropdownMenu from "./DropdownMenu.js";
 import * as unstable_ErrorRegion from "./ErrorRegion.js";
 import * as Table from "./Table.js";
@@ -9,13 +9,13 @@ import * as Tabs from "./Tabs.js";
 import * as unstable_Toolbar from "./Toolbar.js";
 import * as Tree from "./Tree.js";
 export {
-  Chip,
+  default3 as Chip,
   DropdownMenu,
   Table,
   Tabs,
   Tree,
   unstable_AccordionItem,
-  Banner as unstable_Banner,
+  default2 as unstable_Banner,
   unstable_ErrorRegion,
   unstable_Toolbar
 };