@linzjs/windows 10.3.0 → 11.0.0

package/dist/panel/types/{PanelRestoredState.ts → PanelRestoredState.d.ts}

@@ -1,8 +1,7 @@
 import { PanelPosition } from './PanelPosition';
 import { PanelSize } from './PanelSize';
-
 export interface PanelRestoredState {
-  panelPoppedOut: boolean;
-  panelPosition?: PanelPosition;
-  panelSize?: PanelSize;
+    panelPoppedOut: boolean;
+    panelPosition?: PanelPosition;
+    panelSize?: PanelSize;
 }

package/dist/panel/types/PanelRestoredState.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PanelRestoredState.js.map

package/dist/panel/types/PanelRestoredState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRestoredState.js","sourceRoot":"","sources":["../../../src/panel/types/PanelRestoredState.ts"],"names":[],"mappings":""}

package/dist/panel/types/PanelSize.d.ts

@@ -0,0 +1,8 @@
+export interface PanelSizeExact {
+    height: number;
+    width: number;
+}
+export interface PanelSize {
+    height: number | 'auto';
+    width: number;
+}

package/dist/panel/types/PanelSize.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PanelSize.js.map

package/dist/panel/types/PanelSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSize.js","sourceRoot":"","sources":["../../../src/panel/types/PanelSize.ts"],"names":[],"mappings":""}

package/dist/panel/types/{PanelState.ts → PanelState.d.ts}

@@ -1,15 +1,12 @@
 import { PanelPosition } from './PanelPosition';
 import { PanelSize } from './PanelSize';
-
 export type PanelMode = 'poppedIn' | 'poppedOut';
-
 export interface PanelLayout {
-  panelPosition?: PanelPosition;
-  panelSize?: PanelSize;
+    panelPosition?: PanelPosition;
+    panelSize?: PanelSize;
 }
-
 export interface PanelState {
-  mode: PanelMode;
-  poppedIn?: PanelLayout;
-  poppedOut?: PanelLayout;
+    mode: PanelMode;
+    poppedIn?: PanelLayout;
+    poppedOut?: PanelLayout;
 }

package/dist/panel/types/PanelState.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PanelState.js.map

package/dist/panel/types/PanelState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelState.js","sourceRoot":"","sources":["../../../src/panel/types/PanelState.ts"],"names":[],"mappings":""}

package/dist/panel/types/{PanelStateOptions.ts → PanelStateOptions.d.ts}

@@ -1,11 +1,9 @@
 import { PanelRestoredState } from './PanelRestoredState';
 import { PanelState } from './PanelState';
-
 export type SaveStateInOption = 'external' | 'localStorage';
-
 export interface PanelStateOptions {
-  onRestoreState?: () => PanelRestoredState;
-  onSaveState?: (panelState: PanelState) => void;
-  saveStateIn: SaveStateInOption;
-  saveStateKey: string;
+    onRestoreState?: () => PanelRestoredState;
+    onSaveState?: (panelState: PanelState) => void;
+    saveStateIn: SaveStateInOption;
+    saveStateKey: string;
 }

package/dist/panel/types/PanelStateOptions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PanelStateOptions.js.map

package/dist/panel/types/PanelStateOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelStateOptions.js","sourceRoot":"","sources":["../../../src/panel/types/PanelStateOptions.ts"],"names":[],"mappings":""}

package/dist/panel/types/index.js

@@ -0,0 +1,7 @@
+export * from './PanelPosition';
+export * from './PanelProps';
+export * from './PanelRestoredState';
+export * from './PanelSize';
+export * from './PanelState';
+export * from './PanelStateOptions';
+//# sourceMappingURL=index.js.map

package/dist/panel/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/panel/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/panel/usePanelStateHandler.d.ts

@@ -0,0 +1,8 @@
+import { PanelLayout, PanelRestoredState } from './types';
+type HookArgs = {
+    panelPoppedOut?: boolean;
+    uniqueId: string;
+};
+export declare const useRestoreStateFrom: ({ panelPoppedOut, uniqueId }: HookArgs) => PanelRestoredState | null | undefined;
+export declare const useSaveStateIn: ({ panelPoppedOut, uniqueId }: HookArgs) => (panelLayout: PanelLayout) => void;
+export {};

package/dist/panel/usePanelStateHandler.js

@@ -0,0 +1,81 @@
+import { useContext, useMemo } from 'react';
+import { PanelsContext } from './PanelsContext';
+export const useRestoreStateFrom = ({ panelPoppedOut, uniqueId }) => {
+    const { panelStateOptions } = useContext(PanelsContext);
+    return useMemo(() => {
+        if (!panelStateOptions) {
+            return;
+        }
+        if (panelStateOptions.saveStateIn === 'external') {
+            return panelStateOptions.onRestoreState?.();
+        }
+        const uniqueKey = createUniqueKey({
+            saveStateKey: panelStateOptions.saveStateKey,
+            uniqueId,
+        });
+        try {
+            const storedState = localStorage.getItem(uniqueKey);
+            if (storedState) {
+                const { mode, ...state } = JSON.parse(storedState);
+                const currentMode = panelPoppedOut === undefined ? mode : panelPoppedOut ? 'poppedOut' : 'poppedIn';
+                const panelLayout = state[currentMode];
+                return {
+                    panelPoppedOut: currentMode === 'poppedOut',
+                    ...panelLayout,
+                };
+            }
+        }
+        catch (e) {
+            console.error('Failed to read stored panel state!', e);
+        }
+        return null;
+    }, [panelPoppedOut, panelStateOptions, uniqueId]);
+};
+export const useSaveStateIn = ({ panelPoppedOut = false, uniqueId }) => {
+    const { panelStateOptions } = useContext(PanelsContext);
+    return (panelLayout) => {
+        if (!panelStateOptions) {
+            return;
+        }
+        const uniqueKey = createUniqueKey({
+            saveStateKey: panelStateOptions.saveStateKey,
+            uniqueId,
+        });
+        const mode = panelPoppedOut ? 'poppedOut' : 'poppedIn';
+        if (panelStateOptions.saveStateIn === 'external') {
+            panelStateOptions.onSaveState?.({
+                mode,
+                [mode]: panelLayout,
+            });
+            return;
+        }
+        const storedState = localStorage.getItem(uniqueKey);
+        let panelState = {
+            mode,
+            [mode]: panelLayout,
+        };
+        if (storedState) {
+            try {
+                panelState = JSON.parse(storedState);
+                panelState.mode = mode;
+                panelState[mode] = {
+                    ...panelState[mode],
+                    ...panelLayout,
+                };
+            }
+            catch (e) {
+                console.error('Failed to read existing panel state!', e);
+            }
+        }
+        try {
+            localStorage.setItem(uniqueKey, JSON.stringify(panelState));
+        }
+        catch (e) {
+            console.error('Failed to save panel state!', e);
+        }
+    };
+};
+function createUniqueKey({ saveStateKey, uniqueId }) {
+    return `panel-${saveStateKey}-${uniqueId}`;
+}
+//# sourceMappingURL=usePanelStateHandler.js.map

package/dist/panel/usePanelStateHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelStateHandler.js","sourceRoot":"","sources":["../../src/panel/usePanelStateHandler.tsx"],"names":[],"mappings":"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"}

package/dist/ribbon/RibbonButton.d.ts

@@ -0,0 +1,21 @@
+import '../index.scss';
+import { IconName } from '@linzjs/lui/dist/components/LuiIcon/LuiIcon';
+import { ReactElement } from 'react';
+export interface RibbonButtonProps {
+    id?: string;
+    popoverTarget?: string;
+    popoverTargetAction?: 'toggle' | 'show' | 'hide' | undefined;
+    anchorName?: string;
+    title?: string;
+    icon?: IconName;
+    content?: ReactElement;
+    disabled?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+    processing?: boolean;
+    processingMessage?: string;
+    className?: string;
+    testId?: string;
+    onClick?: () => void;
+}
+export declare const RibbonButton: import("react").ForwardRefExoticComponent<RibbonButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ribbon/RibbonButton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '../index.scss';
+import { LuiIcon, LuiMiniSpinner } from '@linzjs/lui';
+import clsx from 'clsx';
+import { forwardRef, useContext } from 'react';
+import Skeleton from 'react-loading-skeleton';
+import { tabToNextSiblingElement, tabToPreviousSiblingElement } from '../common';
+import { RibbonButtonSliderContext } from './RibbonButtonSliderContext';
+export const RibbonButton = forwardRef(function RibbonButton({ id, popoverTarget, popoverTargetAction, anchorName, title, icon, content, className, selected, loading, processing, processingMessage = `Loading ${title}`, disabled, testId, onClick, }, ref) {
+    const { menuUniqueId, autoClose } = useContext(RibbonButtonSliderContext);
+    if (loading) {
+        return (_jsx("div", { className: 'RibbonButtonSkeleton', children: _jsx(Skeleton, { className: clsx(disabled && 'disabled'), height: 36, width: 36 }) }));
+    }
+    if (processing) {
+        return (_jsx("div", { className: 'RibbonButtonProcessing', role: 'status', title: processingMessage, "aria-label": processingMessage, children: _jsx(LuiMiniSpinner, { size: 20 }) }));
+    }
+    return (_jsxs("button", { ref: ref, id: id, style: { anchorName }, ...((popoverTarget || menuUniqueId) && { ['popovertarget']: popoverTarget ?? menuUniqueId }), ...((popoverTargetAction || autoClose != null) && {
+            ['popovertargetaction']: popoverTargetAction ?? (autoClose ? 'toggle' : 'show'),
+        }), type: "button", title: title, "data-testid": testId, disabled: disabled, onClick: onClick, className: clsx(className, 'RibbonButton', selected && 'RibbonButton-selected', disabled && 'RibbonButton-disabled'), onKeyDown: ({ code }) => {
+            if (code === 'ArrowDown' || code === 'ArrowRight') {
+                tabToNextSiblingElement();
+            }
+            if (code === 'ArrowUp' || code === 'ArrowLeft') {
+                tabToPreviousSiblingElement();
+            }
+        }, children: [icon && _jsx(LuiIcon, { name: icon, alt: title ?? '', size: 'md' }), content] }));
+});
+//# sourceMappingURL=RibbonButton.js.map

package/dist/ribbon/RibbonButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonButton.js","sourceRoot":"","sources":["../../src/ribbon/RibbonButton.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,MAAM,WAAW,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAoBxE,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAuC,SAAS,YAAY,CAChG,EACE,EAAE,EACF,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,UAAU,EACV,iBAAiB,GAAG,WAAW,KAAK,EAAE,EACtC,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EACD,GAAG;IAEH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAE1E,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,cAAK,SAAS,EAAE,sBAAsB,YACpC,KAAC,QAAQ,IACP,SAAS,EAAE,IAAI,CACb,QAAQ,IAAI,UAAU,CACvB,EACD,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,GACT,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,cACE,SAAS,EAAE,wBAAwB,EACnC,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,iBAAiB,gBACZ,iBAAiB,YAE7B,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,GACxB,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,UAAU,EAAE,KACjB,CAAC,CAAC,aAAa,IAAI,YAAY,CAAC,IAAI,EAAE,CAAC,eAAwB,CAAC,EAAE,aAAa,IAAI,YAAY,EAAE,CAAC,KAClG,CAAC,CAAC,mBAAmB,IAAI,SAAS,IAAI,IAAI,CAAC,IAAI;YACjD,CAAC,qBAA8B,CAAC,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;SACzF,CAAC,EACF,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CACb,SAAS,EACT,cAAc,EACd,QAAQ,IAAI,uBAAuB,EACnC,QAAQ,IAAI,uBAAuB,CACpC,EACD,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YACtB,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;gBAClD,uBAAuB,EAAE,CAAC;YAC5B,CAAC;YACD,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;gBAC/C,2BAA2B,EAAE,CAAC;YAChC,CAAC;QACH,CAAC,aAEA,IAAI,IAAI,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,EAC7D,OAAO,IACD,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/ribbon/RibbonButtonLink.d.ts

@@ -0,0 +1,12 @@
+import '../index.scss';
+import { RibbonButtonProps } from './RibbonButton';
+export type RibbonButtonLinkProps = RibbonButtonProps & {
+    href: string;
+    target?: string;
+    rel?: string;
+};
+export declare const RibbonButtonLink: import("react").ForwardRefExoticComponent<RibbonButtonProps & {
+    href: string;
+    target?: string;
+    rel?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ribbon/RibbonButtonLink.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '../index.scss';
+import { forwardRef } from 'react';
+import { RibbonButton } from './RibbonButton';
+export const RibbonButtonLink = forwardRef(function RibbonButtonLink({ onClick, href, rel = 'noreferrer', target = '_blank', ...props }, ref) {
+    return (_jsx(RibbonButton, { ref: ref, ...props, onClick: () => {
+            onClick?.();
+            void window.open(href, target, rel);
+        } }));
+});
+//# sourceMappingURL=RibbonButtonLink.js.map

package/dist/ribbon/RibbonButtonLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonButtonLink.js","sourceRoot":"","sources":["../../src/ribbon/RibbonButtonLink.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAQjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAA2C,SAAS,gBAAgB,CAC5G,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,GAAG,YAAY,EAAE,MAAM,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,EAAE,EAAE,CAAC;YACZ,KAAK,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;QACtC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/ribbon/RibbonButtonOpenPanel.d.ts

@@ -0,0 +1,5 @@
+import '../index.scss';
+import { OpenPanelOptions } from '../panel/PanelsContext';
+import { RibbonButtonProps } from './RibbonButton';
+export type RibbonButtonOpenPanelProps = Omit<RibbonButtonProps, 'onClick'> & OpenPanelOptions;
+export declare const RibbonButtonOpenPanel: import("react").ForwardRefExoticComponent<Omit<RibbonButtonProps, "onClick"> & OpenPanelOptions & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ribbon/RibbonButtonOpenPanel.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '../index.scss';
+import clsx from 'clsx';
+import { forwardRef, useContext } from 'react';
+import { PanelsContext } from '../panel/PanelsContext';
+import { RibbonButton } from './RibbonButton';
+export const RibbonButtonOpenPanel = forwardRef(function RibbonButtonOpenPanel({ uniqueId, componentFn, poppedOut, onClose, className, ...buttonProps }, ref) {
+    const { openPanel, openPanels } = useContext(PanelsContext);
+    return (_jsx(RibbonButton, { ref: ref, ...buttonProps, onClick: () => openPanel({ uniqueId: uniqueId || buttonProps.title, componentFn, poppedOut, onClose }), className: clsx(openPanels.has(uniqueId ?? '') && 'RibbonButton-selected', className) }));
+});
+//# sourceMappingURL=RibbonButtonOpenPanel.js.map

package/dist/ribbon/RibbonButtonOpenPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonButtonOpenPanel.js","sourceRoot":"","sources":["../../src/ribbon/RibbonButtonOpenPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAoB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAGjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAC7C,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG;IAC1G,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,KACJ,WAAW,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAI,WAAW,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACtG,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,IAAI,uBAAuB,EAAE,SAAS,CAAC,GACrF,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ribbon/RibbonButtonSlider.d.ts

@@ -0,0 +1,11 @@
+import '../index.scss';
+import { RibbonButtonProps } from './RibbonButton';
+import { RibbonSliderAlignment } from './RibbonButtonSliderContext';
+export interface RibbonSliderProps extends RibbonButtonProps {
+    autoClose?: boolean;
+    alignment: RibbonSliderAlignment;
+    sliderClassName?: string;
+}
+export declare const RibbonButtonSlider: import("react").ForwardRefExoticComponent<RibbonSliderProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ribbon/RibbonButtonSlider.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '../index.scss';
+import clsx from 'clsx';
+import { forwardRef, useState } from 'react';
+import { RibbonButton } from './RibbonButton';
+import { RibbonButtonSliderContext, ribbonSliderAlignments } from './RibbonButtonSliderContext';
+import { v4 } from '../common/uuid';
+export const RibbonButtonSlider = forwardRef(function RibbonButtonSlider({ alignment, sliderClassName, autoClose = false, children, onClick, ...buttonProps }, ref) {
+    const [uniqueId] = useState(v4());
+    const [menuUniqueId] = useState(`toolbarSliderMenu-${v4()}`);
+    const [positionAnchor] = useState(`--toolbarSliderAnchor-${uniqueId}`);
+    const defaultOnClick = () => setTimeout(focusNextRibbonButton, 0);
+    const alignments = ribbonSliderAlignments[alignment];
+    return (_jsxs(RibbonButtonSliderContext.Provider, { value: { autoClose, positionAnchor, menuUniqueId }, children: [_jsx(RibbonButton, { ref: ref, popoverTarget: menuUniqueId, popoverTargetAction: 'toggle', anchorName: positionAnchor, ...buttonProps, onClick: onClick ?? defaultOnClick }), _jsx("nav", { id: menuUniqueId, ['popover']: 'auto', role: "menu", "aria-label": "Menu", className: clsx(`RibbonSliderMenu RibbonSliderMenu-${alignment}`, sliderClassName), style: {
+                    positionAnchor,
+                    [alignments[0]]: `anchor(${positionAnchor} ${alignments[1]})`,
+                    [alignments[2]]: `anchor(${positionAnchor} ${alignments[2]})`,
+                    ...(alignments[3] && { transform: `translate(${alignments[3]})` }),
+                }, children: children })] }));
+});
+const focusNextRibbonButton = () => {
+    let button = document.activeElement?.nextElementSibling?.querySelectorAll('button.RibbonButton-selected')[0];
+    if (!button) {
+        button = document.activeElement?.nextElementSibling?.querySelectorAll('button')[0];
+    }
+    button?.focus();
+};
+//# sourceMappingURL=RibbonButtonSlider.js.map

package/dist/ribbon/RibbonButtonSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonButtonSlider.js","sourceRoot":"","sources":["../../src/ribbon/RibbonButtonSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAyB,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACvH,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAQpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CACzB,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EACpF,GAAG;IAEH,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;IAClC,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,qBAAqB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,cAAc,CAAC,GAAG,QAAQ,CAAC,yBAAyB,QAAQ,EAAE,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAErD,OAAO,CACL,MAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,aACpF,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,YAAY,EAC3B,mBAAmB,EAAE,QAAQ,EAC7B,UAAU,EAAE,cAAc,KACtB,WAAW,EACf,OAAO,EAAE,OAAO,IAAI,cAAc,GAClC,EACF,cACE,EAAE,EAAE,YAAY,EACV,CAAC,SAAkB,CAAC,EAAE,MAAM,EAClC,IAAI,EAAC,MAAM,gBACA,MAAM,EACjB,SAAS,EAAE,IAAI,CAAC,qCAAqC,SAAS,EAAE,EAAE,eAAe,CAAC,EAClF,KAAK,EAAE;oBACL,cAAc;oBACd,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,cAAc,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG;oBAC7D,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,cAAc,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG;oBAC7D,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;iBACnE,YAEA,QAAQ,GACL,IAC6B,CACtC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,IAAI,MAAM,GACR,QAAQ,CAAC,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,CAAoB,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC;IACrH,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,QAAQ,CAAC,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC;IACD,MAAM,EAAE,KAAK,EAAE,CAAC;AAClB,CAAC,CAAC"}

package/dist/ribbon/RibbonButtonSliderContext.d.ts

@@ -0,0 +1,25 @@
+export declare const ribbonSliderAlignments: {
+    right: string[];
+    'right-down': string[];
+    'right-center': string[];
+    'right-up': string[];
+    left: string[];
+    'left-down': string[];
+    'left-center': string[];
+    'left-up': string[];
+    'down-left': string[];
+    'down-center': string[];
+    'down-right': string[];
+    down: string[];
+    'up-left': string[];
+    'up-center': string[];
+    'up-right': string[];
+    up: string[];
+};
+export type RibbonSliderAlignment = keyof typeof ribbonSliderAlignments;
+export interface RibbonButtonSliderContextType {
+    autoClose: boolean | undefined;
+    menuUniqueId: string;
+    positionAnchor: string;
+}
+export declare const RibbonButtonSliderContext: import("react").Context<RibbonButtonSliderContextType>;

package/dist/ribbon/RibbonButtonSliderContext.js

@@ -0,0 +1,25 @@
+import { createContext } from 'react';
+export const ribbonSliderAlignments = {
+    right: ['left', 'right', 'top'],
+    'right-down': ['left', 'right', 'top'],
+    'right-center': ['left', 'right', 'top', '0%, -50%'],
+    'right-up': ['left', 'right', 'bottom'],
+    left: ['right', 'left', 'top'],
+    'left-down': ['right', 'left', 'top'],
+    'left-center': ['right', 'left', 'top', '0%, -50%'],
+    'left-up': ['right', 'left', 'bottom'],
+    'down-left': ['top', 'bottom', 'right'],
+    'down-center': ['top', 'bottom', 'right', '50%, 0%'],
+    'down-right': ['top', 'bottom', 'left'],
+    down: ['top', 'bottom', 'left'],
+    'up-left': ['bottom', 'top', 'right'],
+    'up-center': ['bottom', 'top', 'right', '50%, 0%'],
+    'up-right': ['bottom', 'top', 'left'],
+    up: ['bottom', 'top', 'left'],
+};
+export const RibbonButtonSliderContext = createContext({
+    autoClose: undefined,
+    menuUniqueId: '',
+    positionAnchor: '',
+});
+//# sourceMappingURL=RibbonButtonSliderContext.js.map

package/dist/ribbon/RibbonButtonSliderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonButtonSliderContext.js","sourceRoot":"","sources":["../../src/ribbon/RibbonButtonSliderContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACtC,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC;IACpD,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;IACvC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC;IAC9B,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC;IACrC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC;IACnD,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;IACpD,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC;IAC/B,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC;IACrC,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC;IAClD,UAAU,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC;IACrC,EAAE,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC;CAC9B,CAAC;AAUF,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAgC;IACpF,SAAS,EAAE,SAAS;IACpB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC,CAAC"}

package/dist/ribbon/RibbonContainer.d.ts

@@ -0,0 +1,10 @@
+import '../index.scss';
+import { CSSProperties } from 'react';
+export interface RibbonContainerProps {
+    orientation?: 'horizontal' | 'vertical';
+    style?: CSSProperties;
+    className?: string;
+}
+export declare const RibbonContainer: import("react").ForwardRefExoticComponent<RibbonContainerProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ribbon/RibbonContainer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '../index.scss';
+import { forwardRef } from 'react';
+export const RibbonContainer = forwardRef(function RibbonContainer({ orientation = 'horizontal', style, className, children }, ref) {
+    return (_jsx("div", { ref: ref, style: style, className: className, children: _jsx("div", { className: `RibbonButton-${orientation}Group`, children: children }) }));
+});
+//# sourceMappingURL=RibbonContainer.js.map

package/dist/ribbon/RibbonContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonContainer.js","sourceRoot":"","sources":["../../src/ribbon/RibbonContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAoC,UAAU,EAAE,MAAM,OAAO,CAAC;AAQrE,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,GAAG;IACtF,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YAC/C,cAAK,SAAS,EAAE,gBAAgB,WAAW,OAAO,YAAG,QAAQ,GAAO,GAChE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ribbon/RibbonDeprecated.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { RibbonButtonProps } from './RibbonButton';
+import { RibbonButtonOpenPanelProps } from './RibbonButtonOpenPanel';
+export type OpenPanelIconProps = RibbonButtonProps;
+export declare const OpenPanelIcon: ({ iconTitle, ...props }: RibbonButtonOpenPanelProps & {
+    iconTitle?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonIconHorizontalGroup: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonIconVerticalGroup: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonIconSeparator: () => import("react/jsx-runtime").JSX.Element;

package/dist/ribbon/RibbonDeprecated.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RibbonButtonOpenPanel } from './RibbonButtonOpenPanel';
+import { RibbonContainer } from './RibbonContainer';
+import { RibbonSeparator } from './RibbonSeparator';
+// @Deprecated use RibbonPanelButton
+export const OpenPanelIcon = ({ iconTitle, ...props }) => (_jsx(RibbonButtonOpenPanel, { title: iconTitle, ...props }));
+// @Deprecated use RibbonContainer
+export const ButtonIconHorizontalGroup = (props) => (_jsx(RibbonContainer, { orientation: 'horizontal', ...props }));
+// @Deprecated use RibbonContainer
+export const ButtonIconVerticalGroup = (props) => (_jsx(RibbonContainer, { orientation: 'vertical', ...props }));
+// @Deprecated use ButtonIconSeparator
+export const ButtonIconSeparator = RibbonSeparator;
+//# sourceMappingURL=RibbonDeprecated.js.map

package/dist/ribbon/RibbonDeprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonDeprecated.js","sourceRoot":"","sources":["../../src/ribbon/RibbonDeprecated.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAA8B,MAAM,yBAAyB,CAAC;AAC5F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,oCAAoC;AACpC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuD,EAAE,EAAE,CAAC,CAC7G,KAAC,qBAAqB,IAAC,KAAK,EAAE,SAAS,KAAM,KAAK,GAAI,CACvD,CAAC;AAEF,kCAAkC;AAClC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC,CACrE,KAAC,eAAe,IAAC,WAAW,EAAE,YAAY,KAAM,KAAK,GAAI,CAC1D,CAAC;AAEF,kCAAkC;AAClC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC,CACnE,KAAC,eAAe,IAAC,WAAW,EAAE,UAAU,KAAM,KAAK,GAAI,CACxD,CAAC;AAEF,sCAAsC;AACtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC"}

package/dist/ribbon/RibbonMenu.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export interface RibbonMenuContext {
+    hasIcon: boolean;
+    setHasIcon: (hasIcon: boolean) => void;
+}
+export declare const RibbonMenuContext: import("react").Context<RibbonMenuContext>;
+export declare const RibbonMenu: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/ribbon/RibbonMenu.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState } from 'react';
+import { RibbonContainer } from './RibbonContainer';
+export const RibbonMenuContext = createContext({
+    hasIcon: false,
+    setHasIcon: () => { },
+});
+export const RibbonMenu = ({ children }) => {
+    const [hasIcon, setHasIcon] = useState(false);
+    return (_jsx(RibbonMenuContext.Provider, { value: { hasIcon, setHasIcon }, children: _jsx(RibbonContainer, { orientation: 'vertical', children: _jsx("div", { style: { padding: '4px 0' }, children: children }) }) }));
+};
+//# sourceMappingURL=RibbonMenu.js.map

package/dist/ribbon/RibbonMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonMenu.js","sourceRoot":"","sources":["../../src/ribbon/RibbonMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAoB;IAChE,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,YACxD,KAAC,eAAe,IAAC,WAAW,EAAE,UAAU,YACtC,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAG,QAAQ,GAAO,GAClC,GACS,CAC9B,CAAC;AACJ,CAAC,CAAC"}

package/dist/ribbon/RibbonMenuOption.d.ts

@@ -0,0 +1,17 @@
+import '../index.scss';
+import { IconName } from '@linzjs/lui/dist/components/LuiIcon/LuiIcon';
+export interface RibbonMenuOption {
+    id?: string;
+    popoverTarget?: string;
+    popoverTargetAction?: 'toggle' | 'show' | 'hide' | undefined;
+    anchorName?: string;
+    title?: string;
+    icon?: IconName;
+    disabled?: boolean;
+    className?: string;
+    testId?: string;
+    onClick?: () => void;
+}
+export declare const RibbonMenuOption: import("react").ForwardRefExoticComponent<RibbonMenuOption & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ribbon/RibbonMenuOption.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '../index.scss';
+import { LuiIcon } from '@linzjs/lui';
+import clsx from 'clsx';
+import { forwardRef, useContext, useEffect } from 'react';
+import { tabToNextSiblingElement, tabToPreviousSiblingElement } from '../common/util';
+import { RibbonButtonSliderContext } from './RibbonButtonSliderContext';
+import { RibbonMenuContext } from './RibbonMenu';
+export const RibbonMenuOption = forwardRef(function RibbonButton({ id, popoverTarget, popoverTargetAction, anchorName, title, icon, children, className, disabled, testId, onClick }, ref) {
+    const { menuUniqueId, autoClose } = useContext(RibbonButtonSliderContext);
+    const { hasIcon, setHasIcon } = useContext(RibbonMenuContext);
+    useEffect(() => {
+        setHasIcon(!!icon);
+    }, [icon, setHasIcon]);
+    return (_jsxs("button", { ref: ref, id: id, style: { anchorName }, ['popovertarget']: popoverTarget ?? menuUniqueId, ['popovertargetaction']: popoverTargetAction ?? (autoClose ? 'toggle' : 'show'), type: "button", title: title, "data-testid": testId, disabled: disabled, onKeyDown: ({ code }) => {
+            if (code === 'ArrowDown') {
+                tabToNextSiblingElement();
+            }
+            if (code === 'ArrowUp') {
+                tabToPreviousSiblingElement();
+            }
+        }, onMouseMove: ({ currentTarget }) => {
+            currentTarget?.focus?.();
+        }, onClick: onClick, className: clsx(className, 'RibbonMenuOption', disabled && 'RibbonMenuOption-disabled'), children: [_jsx("div", { style: { display: 'flex' }, children: icon && _jsx(LuiIcon, { name: icon, alt: title ?? '', size: 'md' }) }), _jsx("div", { style: hasIcon && !icon ? { paddingLeft: 24 } : {}, children: children })] }));
+});
+//# sourceMappingURL=RibbonMenuOption.js.map

package/dist/ribbon/RibbonMenuOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonMenuOption.js","sourceRoot":"","sources":["../../src/ribbon/RibbonMenuOption.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAqB,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAejD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,YAAY,CACnB,EAAE,EAAE,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EACnH,GAAG;IAEH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAC1E,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,UAAU,EAAE,EACf,CAAC,eAAwB,CAAC,EAAE,aAAa,IAAI,YAAY,EACzD,CAAC,qBAA8B,CAAC,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAC9F,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YACtB,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;gBACzB,uBAAuB,EAAE,CAAC;YAC5B,CAAC;YACD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACvB,2BAA2B,EAAE,CAAC;YAChC,CAAC;QACH,CAAC,EACD,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;YACjC,aAAa,EAAE,KAAK,EAAE,EAAE,CAAC;QAC3B,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,kBAAkB,EAAE,QAAQ,IAAI,2BAA2B,CAAC,aAEvF,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAG,IAAI,IAAI,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,GAAO,EACtG,cAAK,KAAK,EAAE,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,YAAG,QAAQ,GAAO,IAClE,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ribbon/RibbonMenuSeparator.d.ts

@@ -0,0 +1,2 @@
+import '../index.scss';
+export declare const RibbonMenuSeparator: () => import("react/jsx-runtime").JSX.Element;

package/dist/ribbon/RibbonMenuSeparator.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '../index.scss';
+export const RibbonMenuSeparator = () => {
+    return _jsx("div", { className: "RibbonMenuSeparator" });
+};
+//# sourceMappingURL=RibbonMenuSeparator.js.map

package/dist/ribbon/RibbonMenuSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonMenuSeparator.js","sourceRoot":"","sources":["../../src/ribbon/RibbonMenuSeparator.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,cAAK,SAAS,EAAC,qBAAqB,GAAG,CAAC;AACjD,CAAC,CAAC"}

package/dist/ribbon/RibbonSeparator.d.ts

@@ -0,0 +1,2 @@
+import '../index.scss';
+export declare const RibbonSeparator: () => import("react/jsx-runtime").JSX.Element;

package/dist/ribbon/RibbonSeparator.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '../index.scss';
+export const RibbonSeparator = () => _jsx("div", { className: "RibbonButton-separator", children: "\u00A0" });
+//# sourceMappingURL=RibbonSeparator.js.map

package/dist/ribbon/RibbonSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RibbonSeparator.js","sourceRoot":"","sources":["../../src/ribbon/RibbonSeparator.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,wBAAwB,uBAAa,CAAC"}

package/dist/ribbon/index.js

@@ -0,0 +1,12 @@
+export * from './RibbonButton';
+export * from './RibbonButtonLink';
+export * from './RibbonButtonOpenPanel';
+export * from './RibbonButtonSliderContext';
+export * from './RibbonContainer';
+export * from './RibbonDeprecated';
+export * from './RibbonMenu';
+export * from './RibbonMenuOption';
+export * from './RibbonMenuSeparator';
+export * from './RibbonSeparator';
+export * from './RibbonButtonSlider';
+//# sourceMappingURL=index.js.map

package/dist/ribbon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ribbon/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC"}