@pega/cosmos-react-demos 2.0.0 → 2.1.3

package/jsx/core/Menu/Menu.mocks.js

@@ -0,0 +1,179 @@
+export const countries = [
+    {
+        id: '1',
+        primary: 'United States of America',
+        secondary: ['North America'],
+        visual: '🇺🇸',
+        items: [
+            {
+                id: '1-2',
+                primary: 'Maine',
+                tooltip: 'Maine, the northeasternmost U.S. state, is known for its rocky coastline, maritime history and nature areas like the granite and spruce islands of Acadia National Park. '
+            },
+            { id: '1-3', primary: 'Rhode Island' },
+            {
+                id: '1-1',
+                primary: 'Massachusetts',
+                items: [
+                    {
+                        id: 'group-1-1-b',
+                        label: 'B',
+                        items: [
+                            { id: '1-1-1', primary: 'Barnstable County' },
+                            { id: '1-1-2', primary: 'Berkshire County' },
+                            { id: '1-1-3', primary: 'Bristol County' }
+                        ]
+                    },
+                    { id: '1-1-4', primary: 'Dukes County' },
+                    { id: '1-1-5', primary: 'Essex County' },
+                    { id: '1-1-6', primary: 'Franklin County' },
+                    {
+                        id: '1-1-h',
+                        label: 'H',
+                        items: [
+                            { id: '1-1-7', primary: 'Hampden County' },
+                            { id: '1-1-8', primary: 'Hampshire County' }
+                        ]
+                    },
+                    { id: '1-1-9', primary: 'Middlesex County' },
+                    {
+                        id: '1-1-n',
+                        label: 'N',
+                        items: [
+                            { id: '1-1-10', primary: 'Nantucket County' },
+                            { id: '1-1-11', primary: 'Norfolk County' }
+                        ]
+                    },
+                    { id: '1-1-12', primary: 'Plymouth County' },
+                    { id: '1-1-13', primary: 'Suffolk County' },
+                    { id: '1-1-14', primary: 'Worcester County' }
+                ]
+            },
+            { id: '1-4', primary: 'Washington' },
+            { id: '1-5', primary: 'California' },
+            { id: '1-6', primary: 'Alabama' },
+            { id: '1-7', primary: 'Alaska' },
+            { id: '1-8', primary: 'Kentucky' },
+            { id: '1-9', primary: 'Ohio' },
+            { id: '1-10', primary: 'Minnesota' },
+            { id: '1-11', primary: 'Iowa' },
+            {
+                id: '1-12',
+                primary: 'Colorado',
+                tooltip: 'Colorado, a western U.S. state, has a diverse landscape of arid desert, Perched a mile above sea level, Denver, Colorado’s capital and largest city, features a vibrant downtown area'
+            }
+        ]
+    },
+    {
+        id: '2',
+        primary: 'Poland',
+        secondary: ['Europe'],
+        visual: '🇵🇱',
+        items: [
+            {
+                id: '2-1',
+                primary: 'Krakow'
+            }
+        ]
+    },
+    { id: '3', primary: 'England', secondary: ['Europe'], visual: '🏴󠁧󠁢󠁥󠁮󠁧󠁿' },
+    { id: '4', primary: 'France', secondary: ['Europe'], visual: '🇫🇷' },
+    { id: '5', primary: 'Germany', secondary: ['Europe'], visual: '🇩🇪' },
+    { id: '6', primary: 'Spain', secondary: ['Europe'], visual: '🇪🇸' },
+    { id: '7', primary: 'Italy', secondary: ['Europe'], visual: '🇮🇹' },
+    { id: '8', primary: 'Mexico', secondary: ['North America'], visual: '🇲🇽' },
+    { id: '9', primary: 'Brasil', secondary: ['South America'], visual: '🇧🇷' },
+    { id: '10', primary: 'Austria', secondary: ['Europe'], visual: '🇦🇹' },
+    { id: '11', primary: 'Belgium', secondary: ['Europe'], visual: '🇧🇪' },
+    { id: '12', primary: 'Chile', secondary: ['South America'], visual: '🇨🇱' },
+    { id: '13', primary: 'Hungary', secondary: ['Europe'], visual: '🇭🇺' },
+    { id: '14', primary: 'Iceland', secondary: ['Europe'], visual: '🇮🇸' },
+    { id: '15', primary: 'Sweden', secondary: ['Europe'], visual: '🇸🇪' },
+    { id: '16', primary: 'Norway', secondary: ['Europe'], visual: '🇳🇴' },
+    { id: '17', primary: 'Netherlands', secondary: ['Europe'], visual: '🇳🇱' },
+    { id: '18', primary: 'Portugal', secondary: ['Europe'], visual: '🇵🇹' },
+    { id: '19', primary: 'Canada', secondary: ['North America'], visual: '🇨🇦' },
+    { id: '20', primary: 'Czech Republic', secondary: ['Europe'], visual: '🇨🇿' },
+    { id: '21', primary: 'Argentina', secondary: ['South America'], visual: '🇦🇷' },
+    { id: '22', primary: 'Denmark', secondary: ['Europe'], visual: '🇩🇰' },
+    { id: '23', primary: 'Estonia', secondary: ['Europe'], visual: '🇪🇪' },
+    { id: '24', primary: 'Finland', secondary: ['Europe'], visual: '🇫🇮' },
+    { id: '25', primary: 'Slovenia', secondary: ['Europe'], visual: '🇸🇮' },
+    { id: '26', primary: 'Slovakia', secondary: ['Europe'], visual: '🇸🇰' },
+    { id: '27', primary: 'Romania', secondary: ['Europe'], visual: '🇷🇴' }
+];
+export const cars = [
+    {
+        id: 'dodge',
+        label: 'Dodge',
+        items: [
+            {
+                id: 'dodge charger',
+                primary: 'Charger'
+            },
+            {
+                id: 'dodge challenger',
+                primary: 'Challenger'
+            },
+            {
+                id: 'dodge coronet',
+                primary: 'Coronet'
+            }
+        ]
+    },
+    {
+        id: 'pontiac',
+        label: 'Pontiac',
+        items: [
+            {
+                id: 'gto',
+                primary: 'GTO'
+            },
+            {
+                id: 'firebird',
+                primary: 'Firebird'
+            }
+        ]
+    },
+    {
+        id: 'ford',
+        label: 'Ford',
+        items: [
+            {
+                id: 'mustang',
+                primary: 'Mustang'
+            },
+            {
+                id: 'falcon',
+                primary: 'Falcon'
+            },
+            {
+                id: 'torino',
+                primary: 'Torino'
+            }
+        ]
+    },
+    {
+        id: 'chevrolet',
+        label: 'Chevrolet',
+        items: [
+            {
+                id: 'camaro',
+                primary: 'Camaro'
+            },
+            {
+                id: 'chevelle',
+                primary: 'Chevelle'
+            }
+        ]
+    },
+    {
+        id: 'buick gran sport',
+        primary: 'Buick Gran Sport'
+    },
+    {
+        id: 'oldsmobile 442',
+        primary: 'Oldsmobile 442'
+    }
+];
+//# sourceMappingURL=Menu.mocks.js.map

package/jsx/core/Menu/Menu.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.mocks.js","sourceRoot":"","sources":["../../../src/core/Menu/Menu.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["// cSpell:words camaro chevelle\nimport { MenuProps } from '@pega/cosmos-react-core';\n\nexport const countries: MenuProps['items'] = [\n  {\n    id: '1',\n    primary: 'United States of America',\n    secondary: ['North America'],\n    visual: '🇺🇸',\n    items: [\n      {\n        id: '1-2',\n        primary: 'Maine',\n        tooltip:\n          'Maine, the northeasternmost U.S. state, is known for its rocky coastline, maritime history and nature areas like the granite and spruce islands of Acadia National Park. '\n      },\n      { id: '1-3', primary: 'Rhode Island' },\n      {\n        id: '1-1',\n        primary: 'Massachusetts',\n        items: [\n          {\n            id: 'group-1-1-b',\n            label: 'B',\n            items: [\n              { id: '1-1-1', primary: 'Barnstable County' },\n              { id: '1-1-2', primary: 'Berkshire County' },\n              { id: '1-1-3', primary: 'Bristol County' }\n            ]\n          },\n          { id: '1-1-4', primary: 'Dukes County' },\n          { id: '1-1-5', primary: 'Essex County' },\n          { id: '1-1-6', primary: 'Franklin County' },\n          {\n            id: '1-1-h',\n            label: 'H',\n            items: [\n              { id: '1-1-7', primary: 'Hampden County' },\n              { id: '1-1-8', primary: 'Hampshire County' }\n            ]\n          },\n          { id: '1-1-9', primary: 'Middlesex County' },\n          {\n            id: '1-1-n',\n            label: 'N',\n            items: [\n              { id: '1-1-10', primary: 'Nantucket County' },\n              { id: '1-1-11', primary: 'Norfolk County' }\n            ]\n          },\n          { id: '1-1-12', primary: 'Plymouth County' },\n          { id: '1-1-13', primary: 'Suffolk County' },\n          { id: '1-1-14', primary: 'Worcester County' }\n        ]\n      },\n      { id: '1-4', primary: 'Washington' },\n      { id: '1-5', primary: 'California' },\n      { id: '1-6', primary: 'Alabama' },\n      { id: '1-7', primary: 'Alaska' },\n      { id: '1-8', primary: 'Kentucky' },\n      { id: '1-9', primary: 'Ohio' },\n      { id: '1-10', primary: 'Minnesota' },\n      { id: '1-11', primary: 'Iowa' },\n      {\n        id: '1-12',\n        primary: 'Colorado',\n        tooltip:\n          'Colorado, a western U.S. state, has a diverse landscape of arid desert, Perched a mile above sea level, Denver, Colorado’s capital and largest city, features a vibrant downtown area'\n      }\n    ]\n  },\n  {\n    id: '2',\n    primary: 'Poland',\n    secondary: ['Europe'],\n    visual: '🇵🇱',\n    items: [\n      {\n        id: '2-1',\n        primary: 'Krakow'\n      }\n    ]\n  },\n  { id: '3', primary: 'England', secondary: ['Europe'], visual: '🏴󠁧󠁢󠁥󠁮󠁧󠁿' },\n  { id: '4', primary: 'France', secondary: ['Europe'], visual: '🇫🇷' },\n  { id: '5', primary: 'Germany', secondary: ['Europe'], visual: '🇩🇪' },\n  { id: '6', primary: 'Spain', secondary: ['Europe'], visual: '🇪🇸' },\n  { id: '7', primary: 'Italy', secondary: ['Europe'], visual: '🇮🇹' },\n  { id: '8', primary: 'Mexico', secondary: ['North America'], visual: '🇲🇽' },\n  { id: '9', primary: 'Brasil', secondary: ['South America'], visual: '🇧🇷' },\n  { id: '10', primary: 'Austria', secondary: ['Europe'], visual: '🇦🇹' },\n  { id: '11', primary: 'Belgium', secondary: ['Europe'], visual: '🇧🇪' },\n  { id: '12', primary: 'Chile', secondary: ['South America'], visual: '🇨🇱' },\n  { id: '13', primary: 'Hungary', secondary: ['Europe'], visual: '🇭🇺' },\n  { id: '14', primary: 'Iceland', secondary: ['Europe'], visual: '🇮🇸' },\n  { id: '15', primary: 'Sweden', secondary: ['Europe'], visual: '🇸🇪' },\n  { id: '16', primary: 'Norway', secondary: ['Europe'], visual: '🇳🇴' },\n  { id: '17', primary: 'Netherlands', secondary: ['Europe'], visual: '🇳🇱' },\n  { id: '18', primary: 'Portugal', secondary: ['Europe'], visual: '🇵🇹' },\n  { id: '19', primary: 'Canada', secondary: ['North America'], visual: '🇨🇦' },\n  { id: '20', primary: 'Czech Republic', secondary: ['Europe'], visual: '🇨🇿' },\n  { id: '21', primary: 'Argentina', secondary: ['South America'], visual: '🇦🇷' },\n  { id: '22', primary: 'Denmark', secondary: ['Europe'], visual: '🇩🇰' },\n  { id: '23', primary: 'Estonia', secondary: ['Europe'], visual: '🇪🇪' },\n  { id: '24', primary: 'Finland', secondary: ['Europe'], visual: '🇫🇮' },\n  { id: '25', primary: 'Slovenia', secondary: ['Europe'], visual: '🇸🇮' },\n  { id: '26', primary: 'Slovakia', secondary: ['Europe'], visual: '🇸🇰' },\n  { id: '27', primary: 'Romania', secondary: ['Europe'], visual: '🇷🇴' }\n];\n\nexport const cars: MenuProps['items'] = [\n  {\n    id: 'dodge',\n    label: 'Dodge',\n    items: [\n      {\n        id: 'dodge charger',\n        primary: 'Charger'\n      },\n      {\n        id: 'dodge challenger',\n        primary: 'Challenger'\n      },\n      {\n        id: 'dodge coronet',\n        primary: 'Coronet'\n      }\n    ]\n  },\n  {\n    id: 'pontiac',\n    label: 'Pontiac',\n    items: [\n      {\n        id: 'gto',\n        primary: 'GTO'\n      },\n      {\n        id: 'firebird',\n        primary: 'Firebird'\n      }\n    ]\n  },\n  {\n    id: 'ford',\n    label: 'Ford',\n    items: [\n      {\n        id: 'mustang',\n        primary: 'Mustang'\n      },\n      {\n        id: 'falcon',\n        primary: 'Falcon'\n      },\n      {\n        id: 'torino',\n        primary: 'Torino'\n      }\n    ]\n  },\n  {\n    id: 'chevrolet',\n    label: 'Chevrolet',\n    items: [\n      {\n        id: 'camaro',\n        primary: 'Camaro'\n      },\n      {\n        id: 'chevelle',\n        primary: 'Chevelle'\n      }\n    ]\n  },\n  {\n    id: 'buick gran sport',\n    primary: 'Buick Gran Sport'\n  },\n  {\n    id: 'oldsmobile 442',\n    primary: 'Oldsmobile 442'\n  }\n];\n"]}

package/jsx/core/Menu/Menu.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, Story } from '@storybook/react';
+import { MenuProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface MenuStoryProps extends MenuProps {
+    showItemSecondary?: boolean;
+    showItemVisual?: boolean;
+    showItemCount?: boolean;
+    parentSelection?: boolean;
+    filterPattern?: 'contains' | 'starts with';
+    infiniteScroll?: boolean;
+    noItems?: boolean;
+}
+export declare const MenuDemo: Story<MenuStoryProps>;
+export declare const FlatMenuDemo: Story<MenuStoryProps>;
+//# sourceMappingURL=Menu.stories.d.ts.map

package/jsx/core/Menu/Menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAOL,SAAS,EAOV,MAAM,yBAAyB,CAAC;;AAKjC,wBA6BU;AAEV,UAAU,cAAe,SAAQ,SAAS;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,GAAG,aAAa,CAAC;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,cAAc,CA+L1C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,cAAc,CAE9C,CAAC"}

package/jsx/core/Menu/Menu.stories.jsx

@@ -0,0 +1,164 @@
+import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Button, Count, Flex, Menu, menuHelpers, Popover, SearchInput, ToasterContext, createUID, useElement, useOuterEvent } from '@pega/cosmos-react-core';
+import { cars, countries } from './Menu.mocks';
+import { StyledFlag } from './Menu.styles';
+export default {
+    title: 'Core/Menu',
+    component: Menu,
+    args: {
+        variant: 'drill-down',
+        mode: 'action',
+        showItemSecondary: true,
+        showItemVisual: true,
+        showItemCount: true,
+        parentSelection: false,
+        filterPattern: 'contains',
+        infiniteScroll: false,
+        noItems: false,
+        emptyText: 'No items',
+        items: countries
+    },
+    argTypes: {
+        variant: { options: ['drill-down', 'flyout'], control: { type: 'select' } },
+        mode: { options: ['action', 'single-select', 'multi-select'], control: { type: 'select' } },
+        showItemSecondary: { control: { type: 'boolean' } },
+        showItemVisual: { control: { type: 'boolean' } },
+        showItemCount: { control: { type: 'boolean' } },
+        parentSelection: { control: { type: 'boolean' } },
+        filterPattern: { options: ['contains', 'starts with'], control: { type: 'select' } },
+        infiniteScroll: { control: { type: 'boolean' } },
+        noItems: { control: { type: 'boolean' } },
+        emptyText: { control: { type: 'text' } },
+        items: { table: { disable: true } }
+    }
+};
+export const MenuDemo = (args) => {
+    const menuID = createUID();
+    const searchEleRef = useRef(null);
+    const { push } = useContext(ToasterContext);
+    const [isOpen, setIsOpen] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const [hasMore, setHasMore] = useState(true);
+    const [items, setItems] = useState(args.infiniteScroll ? args.items.slice(0, 10) : args.items);
+    const [buttonEl, setButtonEl] = useElement(null);
+    const [popoverEl, setPopoverEl] = useElement(null);
+    const [search, setSearch] = useState('');
+    const selections = useMemo(() => menuHelpers.getSelected(items), [items]);
+    const searchRegex = useMemo(() => {
+        const escapedSearch = search.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
+        return new RegExp(args.filterPattern === 'contains' ? escapedSearch : `^${escapedSearch}`, 'i');
+    }, [search, args.filterPattern]);
+    const itemsToRender = useMemo(() => {
+        return menuHelpers.mapTree(search
+            ? menuHelpers.flatten(items).filter(({ primary }) => {
+                return searchRegex.test(primary);
+            })
+            : items, item => {
+            let selectable = false;
+            if (!item.items || args.parentSelection) {
+                selectable = true;
+            }
+            return {
+                ...item,
+                visual: args.showItemVisual && item.visual ? <StyledFlag>{item.visual}</StyledFlag> : undefined,
+                count: args.showItemCount && item.items ? item.items.length : undefined,
+                secondary: args.showItemSecondary ? item.secondary : undefined,
+                selected: selectable ? !!item.selected : undefined,
+                tooltip: args.variant === 'flyout' ? item.tooltip : undefined
+            };
+        });
+    }, [search, items, searchRegex, args.showItemVisual]);
+    const resetMenu = useCallback(() => {
+        setIsOpen(false);
+        setItems(args.items.slice(0, 10));
+        setSearch('');
+    }, []);
+    const onKeydown = useCallback(({ key }) => {
+        if (key === 'Escape')
+            resetMenu();
+    }, [resetMenu]);
+    const loadMore = useCallback((expandedItemId) => {
+        if (!expandedItemId) {
+            setIsLoading(true);
+            setTimeout(() => {
+                setIsLoading(false);
+                setItems(prevItems => {
+                    const newItems = args.items.slice(prevItems.length, prevItems.length + 10);
+                    if (newItems.length === 0)
+                        setHasMore(false);
+                    return menuHelpers.appendTo(prevItems, newItems, expandedItemId);
+                });
+            }, 2000);
+        }
+    }, [items, isLoading]);
+    useOuterEvent('mousedown', [popoverEl, buttonEl], e => {
+        if (args.variant === 'flyout') {
+            const path = e.composedPath();
+            const considerEvent = path.every(el => {
+                return !(el instanceof HTMLElement && el.dataset.flyoutMenuParentId === menuID);
+            });
+            if (considerEvent) {
+                resetMenu();
+            }
+        }
+        else {
+            resetMenu();
+        }
+    });
+    useEffect(() => {
+        document.addEventListener('keydown', onKeydown);
+        return () => {
+            document.removeEventListener('keydown', onKeydown);
+        };
+    }, []);
+    useEffect(() => {
+        if (isOpen) {
+            searchEleRef?.current?.focus();
+        }
+    }, [isOpen, searchEleRef.current]);
+    return (<Flex container={{ justify: 'center' }}>
+      <Button ref={setButtonEl} onClick={() => setIsOpen(cur => !cur)} variant='primary'>
+        Open the MENU
+      </Button>
+
+      <Popover show={isOpen} ref={setPopoverEl} target={buttonEl}>
+        <Menu {...args} id={menuID} items={args.noItems ? [] : itemsToRender} accent={search ? searchRegex : undefined} mode={args.variant === 'drill-down' ? args.mode : 'action'} loading={isLoading} emptyText={args.emptyText} variant={args.variant} loadMore={args.infiniteScroll && hasMore ? loadMore : undefined} focusControlEl={searchEleRef.current || undefined} onItemClick={id => {
+            if (args.mode === 'single-select' || args.mode === 'multi-select') {
+                setItems(cur => menuHelpers.toggleSelected(cur, id, args.mode));
+            }
+            else {
+                const clicked = menuHelpers.getItem(items, id);
+                if (clicked) {
+                    push({
+                        id: `${Date.now()}`,
+                        content: `${clicked.primary} added`
+                    });
+                }
+                resetMenu();
+            }
+        }} header={args.variant === 'drill-down' && (<SearchInput ref={searchEleRef} onSearchChange={setSearch} value={search} role='combobox' searchInputAriaLabel='Start typing to search.'/>)} footer={args.variant === 'flyout' ? (<SearchInput ref={searchEleRef} onSearchChange={setSearch} value={search} role='combobox' searchInputAriaLabel='Start typing to search.'/>) : ((args.mode === 'single-select' || args.mode === 'multi-select') && (<Flex container={{ justify: 'between' }}>
+                  <Button onClick={resetMenu}>Cancel</Button>
+
+                  <Button variant='primary' disabled={!selections.length} onClick={() => {
+                resetMenu();
+                push({
+                    id: `${Date.now()}`,
+                    content: `${selections.length} item${selections.length !== 1 ? 's' : ''} added`
+                });
+            }}>
+                    Add
+                    {selections.length > 0 && args.mode === 'multi-select' && (<>
+                        &nbsp;<Count>{selections.length}</Count>
+                      </>)}
+                  </Button>
+                </Flex>))}/>
+      </Popover>
+    </Flex>);
+};
+export const FlatMenuDemo = (args) => {
+    return <MenuDemo {...args}/>;
+};
+FlatMenuDemo.args = {
+    items: cars
+};
+//# sourceMappingURL=Menu.stories.jsx.map

package/jsx/core/Menu/Menu.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.jsx","sourceRoot":"","sources":["../../../src/core/Menu/Menu.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n  Button,\n  Count,\n  Flex,\n  Menu,\n  menuHelpers,\n  MenuItemProps,\n  MenuProps,\n  Popover,\n  SearchInput,\n  ToasterContext,\n  createUID,\n  useElement,\n  useOuterEvent\n} from '@pega/cosmos-react-core';\n\nimport { cars, countries } from './Menu.mocks';\nimport { StyledFlag } from './Menu.styles';\n\nexport default {\n  title: 'Core/Menu',\n  component: Menu,\n  args: {\n    variant: 'drill-down',\n    mode: 'action',\n    showItemSecondary: true,\n    showItemVisual: true,\n    showItemCount: true,\n    parentSelection: false,\n    filterPattern: 'contains',\n    infiniteScroll: false,\n    noItems: false,\n    emptyText: 'No items',\n    items: countries\n  },\n  argTypes: {\n    variant: { options: ['drill-down', 'flyout'], control: { type: 'select' } },\n    mode: { options: ['action', 'single-select', 'multi-select'], control: { type: 'select' } },\n    showItemSecondary: { control: { type: 'boolean' } },\n    showItemVisual: { control: { type: 'boolean' } },\n    showItemCount: { control: { type: 'boolean' } },\n    parentSelection: { control: { type: 'boolean' } },\n    filterPattern: { options: ['contains', 'starts with'], control: { type: 'select' } },\n    infiniteScroll: { control: { type: 'boolean' } },\n    noItems: { control: { type: 'boolean' } },\n    emptyText: { control: { type: 'text' } },\n    items: { table: { disable: true } }\n  }\n} as Meta;\n\ninterface MenuStoryProps extends MenuProps {\n  showItemSecondary?: boolean;\n  showItemVisual?: boolean;\n  showItemCount?: boolean;\n  parentSelection?: boolean;\n  filterPattern?: 'contains' | 'starts with';\n  infiniteScroll?: boolean;\n  noItems?: boolean;\n}\n\nexport const MenuDemo: Story<MenuStoryProps> = (args: MenuStoryProps) => {\n  const menuID = createUID();\n\n  const searchEleRef = useRef<HTMLInputElement>(null);\n  const { push } = useContext(ToasterContext);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [items, setItems] = useState<MenuProps['items']>(\n    args.infiniteScroll ? args.items.slice(0, 10) : args.items\n  );\n  const [buttonEl, setButtonEl] = useElement<HTMLButtonElement>(null);\n  const [popoverEl, setPopoverEl] = useElement<HTMLElement>(null);\n  const [search, setSearch] = useState('');\n  const selections = useMemo(() => menuHelpers.getSelected(items), [items]);\n  const searchRegex = useMemo(() => {\n    const escapedSearch = search.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&');\n    return new RegExp(args.filterPattern === 'contains' ? escapedSearch : `^${escapedSearch}`, 'i');\n  }, [search, args.filterPattern]);\n\n  const itemsToRender = useMemo(() => {\n    return menuHelpers.mapTree(\n      search\n        ? menuHelpers.flatten(items).filter(({ primary }: MenuItemProps) => {\n            return searchRegex.test(primary);\n          })\n        : items,\n      item => {\n        let selectable = false;\n\n        if (!item.items || args.parentSelection) {\n          selectable = true;\n        }\n\n        return {\n          ...item,\n          visual:\n            args.showItemVisual && item.visual ? <StyledFlag>{item.visual}</StyledFlag> : undefined,\n          count: args.showItemCount && item.items ? item.items.length : undefined,\n          secondary: args.showItemSecondary ? item.secondary : undefined,\n          selected: selectable ? !!item.selected : undefined,\n          tooltip: args.variant === 'flyout' ? item.tooltip : undefined\n        };\n      }\n    );\n  }, [search, items, searchRegex, args.showItemVisual]);\n\n  const resetMenu = useCallback(() => {\n    setIsOpen(false);\n    setItems(args.items.slice(0, 10));\n    setSearch('');\n  }, []);\n\n  const onKeydown = useCallback(\n    ({ key }: KeyboardEvent) => {\n      if (key === 'Escape') resetMenu();\n    },\n    [resetMenu]\n  );\n\n  const loadMore = useCallback(\n    (expandedItemId?: MenuItemProps['id']) => {\n      if (!expandedItemId) {\n        setIsLoading(true);\n        setTimeout(() => {\n          setIsLoading(false);\n          setItems(prevItems => {\n            const newItems = args.items.slice(prevItems.length, prevItems.length + 10);\n\n            if (newItems.length === 0) setHasMore(false);\n\n            return menuHelpers.appendTo(prevItems, newItems, expandedItemId);\n          });\n        }, 2000);\n      }\n    },\n    [items, isLoading]\n  );\n\n  useOuterEvent('mousedown', [popoverEl, buttonEl], e => {\n    if (args.variant === 'flyout') {\n      const path = e.composedPath();\n      const considerEvent = path.every(el => {\n        return !(el instanceof HTMLElement && el.dataset.flyoutMenuParentId === menuID);\n      });\n      if (considerEvent) {\n        resetMenu();\n      }\n    } else {\n      resetMenu();\n    }\n  });\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      searchEleRef?.current?.focus();\n    }\n  }, [isOpen, searchEleRef.current]);\n\n  return (\n    <Flex container={{ justify: 'center' }}>\n      <Button ref={setButtonEl} onClick={() => setIsOpen(cur => !cur)} variant='primary'>\n        Open the MENU\n      </Button>\n\n      <Popover show={isOpen} ref={setPopoverEl} target={buttonEl}>\n        <Menu\n          {...args}\n          id={menuID}\n          items={args.noItems ? [] : itemsToRender}\n          accent={search ? searchRegex : undefined}\n          mode={args.variant === 'drill-down' ? args.mode : 'action'}\n          loading={isLoading}\n          emptyText={args.emptyText}\n          variant={args.variant}\n          loadMore={args.infiniteScroll && hasMore ? loadMore : undefined}\n          focusControlEl={searchEleRef.current || undefined}\n          onItemClick={id => {\n            if (args.mode === 'single-select' || args.mode === 'multi-select') {\n              setItems(cur => menuHelpers.toggleSelected(cur, id, args.mode));\n            } else {\n              const clicked = menuHelpers.getItem(items, id);\n              if (clicked) {\n                push({\n                  id: `${Date.now()}`,\n                  content: `${clicked.primary} added`\n                });\n              }\n              resetMenu();\n            }\n          }}\n          header={\n            args.variant === 'drill-down' && (\n              <SearchInput\n                ref={searchEleRef}\n                onSearchChange={setSearch}\n                value={search}\n                role='combobox'\n                searchInputAriaLabel='Start typing to search.'\n              />\n            )\n          }\n          footer={\n            args.variant === 'flyout' ? (\n              <SearchInput\n                ref={searchEleRef}\n                onSearchChange={setSearch}\n                value={search}\n                role='combobox'\n                searchInputAriaLabel='Start typing to search.'\n              />\n            ) : (\n              (args.mode === 'single-select' || args.mode === 'multi-select') && (\n                <Flex container={{ justify: 'between' }}>\n                  <Button onClick={resetMenu}>Cancel</Button>\n\n                  <Button\n                    variant='primary'\n                    disabled={!selections.length}\n                    onClick={() => {\n                      resetMenu();\n                      push({\n                        id: `${Date.now()}`,\n                        content: `${selections.length} item${\n                          selections.length !== 1 ? 's' : ''\n                        } added`\n                      });\n                    }}\n                  >\n                    Add\n                    {selections.length > 0 && args.mode === 'multi-select' && (\n                      <>\n                        &nbsp;<Count>{selections.length}</Count>\n                      </>\n                    )}\n                  </Button>\n                </Flex>\n              )\n            )\n          }\n        />\n      </Popover>\n    </Flex>\n  );\n};\n\nexport const FlatMenuDemo: Story<MenuStoryProps> = (args: MenuStoryProps) => {\n  return <MenuDemo {...args} />;\n};\n\nFlatMenuDemo.args = {\n  items: cars\n};\n"]}

package/jsx/core/Menu/Menu.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledFlag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=Menu.styles.d.ts.map

package/jsx/core/Menu/Menu.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Menu/Menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,0GAGtB,CAAC"}

package/jsx/core/Menu/Menu.styles.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+export const StyledFlag = styled.span `
+  font-size: 1.125rem;
+  line-height: 1;
+`;
+//# sourceMappingURL=Menu.styles.js.map

package/jsx/core/Menu/Menu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.styles.js","sourceRoot":"","sources":["../../../src/core/Menu/Menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGpC,CAAC","sourcesContent":["import styled from 'styled-components';\n\nexport const StyledFlag = styled.span`\n  font-size: 1.125rem;\n  line-height: 1;\n`;\n"]}

package/jsx/core/MenuButton/MenuButton.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/react';
+import { MenuButtonProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface MenuButtonStoryProps extends MenuButtonProps {
+    showIcon: boolean;
+    showItemVisual: boolean;
+    showItemSecondary: boolean;
+    showItemCount: boolean;
+}
+export declare const MenuButtonAction: Story<MenuButtonStoryProps>;
+export declare const MenuButtonSingleSelect: Story<MenuButtonStoryProps>;
+export declare const MenuButtonMultiSelect: Story<MenuButtonStoryProps>;
+export declare const MenuButtonDisabledItems: Story<MenuButtonStoryProps>;
+//# sourceMappingURL=MenuButton.stories.d.ts.map

package/jsx/core/MenuButton/MenuButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MenuButton/MenuButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAKL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;;AAEjC,wBAuBU;AAEV,UAAU,oBAAqB,SAAQ,eAAe;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,oBAAoB,CA0CxD,CAAC;AAMF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,oBAAoB,CAmD9D,CAAC;AAMF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,oBAAoB,CAsE7D,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,oBAAoB,CA8C/D,CAAC"}

package/jsx/core/MetaList/MetaList.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, Story } from '@storybook/react';
+import { MetaListProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface MetaListStoryProps {
+    wrapItems?: MetaListProps['wrapItems'];
+}
+export declare const MetaListDemo: Story<MetaListStoryProps>;
+//# sourceMappingURL=MetaList.stories.d.ts.map

package/jsx/core/MetaList/MetaList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetaList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MetaList/MetaList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAkB,aAAa,EAAU,MAAM,yBAAyB,CAAC;;AAEhF,wBAGU;AAEV,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAgBlD,CAAC"}

package/jsx/core/Modal/Modal.mocks.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare type ContentTypes = 'short text' | 'long text' | 'image' | 'table' | 'form (1 column)' | 'form (2 column)' | 'form (3 column)' | 'random';
+export declare const getContent: (contentType: ContentTypes, formColumnWidthFixed: boolean) => JSX.Element;
+//# sourceMappingURL=Modal.mocks.d.ts.map

package/jsx/core/Modal/Modal.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Modal/Modal.mocks.tsx"],"names":[],"mappings":";AAOA,oBAAY,YAAY,GACpB,YAAY,GACZ,WAAW,GACX,OAAO,GACP,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,QAAQ,CAAC;AAab,eAAO,MAAM,UAAU,gBAAiB,YAAY,wBAAwB,OAAO,gBAiClF,CAAC"}

package/jsx/core/Modal/Modal.mocks.jsx

@@ -0,0 +1,44 @@
+import { Flex, Text } from '@pega/cosmos-react-core';
+import { ImageDemo } from '@pega/cosmos-react-demos/lib/core/Image/Image.stories';
+import { TableDemo } from '@pega/cosmos-react-demos/lib/core/Table/Table.stories';
+import { FormContent } from '@pega/cosmos-react-demos/lib/core/Form/Form.mocks';
+const getRandomContentType = (contentType) => {
+    const contentMap = {
+        text: ['short text', 'long text'],
+        meta: ['image', 'table'],
+        form: ['form (1 column)', 'form (2 column)', 'form (3 column)']
+    };
+    const options = contentMap[contentType];
+    return options[Math.floor(Math.random() * options.length)];
+};
+export const getContent = (contentType, formColumnWidthFixed) => {
+    switch (contentType) {
+        case 'random':
+            return (<Flex container={{ direction: 'column', gap: 4 }}>
+          {getContent(getRandomContentType('text'), false)}
+          {getContent(getRandomContentType('meta'), false)}
+          {getContent(getRandomContentType('form'), formColumnWidthFixed)}
+        </Flex>);
+        case 'image':
+            return <ImageDemo />;
+        case 'table':
+            return <TableDemo />;
+        case 'form (1 column)':
+            return <FormContent cols={1} showActions={false}/>;
+        case 'form (2 column)':
+            return <FormContent cols={2} showActions={false}/>;
+        case 'form (3 column)':
+            return <FormContent cols={3} showActions={false}/>;
+        case 'long text':
+            return (<Text>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum ipsum ipsum, nec
+          sodales risus finibus eget. Proin ornare, ante ac convallis sollicitudin, elit turpis
+          venenatis lorem, vitae viverra eros magna non lectus. Duis ac auctor sapien. Donec
+          malesuada eros ut libero sodales, malesuada ullamcorper lacus eleifend.
+        </Text>);
+        case 'short text':
+        default:
+            return <Text>Lorem ipsum dolor sit amet.</Text>;
+    }
+};
+//# sourceMappingURL=Modal.mocks.jsx.map

package/jsx/core/Modal/Modal.mocks.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.mocks.jsx","sourceRoot":"","sources":["../../../src/core/Modal/Modal.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAchF,MAAM,oBAAoB,GAAG,CAAC,WAA4B,EAAgB,EAAE;IAC1E,MAAM,UAAU,GAA4C;QAC1D,IAAI,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;QACjC,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QACxB,IAAI,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC;KAChE,CAAC;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAExC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,WAAyB,EAAE,oBAA6B,EAAE,EAAE;IACrF,QAAQ,WAAW,EAAE;QACnB,KAAK,QAAQ;YACX,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;UAAA,CAAC,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAChD;UAAA,CAAC,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAChD;UAAA,CAAC,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,oBAAoB,CAAC,CACjE;QAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,KAAK,OAAO;YACV,OAAO,CAAC,SAAS,CAAC,AAAD,EAAG,CAAC;QACvB,KAAK,OAAO;YACV,OAAO,CAAC,SAAS,CAAC,AAAD,EAAG,CAAC;QACvB,KAAK,iBAAiB;YACpB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC;QACtD,KAAK,iBAAiB;YACpB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC;QACtD,KAAK,iBAAiB;YACpB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC;QACtD,KAAK,WAAW;YACd,OAAO,CACL,CAAC,IAAI,CACH;;;;;QAIF,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,KAAK,YAAY,CAAC;QAClB;YACE,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,IAAI,CAAC,CAAC;KACnD;AACH,CAAC,CAAC","sourcesContent":["import { Flex, Text } from '@pega/cosmos-react-core';\nimport { ImageDemo } from '@pega/cosmos-react-demos/lib/core/Image/Image.stories';\nimport { TableDemo } from '@pega/cosmos-react-demos/lib/core/Table/Table.stories';\nimport { FormContent } from '@pega/cosmos-react-demos/lib/core/Form/Form.mocks';\n\ntype ContentSections = 'text' | 'meta' | 'form';\n\nexport type ContentTypes =\n  | 'short text'\n  | 'long text'\n  | 'image'\n  | 'table'\n  | 'form (1 column)'\n  | 'form (2 column)'\n  | 'form (3 column)'\n  | 'random';\n\nconst getRandomContentType = (contentType: ContentSections): ContentTypes => {\n  const contentMap: Record<ContentSections, ContentTypes[]> = {\n    text: ['short text', 'long text'],\n    meta: ['image', 'table'],\n    form: ['form (1 column)', 'form (2 column)', 'form (3 column)']\n  };\n  const options = contentMap[contentType];\n\n  return options[Math.floor(Math.random() * options.length)];\n};\n\nexport const getContent = (contentType: ContentTypes, formColumnWidthFixed: boolean) => {\n  switch (contentType) {\n    case 'random':\n      return (\n        <Flex container={{ direction: 'column', gap: 4 }}>\n          {getContent(getRandomContentType('text'), false)}\n          {getContent(getRandomContentType('meta'), false)}\n          {getContent(getRandomContentType('form'), formColumnWidthFixed)}\n        </Flex>\n      );\n    case 'image':\n      return <ImageDemo />;\n    case 'table':\n      return <TableDemo />;\n    case 'form (1 column)':\n      return <FormContent cols={1} showActions={false} />;\n    case 'form (2 column)':\n      return <FormContent cols={2} showActions={false} />;\n    case 'form (3 column)':\n      return <FormContent cols={3} showActions={false} />;\n    case 'long text':\n      return (\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum ipsum ipsum, nec\n          sodales risus finibus eget. Proin ornare, ante ac convallis sollicitudin, elit turpis\n          venenatis lorem, vitae viverra eros magna non lectus. Duis ac auctor sapien. Donec\n          malesuada eros ut libero sodales, malesuada ullamcorper lacus eleifend.\n        </Text>\n      );\n    case 'short text':\n    default:\n      return <Text>Lorem ipsum dolor sit amet.</Text>;\n  }\n};\n"]}

package/jsx/core/Modal/Modal.stories.d.ts

@@ -0,0 +1,20 @@
+import { Meta, Story } from '@storybook/react';
+import { ModalProps } from '@pega/cosmos-react-core';
+import { ContentTypes } from './Modal.mocks';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ModalDemo: Story<ModalProps>;
+export declare const ModalUpdates: Story<ModalProps>;
+export declare const AlertModal: Story<ModalProps>;
+export declare const ProgressState: Story<ModalProps>;
+export declare const MinimizableModal: Story<ModalProps>;
+export declare const DockedModal: Story;
+interface AutoWidthModalContentProps {
+    autoWidth: boolean;
+    content: ContentTypes;
+    formColumnWidthFixed: boolean;
+    stretch?: never;
+    center?: never;
+}
+export declare const AutoWidthModalContent: Story<AutoWidthModalContentProps>;
+//# sourceMappingURL=Modal.stories.d.ts.map

package/jsx/core/Modal/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAY/C,OAAO,EAQL,UAAU,EAKX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAC;;AAEzD,wBAgBU;AAEV,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,UAAU,CA+BvC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,UAAU,CAkE1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,UAAU,CAgGxC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,UAAU,CA2F3C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,UAAU,CAkC9C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAC;AAQF,UAAU,0BAA0B;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,0BAA0B,CAgEnE,CAAC"}

package/jsx/core/MultiStep/MultiStep.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const MultiStepDemo: () => JSX.Element;
+//# sourceMappingURL=MultiStep.stories.d.ts.map

package/jsx/core/MultiStep/MultiStep.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiStep.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MultiStep/MultiStep.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;;AAKxC,wBAGU;AAEV,eAAO,MAAM,aAAa,mBAoEzB,CAAC"}

package/jsx/core/Number/Number.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, Story } from '@storybook/react';
+import { NumberDisplayProps, NumberInputProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const NumberInputDemo: Story<NumberInputProps>;
+export declare const StepperDemo: Story<NumberInputProps>;
+interface NumberDisplayStoryProps extends NumberDisplayProps {
+    numberOfDecimals: number;
+    showGroupSeparators: boolean;
+    showDecimal: boolean;
+}
+export declare const NumberDisplayDemo: Story<NumberDisplayStoryProps>;
+//# sourceMappingURL=Number.stories.d.ts.map