@itwin/appui-react 4.17.1 → 5.0.0-dev.2

package/lib/esm/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.js

@@ -1,116 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { assert } from "@itwin/core-bentley";
-import { HorizontalAlignment } from "@itwin/core-react";
-import { DropdownMenu, MenuItem } from "@itwin/itwinui-react";
-import { isHorizontalPanelSide, PanelSideContext, } from "../../layout/widget-panels/Panel";
-import { WidgetActionDropdownContext } from "../widget-action-dropdown/MoreButton";
-import { TabBarButton } from "../../layout/widget/Button";
-import { useMainPanelWidgetId } from "../../layout/widget/usePanelWidgetId";
-import { useIsMaximizedWidget } from "../enable-maximized-widget/useMaximizedWidget";
-/** Default value used when not provided or disabled. */
-const defaultAlignments = {
-    top: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
-    bottom: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
-};
-/** @internal */
-export const HorizontalPanelAlignContext = React.createContext({
-    enabled: false,
-    alignments: defaultAlignments,
-    setAlignment: () => { },
-});
-/** Preview horizontal panel alignment feature provider.
- * @internal
- */
-export function PreviewHorizontalPanelAlignFeatureProvider({ enabled, children, }) {
-    const [alignments, setAlignments] = React.useState({
-        top: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
-        bottom: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
-    });
-    const setAlignment = React.useCallback(
-    // eslint-disable-next-line deprecation/deprecation
-    (panel, alignment) => {
-        if (!panel || !isHorizontalPanelSide(panel))
-            return;
-        setAlignments((prev) => ({
-            ...prev,
-            [panel]: alignment,
-        }));
-    }, []);
-    return (React.createElement(HorizontalPanelAlignContext.Provider, { value: {
-            enabled: !!enabled,
-            alignments: enabled ? alignments : defaultAlignments,
-            setAlignment,
-        } }, children));
-}
-function SvgSide(props) {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", viewBox: "0 0 16 16", fill: "var(--iui-color-icon-muted, currentColor)", ...props },
-        React.createElement("path", { d: "M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z" })));
-}
-function SvgJustify(props) {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", viewBox: "0 0 16 16", fill: "var(--iui-color-icon-muted, currentColor)", ...props },
-        React.createElement("path", { d: "M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z" })));
-}
-function SvgCenter(props) {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", viewBox: "0 0 16 16", fill: "var(--iui-color-icon-muted, currentColor)", ...props },
-        React.createElement("path", { d: "M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z" })));
-}
-// eslint-disable-next-line deprecation/deprecation
-function getIcon(side, alignment) {
-    const scaleY = side === "top" ? "-1" : "1";
-    // eslint-disable-next-line deprecation/deprecation
-    if (alignment === HorizontalAlignment.Justify)
-        return React.createElement(SvgJustify, { transform: `scale(1, ${scaleY})` });
-    // eslint-disable-next-line deprecation/deprecation
-    if (alignment === HorizontalAlignment.Center)
-        return React.createElement(SvgCenter, { transform: `scale(1, ${scaleY})` });
-    // eslint-disable-next-line deprecation/deprecation
-    const scaleX = alignment === HorizontalAlignment.Left ? "1" : "-1";
-    return React.createElement(SvgSide, { transform: `scale(${scaleX}, ${scaleY})` });
-}
-function capitalize(s) {
-    return s.charAt(0).toUpperCase() + s.slice(1);
-}
-/** @internal */
-export function PreviewHorizontalPanelAlignButton() {
-    const side = React.useContext(PanelSideContext);
-    assert(!!side);
-    assert(isHorizontalPanelSide(side));
-    const { alignments, setAlignment } = React.useContext(HorizontalPanelAlignContext);
-    const label = "Align panel";
-    const getMenuItems = (onClose) => [
-        HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
-        HorizontalAlignment.Center, // eslint-disable-line deprecation/deprecation
-        HorizontalAlignment.Left, // eslint-disable-line deprecation/deprecation
-        HorizontalAlignment.Right, // eslint-disable-line deprecation/deprecation
-    ].map((align) => {
-        return (React.createElement(MenuItem, { key: align, onClick: () => {
-                setAlignment(side, align);
-                onClose?.();
-            }, icon: getIcon(side, align), isSelected: alignments[side] === align }, capitalize(align)));
-    });
-    const dropdownContext = React.useContext(WidgetActionDropdownContext);
-    if (dropdownContext !== undefined) {
-        return (React.createElement(MenuItem, { icon: getIcon(side, alignments[side]), subMenuItems: getMenuItems(dropdownContext.onClose) }, label));
-    }
-    return (React.createElement(DropdownMenu, { menuItems: (close) => getMenuItems(close) },
-        React.createElement(TabBarButton, { label: label }, getIcon(side, alignments[side]))));
-}
-/** @internal */
-export function useHorizontalPanelAlignButton() {
-    const side = React.useContext(PanelSideContext);
-    const { enabled } = React.useContext(HorizontalPanelAlignContext);
-    const isMainPanelWidget = !!useMainPanelWidgetId();
-    const isMaximizedWidget = useIsMaximizedWidget();
-    if (!side)
-        return false;
-    const isHorizontalPanel = isHorizontalPanelSide(side);
-    return (enabled && isHorizontalPanel && isMainPanelWidget && !isMaximizedWidget);
-}
-//# sourceMappingURL=PreviewHorizontalPanelAlign.js.map

package/lib/esm/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewHorizontalPanelAlign.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { HorizontalAlignment } from \"@itwin/core-react\";\nimport { DropdownMenu, MenuItem } from \"@itwin/itwinui-react\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../../layout/widget-panels/Panel\";\nimport type {\n  HorizontalPanelSide,\n  PanelSide,\n} from \"../../layout/widget-panels/PanelTypes\";\nimport { WidgetActionDropdownContext } from \"../widget-action-dropdown/MoreButton\";\nimport { TabBarButton } from \"../../layout/widget/Button\";\nimport { useMainPanelWidgetId } from \"../../layout/widget/usePanelWidgetId\";\nimport { useIsMaximizedWidget } from \"../enable-maximized-widget/useMaximizedWidget\";\n\n/** Default value used when not provided or disabled. */\nconst defaultAlignments = {\n  top: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n  bottom: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n};\n\n/** @internal */\nexport const HorizontalPanelAlignContext = React.createContext<{\n  enabled: boolean;\n  alignments: {\n    [side in HorizontalPanelSide]: HorizontalAlignment; // eslint-disable-line deprecation/deprecation\n  };\n  setAlignment: (\n    panel: PanelSide | undefined,\n    alignment: HorizontalAlignment // eslint-disable-line deprecation/deprecation\n  ) => void;\n}>({\n  enabled: false,\n  alignments: defaultAlignments,\n  setAlignment: () => {},\n});\n\n/** Preview horizontal panel alignment feature provider.\n * @internal\n */\nexport function PreviewHorizontalPanelAlignFeatureProvider({\n  enabled,\n  children,\n}: {\n  enabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  const [alignments, setAlignments] = React.useState<{\n    [x in HorizontalPanelSide]: HorizontalAlignment; // eslint-disable-line deprecation/deprecation\n  }>({\n    top: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n    bottom: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n  });\n  const setAlignment = React.useCallback(\n    // eslint-disable-next-line deprecation/deprecation\n    (panel: PanelSide | undefined, alignment: HorizontalAlignment) => {\n      if (!panel || !isHorizontalPanelSide(panel)) return;\n      setAlignments((prev) => ({\n        ...prev,\n        [panel]: alignment,\n      }));\n    },\n    []\n  );\n  return (\n    <HorizontalPanelAlignContext.Provider\n      value={{\n        enabled: !!enabled,\n        alignments: enabled ? alignments : defaultAlignments,\n        setAlignment,\n      }}\n    >\n      {children}\n    </HorizontalPanelAlignContext.Provider>\n  );\n}\n\nfunction SvgSide(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction SvgJustify(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z\" />\n    </svg>\n  );\n}\n\nfunction SvgCenter(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\n// eslint-disable-next-line deprecation/deprecation\nfunction getIcon(side: HorizontalPanelSide, alignment: HorizontalAlignment) {\n  const scaleY = side === \"top\" ? \"-1\" : \"1\";\n  // eslint-disable-next-line deprecation/deprecation\n  if (alignment === HorizontalAlignment.Justify)\n    return <SvgJustify transform={`scale(1, ${scaleY})`} />;\n  // eslint-disable-next-line deprecation/deprecation\n  if (alignment === HorizontalAlignment.Center)\n    return <SvgCenter transform={`scale(1, ${scaleY})`} />;\n  // eslint-disable-next-line deprecation/deprecation\n  const scaleX = alignment === HorizontalAlignment.Left ? \"1\" : \"-1\";\n  return <SvgSide transform={`scale(${scaleX}, ${scaleY})`} />;\n}\n\nfunction capitalize(s: string) {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/** @internal */\nexport function PreviewHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  assert(isHorizontalPanelSide(side));\n  const { alignments, setAlignment } = React.useContext(\n    HorizontalPanelAlignContext\n  );\n  const label = \"Align panel\";\n\n  const getMenuItems = (onClose?: () => void) =>\n    [\n      HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n      HorizontalAlignment.Center, // eslint-disable-line deprecation/deprecation\n      HorizontalAlignment.Left, // eslint-disable-line deprecation/deprecation\n      HorizontalAlignment.Right, // eslint-disable-line deprecation/deprecation\n    ].map((align) => {\n      return (\n        <MenuItem\n          key={align}\n          onClick={() => {\n            setAlignment(side, align);\n            onClose?.();\n          }}\n          icon={getIcon(side, align)}\n          isSelected={alignments[side] === align}\n        >\n          {capitalize(align)}\n        </MenuItem>\n      );\n    });\n  const dropdownContext = React.useContext(WidgetActionDropdownContext);\n  if (dropdownContext !== undefined) {\n    return (\n      <MenuItem\n        icon={getIcon(side, alignments[side])}\n        subMenuItems={getMenuItems(dropdownContext.onClose)}\n      >\n        {label}\n      </MenuItem>\n    );\n  }\n  return (\n    <DropdownMenu menuItems={(close) => getMenuItems(close)}>\n      <TabBarButton label={label}>\n        {getIcon(side, alignments[side])}\n      </TabBarButton>\n    </DropdownMenu>\n  );\n}\n\n/** @internal */\nexport function useHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  const { enabled } = React.useContext(HorizontalPanelAlignContext);\n  const isMainPanelWidget = !!useMainPanelWidgetId();\n  const isMaximizedWidget = useIsMaximizedWidget();\n\n  if (!side) return false;\n  const isHorizontalPanel = isHorizontalPanelSide(side);\n  return (\n    enabled && isHorizontalPanel && isMainPanelWidget && !isMaximizedWidget\n  );\n}\n"]}

package/lib/esm/appui-react/preview/horizontal-panel-alignment/useHorizontalPanelAlignment.d.ts

@@ -1,19 +0,0 @@
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./useHorizontalPanelAlignment.scss";
-import type { PanelSide } from "../../layout/widget-panels/PanelTypes";
-/** @internal */
-export declare function useHorizontalPanelAlignment(side: PanelSide): {
-    attributes: {
-        "data-preview-horizontal-panel-align-top": import("@itwin/core-react").HorizontalAlignment;
-        "data-preview-horizontal-panel-align-bottom": import("@itwin/core-react").HorizontalAlignment;
-    };
-    classNames: {
-        [x: string]: boolean;
-    };
-} | {
-    attributes?: undefined;
-    classNames?: undefined;
-};
-//# sourceMappingURL=useHorizontalPanelAlignment.d.ts.map

package/lib/esm/appui-react/preview/horizontal-panel-alignment/useHorizontalPanelAlignment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHorizontalPanelAlignment.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/horizontal-panel-alignment/useHorizontalPanelAlignment.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAEvE,gBAAgB;AAChB,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,SAAS;;;;;;;;;;;EAc1D"}

package/lib/esm/appui-react/preview/horizontal-panel-alignment/useHorizontalPanelAlignment.js

@@ -1,26 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./useHorizontalPanelAlignment.scss";
-import * as React from "react";
-import { HorizontalPanelAlignContext } from "./PreviewHorizontalPanelAlign";
-/** @internal */
-export function useHorizontalPanelAlignment(side) {
-    const { enabled, alignments } = React.useContext(HorizontalPanelAlignContext);
-    return enabled
-        ? {
-            attributes: {
-                "data-preview-horizontal-panel-align-top": alignments.top,
-                "data-preview-horizontal-panel-align-bottom": alignments.bottom,
-            },
-            classNames: {
-                [`uifw-preview-horizontalPanelAlignment_${side}`]: true,
-            },
-        }
-        : {};
-}
-//# sourceMappingURL=useHorizontalPanelAlignment.js.map

package/lib/esm/appui-react/preview/horizontal-panel-alignment/useHorizontalPanelAlignment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHorizontalPanelAlignment.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/horizontal-panel-alignment/useHorizontalPanelAlignment.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAG5E,gBAAgB;AAChB,MAAM,UAAU,2BAA2B,CAAC,IAAe;IACzD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAE9E,OAAO,OAAO;QACZ,CAAC,CAAC;YACE,UAAU,EAAE;gBACV,yCAAyC,EAAE,UAAU,CAAC,GAAG;gBACzD,4CAA4C,EAAE,UAAU,CAAC,MAAM;aAChE;YACD,UAAU,EAAE;gBACV,CAAC,yCAAyC,IAAI,EAAE,CAAC,EAAE,IAAI;aACxD;SACF;QACH,CAAC,CAAC,EAAE,CAAC;AACT,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module WidgetPanels\n */\n\nimport \"./useHorizontalPanelAlignment.scss\";\nimport * as React from \"react\";\nimport { HorizontalPanelAlignContext } from \"./PreviewHorizontalPanelAlign\";\nimport type { PanelSide } from \"../../layout/widget-panels/PanelTypes\";\n\n/** @internal */\nexport function useHorizontalPanelAlignment(side: PanelSide) {\n  const { enabled, alignments } = React.useContext(HorizontalPanelAlignContext);\n\n  return enabled\n    ? {\n        attributes: {\n          \"data-preview-horizontal-panel-align-top\": alignments.top,\n          \"data-preview-horizontal-panel-align-bottom\": alignments.bottom,\n        },\n        classNames: {\n          [`uifw-preview-horizontalPanelAlignment_${side}`]: true,\n        },\n      }\n    : {};\n}\n"]}

package/lib/esm/appui-react/preview/horizontal-panel-alignment/useHorizontalPanelAlignment.scss

@@ -1,49 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@layer appui.preview.horizontal-panel-alignment {
-  .uifw-preview-horizontalPanelAlignment_left {
-    &[data-preview-horizontal-panel-align-top="right"],
-    &[data-preview-horizontal-panel-align-top="center"] {
-      grid-row-start: ts-end;
-    }
-    &[data-preview-horizontal-panel-align-bottom="right"],
-    &[data-preview-horizontal-panel-align-bottom="center"] {
-      grid-row-end: bp-end;
-    }
-  }
-
-  .uifw-preview-horizontalPanelAlignment_right {
-    &[data-preview-horizontal-panel-align-top="left"],
-    &[data-preview-horizontal-panel-align-top="center"] {
-      grid-row-start: ts-end;
-    }
-    &[data-preview-horizontal-panel-align-bottom="left"],
-    &[data-preview-horizontal-panel-align-bottom="center"] {
-      grid-row-end: bp-end;
-    }
-  }
-
-  .uifw-preview-horizontalPanelAlignment_top {
-    &[data-preview-horizontal-panel-align-top="right"],
-    &[data-preview-horizontal-panel-align-top="center"] {
-      grid-column-start: lp-end;
-    }
-    &[data-preview-horizontal-panel-align-top="left"],
-    &[data-preview-horizontal-panel-align-top="center"] {
-      grid-column-end: rp-start;
-    }
-  }
-
-  .uifw-preview-horizontalPanelAlignment_bottom {
-    &[data-preview-horizontal-panel-align-bottom="right"],
-    &[data-preview-horizontal-panel-align-bottom="center"] {
-      grid-column-start: lp-end;
-    }
-    &[data-preview-horizontal-panel-align-bottom="left"],
-    &[data-preview-horizontal-panel-align-bottom="center"] {
-      grid-column-end: rp-start;
-    }
-  }
-}

package/lib/esm/appui-react/preview/new-toolbars/ActionItem.d.ts

@@ -1,12 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import type { ToolbarActionItem } from "../../toolbar/ToolbarItem";
-/** @internal */
-export interface ActionItemProps {
-    item: ToolbarActionItem;
-}
-/** @internal */
-export declare const ActionItem: React.ForwardRefExoticComponent<ActionItemProps & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ActionItem.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/ActionItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ActionItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAKnE,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,gBAAgB;AAChB,eAAO,MAAM,UAAU,2FAgBtB,CAAC"}

package/lib/esm/appui-react/preview/new-toolbars/ActionItem.js

@@ -1,22 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import { ToolGroupOverflowContext } from "./OverflowButton";
-import { Item } from "./Item";
-import { GroupMenuItem } from "./GroupItem";
-/** @internal */
-export const ActionItem = React.forwardRef(function ActionItem({ item }, ref) {
-    const overflowContext = React.useContext(ToolGroupOverflowContext);
-    if (overflowContext) {
-        return React.createElement(GroupMenuItem, { item: item, onClose: overflowContext.onClose });
-    }
-    return (React.createElement(Item, { ref: ref, item: item, onClick: () => {
-            item.execute();
-        } }));
-});
-//# sourceMappingURL=ActionItem.js.map

package/lib/esm/appui-react/preview/new-toolbars/ActionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionItem.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ActionItem.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5C,gBAAgB;AAChB,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG;IAC/B,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IACnE,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,OAAO,GAAI,CAAC;IACzE,CAAC;IACD,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport * as React from \"react\";\nimport type { ToolbarActionItem } from \"../../toolbar/ToolbarItem\";\nimport { ToolGroupOverflowContext } from \"./OverflowButton\";\nimport { Item } from \"./Item\";\nimport { GroupMenuItem } from \"./GroupItem\";\n\n/** @internal */\nexport interface ActionItemProps {\n  item: ToolbarActionItem;\n}\n\n/** @internal */\nexport const ActionItem = React.forwardRef<HTMLButtonElement, ActionItemProps>(\n  function ActionItem({ item }, ref) {\n    const overflowContext = React.useContext(ToolGroupOverflowContext);\n    if (overflowContext) {\n      return <GroupMenuItem item={item} onClose={overflowContext.onClose} />;\n    }\n    return (\n      <Item\n        ref={ref}\n        item={item}\n        onClick={() => {\n          item.execute();\n        }}\n      />\n    );\n  }\n);\n"]}

package/lib/esm/appui-react/preview/new-toolbars/Badge.d.ts

@@ -1,10 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Badge.scss";
-import * as React from "react";
-import type { ToolbarItem } from "../../toolbar/ToolbarItem";
-/** @internal */
-export declare function Badge({ badge, // eslint-disable-line deprecation/deprecation
-badgeKind, }: Pick<ToolbarItem, "badge" | "badgeKind">): React.JSX.Element;
-//# sourceMappingURL=Badge.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/Badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/Badge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,gBAAgB;AAChB,wBAAgB,KAAK,CAAC,EACpB,KAAK,EAAE,8CAA8C;AACrD,SAAS,GACV,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAAC,qBAM1C"}

package/lib/esm/appui-react/preview/new-toolbars/Badge.js

@@ -1,17 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Badge.scss";
-import * as React from "react";
-import { Badge as CoreBadge } from "@itwin/core-react";
-/** @internal */
-export function Badge({ badge, // eslint-disable-line deprecation/deprecation
-badgeKind, }) {
-    return (React.createElement("div", { className: "uifw-toolbar-group-badge" },
-        React.createElement(CoreBadge, { type: badgeKind || badge })));
-}
-//# sourceMappingURL=Badge.js.map

package/lib/esm/appui-react/preview/new-toolbars/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/Badge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGvD,gBAAgB;AAChB,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EAAE,8CAA8C;AACrD,SAAS,GACgC;IACzC,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACvC,oBAAC,SAAS,IAAC,IAAI,EAAE,SAAS,IAAI,KAAK,GAAI,CACnC,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Badge.scss\";\nimport * as React from \"react\";\nimport { Badge as CoreBadge } from \"@itwin/core-react\";\nimport type { ToolbarItem } from \"../../toolbar/ToolbarItem\";\n\n/** @internal */\nexport function Badge({\n  badge, // eslint-disable-line deprecation/deprecation\n  badgeKind,\n}: Pick<ToolbarItem, \"badge\" | \"badgeKind\">) {\n  return (\n    <div className=\"uifw-toolbar-group-badge\">\n      <CoreBadge type={badgeKind || badge} />\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/preview/new-toolbars/Badge.scss

@@ -1,13 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.uifw-toolbar-group-badge {
-  position: absolute;
-  left: -1px;
-  top: -1px;
-
-  svg {
-    fill: currentColor;
-  }
-}

package/lib/esm/appui-react/preview/new-toolbars/CustomItem.d.ts

@@ -1,12 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import type { ToolbarCustomItem } from "../../toolbar/ToolbarItem";
-/** @internal */
-export interface CustomItemProps {
-    item: ToolbarCustomItem;
-}
-/** @internal */
-export declare const CustomItem: React.ForwardRefExoticComponent<CustomItemProps & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=CustomItem.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/CustomItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomItem.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/CustomItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAOnE,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,gBAAgB;AAChB,eAAO,MAAM,UAAU,2FA2BtB,CAAC"}

package/lib/esm/appui-react/preview/new-toolbars/CustomItem.js

@@ -1,33 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import { DropdownMenu, MenuExtraContent } from "@itwin/itwinui-react";
-import { ExpandIndicator } from "./ExpandIndicator";
-import { Item } from "./Item";
-import { GroupMenuItem, usePopoverPlacement } from "./GroupItem";
-import { ToolGroupOverflowContext } from "./OverflowButton";
-import { ToolbarContext } from "./Toolbar";
-/** @internal */
-export const CustomItem = React.forwardRef(function CustomItem({ item }, ref) {
-    const placement = usePopoverPlacement();
-    const context = React.useContext(ToolbarContext);
-    const overflowContext = React.useContext(ToolGroupOverflowContext);
-    if (overflowContext) {
-        return React.createElement(GroupMenuItem, { item: item, onClose: overflowContext.onClose });
-    }
-    return (React.createElement(DropdownMenu, { menuItems: () => {
-            return [
-                React.createElement(MenuExtraContent, { key: 0 }, item.panelContent),
-            ];
-        }, placement: placement, onVisibleChange: (newVisible) => {
-            context?.setPopoverOpen(newVisible);
-        } },
-        React.createElement(Item, { ref: ref, item: item },
-            React.createElement(ExpandIndicator, null))));
-});
-//# sourceMappingURL=CustomItem.js.map

package/lib/esm/appui-react/preview/new-toolbars/CustomItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomItem.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/CustomItem.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAO3C,gBAAgB;AAChB,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG;IAC/B,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAEnE,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,OAAO,GAAI,CAAC;IACzE,CAAC;IACD,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,GAAG,EAAE;YACd,OAAO;gBACL,oBAAC,gBAAgB,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAC,YAAY,CAAoB;aACjE,CAAC;QACJ,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE;YAC9B,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;QAED,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI;YACxB,oBAAC,eAAe,OAAG,CACd,CACM,CAChB,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport * as React from \"react\";\nimport { DropdownMenu, MenuExtraContent } from \"@itwin/itwinui-react\";\nimport type { ToolbarCustomItem } from \"../../toolbar/ToolbarItem\";\nimport { ExpandIndicator } from \"./ExpandIndicator\";\nimport { Item } from \"./Item\";\nimport { GroupMenuItem, usePopoverPlacement } from \"./GroupItem\";\nimport { ToolGroupOverflowContext } from \"./OverflowButton\";\nimport { ToolbarContext } from \"./Toolbar\";\n\n/** @internal */\nexport interface CustomItemProps {\n  item: ToolbarCustomItem;\n}\n\n/** @internal */\nexport const CustomItem = React.forwardRef<HTMLButtonElement, CustomItemProps>(\n  function CustomItem({ item }, ref) {\n    const placement = usePopoverPlacement();\n    const context = React.useContext(ToolbarContext);\n    const overflowContext = React.useContext(ToolGroupOverflowContext);\n\n    if (overflowContext) {\n      return <GroupMenuItem item={item} onClose={overflowContext.onClose} />;\n    }\n    return (\n      <DropdownMenu\n        menuItems={() => {\n          return [\n            <MenuExtraContent key={0}>{item.panelContent}</MenuExtraContent>,\n          ];\n        }}\n        placement={placement}\n        onVisibleChange={(newVisible) => {\n          context?.setPopoverOpen(newVisible);\n        }}\n      >\n        <Item ref={ref} item={item}>\n          <ExpandIndicator />\n        </Item>\n      </DropdownMenu>\n    );\n  }\n);\n"]}

package/lib/esm/appui-react/preview/new-toolbars/ExpandIndicator.d.ts

@@ -1,5 +0,0 @@
-import "./ExpandIndicator.scss";
-import * as React from "react";
-/** @internal */
-export declare function ExpandIndicator(): React.JSX.Element;
-//# sourceMappingURL=ExpandIndicator.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/ExpandIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ExpandIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,wBAAgB,eAAe,sBAE9B"}

package/lib/esm/appui-react/preview/new-toolbars/ExpandIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ExpandIndicator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,MAAM,UAAU,eAAe;IAC7B,OAAO,6BAAK,SAAS,EAAC,oCAAoC,GAAG,CAAC;AAChE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./ExpandIndicator.scss\";\nimport * as React from \"react\";\n\n/** @internal */\nexport function ExpandIndicator() {\n  return <div className=\"uifw-toolbar-group-expandIndicator\" />;\n}\n"]}

package/lib/esm/appui-react/preview/new-toolbars/ExpandIndicator.scss

@@ -1,17 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/geometry";
-
-.uifw-toolbar-group-expandIndicator {
-  position: absolute;
-  bottom: 3px;
-  right: 3px;
-
-  @include triangle-bottom-right(
-    $width: 5px,
-    $height: 5px,
-    $color: currentColor
-  );
-}

package/lib/esm/appui-react/preview/new-toolbars/GroupItem.d.ts

@@ -1,22 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import type { ToolbarItem } from "../../toolbar/ToolbarItem";
-import { type ToolbarGroupItem } from "../../toolbar/ToolbarItem";
-/** @internal */
-export interface GroupItemProps {
-    item: ToolbarGroupItem;
-}
-/** @internal */
-export declare const GroupItem: React.ForwardRefExoticComponent<GroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-/** @internal */
-export declare function usePopoverPlacement(): "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | undefined;
-interface GroupMenuItemProps {
-    item: ToolbarItem;
-    onClose?: () => void;
-}
-/** @internal */
-export declare function GroupMenuItem({ item, onClose }: GroupMenuItemProps): React.JSX.Element | null;
-export {};
-//# sourceMappingURL=GroupItem.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/GroupItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupItem.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/GroupItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,2BAA2B,CAAC;AAQnC,gBAAgB;AAChB,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,gBAAgB;AAChB,eAAO,MAAM,SAAS,0FAyBrB,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,mBAAmB,kIAKlC;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gBAAgB;AAChB,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,kBAAkB,4BAqClE"}

package/lib/esm/appui-react/preview/new-toolbars/GroupItem.js

@@ -1,78 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import { Icon } from "@itwin/core-react";
-import { DropdownMenu, MenuExtraContent, MenuItem } from "@itwin/itwinui-react";
-import { isToolbarActionItem, isToolbarCustomItem, isToolbarGroupItem, } from "../../toolbar/ToolbarItem";
-import { useConditionalProp } from "../../hooks/useConditionalProp";
-import { ExpandIndicator } from "./ExpandIndicator";
-import { Item } from "./Item";
-import { Badge } from "./Badge";
-import { ToolGroupOverflowContext } from "./OverflowButton";
-import { ToolbarContext } from "./Toolbar";
-/** @internal */
-export const GroupItem = React.forwardRef(function GroupItem({ item }, ref) {
-    const placement = usePopoverPlacement();
-    const context = React.useContext(ToolbarContext);
-    const overflowContext = React.useContext(ToolGroupOverflowContext);
-    if (overflowContext) {
-        return React.createElement(GroupMenuItem, { item: item, onClose: overflowContext.onClose });
-    }
-    return (React.createElement(DropdownMenu, { menuItems: (close) => {
-            return toMenuItems(item, close);
-        }, placement: placement, onVisibleChange: (newVisible) => {
-            context?.setPopoverOpen(newVisible);
-        } },
-        React.createElement(Item, { item: item, ref: ref },
-            React.createElement(ExpandIndicator, null))));
-});
-/** @internal */
-export function usePopoverPlacement() {
-    const context = React.useContext(ToolbarContext);
-    if (!context)
-        return undefined;
-    return `${context.expandsTo}-${context.panelAlignment}`;
-}
-/** @internal */
-export function GroupMenuItem({ item, onClose }) {
-    // eslint-disable-next-line deprecation/deprecation
-    const iconSpec = useConditionalProp(item.icon);
-    const label = useConditionalProp(item.label);
-    const isDisabled = useConditionalProp(item.isDisabled);
-    const isHidden = useConditionalProp(item.isHidden);
-    const isActive = useConditionalProp(item.isActive);
-    if (isHidden) {
-        return null;
-    }
-    const subMenuItems = isDisabled ? undefined : toMenuItems(item, onClose);
-    const startIcon = item.iconNode ? (React.createElement(React.Fragment, null, item.iconNode)) : (
-    // eslint-disable-next-line deprecation/deprecation
-    React.createElement(Icon, { iconSpec: iconSpec }));
-    return (React.createElement(MenuItem, { startIcon: startIcon, disabled: isDisabled, subMenuItems: subMenuItems, onClick: () => {
-            if (isToolbarActionItem(item)) {
-                item.execute();
-                onClose?.();
-            }
-        }, isSelected: isActive },
-        React.createElement(Badge, { badge: item.badge, badgeKind: item.badgeKind }),
-        label));
-}
-function toMenuItems(item, onClose) {
-    if (isToolbarGroupItem(item)) {
-        return item.items.map((groupItem) => {
-            return (React.createElement(GroupMenuItem, { key: groupItem.id, item: groupItem, onClose: onClose }));
-        });
-    }
-    if (isToolbarCustomItem(item)) {
-        return [
-            React.createElement(MenuExtraContent, { key: item.id }, item.panelContent),
-        ];
-    }
-    return [];
-}
-//# sourceMappingURL=GroupItem.js.map

package/lib/esm/appui-react/preview/new-toolbars/GroupItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupItem.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/GroupItem.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport * as React from \"react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { DropdownMenu, MenuExtraContent, MenuItem } from \"@itwin/itwinui-react\";\nimport type { ToolbarItem } from \"../../toolbar/ToolbarItem\";\nimport {\n  isToolbarActionItem,\n  isToolbarCustomItem,\n  isToolbarGroupItem,\n  type ToolbarGroupItem,\n} from \"../../toolbar/ToolbarItem\";\nimport { useConditionalProp } from \"../../hooks/useConditionalProp\";\nimport { ExpandIndicator } from \"./ExpandIndicator\";\nimport { Item } from \"./Item\";\nimport { Badge } from \"./Badge\";\nimport { ToolGroupOverflowContext } from \"./OverflowButton\";\nimport { ToolbarContext } from \"./Toolbar\";\n\n/** @internal */\nexport interface GroupItemProps {\n  item: ToolbarGroupItem;\n}\n\n/** @internal */\nexport const GroupItem = React.forwardRef<HTMLButtonElement, GroupItemProps>(\n  function GroupItem({ item }, ref) {\n    const placement = usePopoverPlacement();\n    const context = React.useContext(ToolbarContext);\n    const overflowContext = React.useContext(ToolGroupOverflowContext);\n\n    if (overflowContext) {\n      return <GroupMenuItem item={item} onClose={overflowContext.onClose} />;\n    }\n    return (\n      <DropdownMenu\n        menuItems={(close) => {\n          return toMenuItems(item, close);\n        }}\n        placement={placement}\n        onVisibleChange={(newVisible) => {\n          context?.setPopoverOpen(newVisible);\n        }}\n      >\n        <Item item={item} ref={ref}>\n          <ExpandIndicator />\n        </Item>\n      </DropdownMenu>\n    );\n  }\n);\n\n/** @internal */\nexport function usePopoverPlacement() {\n  const context = React.useContext(ToolbarContext);\n  if (!context) return undefined;\n\n  return `${context.expandsTo}-${context.panelAlignment}` as const;\n}\n\ninterface GroupMenuItemProps {\n  item: ToolbarItem;\n  onClose?: () => void;\n}\n\n/** @internal */\nexport function GroupMenuItem({ item, onClose }: GroupMenuItemProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  const iconSpec = useConditionalProp(item.icon);\n  const label = useConditionalProp(item.label);\n  const isDisabled = useConditionalProp(item.isDisabled);\n  const isHidden = useConditionalProp(item.isHidden);\n  const isActive = useConditionalProp(item.isActive);\n\n  if (isHidden) {\n    return null;\n  }\n\n  const subMenuItems = isDisabled ? undefined : toMenuItems(item, onClose);\n  const startIcon = item.iconNode ? (\n    <>{item.iconNode}</>\n  ) : (\n    // eslint-disable-next-line deprecation/deprecation\n    <Icon iconSpec={iconSpec} />\n  );\n  return (\n    <MenuItem\n      startIcon={startIcon}\n      disabled={isDisabled}\n      subMenuItems={subMenuItems}\n      onClick={() => {\n        if (isToolbarActionItem(item)) {\n          item.execute();\n          onClose?.();\n        }\n      }}\n      isSelected={isActive}\n    >\n      {/* eslint-disable-next-line deprecation/deprecation */}\n      <Badge badge={item.badge} badgeKind={item.badgeKind} />\n      {label}\n    </MenuItem>\n  );\n}\n\nfunction toMenuItems(item: ToolbarItem, onClose?: () => void) {\n  if (isToolbarGroupItem(item)) {\n    return item.items.map((groupItem) => {\n      return (\n        <GroupMenuItem key={groupItem.id} item={groupItem} onClose={onClose} />\n      );\n    });\n  }\n  if (isToolbarCustomItem(item)) {\n    return [\n      <MenuExtraContent key={item.id}>{item.panelContent}</MenuExtraContent>,\n    ];\n  }\n  return [];\n}\n"]}

package/lib/esm/appui-react/preview/new-toolbars/Item.d.ts

@@ -1,21 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import { IconButton } from "@itwin/itwinui-react";
-import type { ToolbarItem } from "../../toolbar/ToolbarItem";
-/** @internal */
-export interface ItemProps extends Partial<React.ComponentProps<typeof IconButton>> {
-    item: ToolbarItem;
-}
-/** @internal */
-export declare const Item: React.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-/** @internal */
-export declare function useExpandsTo(): "left" | "right" | "bottom" | "top";
-/** @internal */
-export declare function useLabelProps(): {
-    readonly placement: "left" | "right" | "bottom" | "top";
-    readonly visible: boolean;
-    readonly onVisibleChange: React.Dispatch<React.SetStateAction<boolean>>;
-};
-//# sourceMappingURL=Item.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/Item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/Item.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAK7D,gBAAgB;AAChB,MAAM,WAAW,SACf,SAAQ,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;IACxD,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,gBAAgB;AAChB,eAAO,MAAM,IAAI,kGA+BhB,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,YAAY,wCAM3B;AAED,gBAAgB;AAChB,wBAAgB,aAAa;;;;EAU5B"}