@lumx/react 3.10.1-alpha.0 → 3.10.1-alpha.2

package/_internal/components/navigation/index.ts-e8dc0a7f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-e8dc0a7f.js","sources":["../../../../src/utils/react/forwardRefPolymorphic.ts","../../../../src/components/navigation/NavigationItem.tsx","../../../../src/components/navigation/context.tsx","../../../../src/components/navigation/NavigationSection.tsx","../../../../src/components/navigation/Navigation.tsx"],"sourcesContent":["import React, { type ElementType } from 'react';\nimport type { ComponentRef } from '@lumx/react/utils/type';\n\ntype ForwardRefPolymorphic = <E extends ElementType, P extends { as?: E }>(\n    render: (props: P, ref: ComponentRef<E>) => React.ReactNode,\n) => (props: P & { ref?: ComponentRef<E> }) => React.ReactNode;\n\n/** Same as `React.forwardRef` but inferring Ref type from the `as` prop. */\n/*#__NO_SIDE_EFFECTS__*/\nexport const forwardRefPolymorphic = React.forwardRef as ForwardRefPolymorphic;\n","import React, { ElementType, ReactNode } from 'react';\nimport { Icon, Placement, Size, Tooltip, Text } from '@lumx/react';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { ComponentRef, HasClassName, HasPolymorphicAs, HasTheme } from '@lumx/react/utils/type';\nimport classNames from 'classnames';\nimport { forwardRefPolymorphic } from '@lumx/react/utils/react/forwardRefPolymorphic';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useOverflowTooltipLabel } from '@lumx/react/hooks/useOverflowTooltipLabel';\n\ntype BaseNavigationItemProps = {\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Label content. */\n    label: ReactNode;\n    /** Mark as the current page link */\n    isCurrentPage?: boolean;\n};\n\n/** Make `href` required when `as` is `a` */\ntype RequiredLinkHref<E> = E extends 'a' ? { href: string } : Record<string, unknown>;\n\n/**\n * Navigation item props\n */\nexport type NavigationItemProps<E extends ElementType = 'a'> = HasPolymorphicAs<E> &\n    HasTheme &\n    HasClassName &\n    BaseNavigationItemProps &\n    RequiredLinkHref<E>;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationItem';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationItem = Object.assign(\n    forwardRefPolymorphic(<E extends ElementType = 'a'>(props: NavigationItemProps<E>, ref: ComponentRef<E>) => {\n        const { className, icon, label, isCurrentPage, as: Element = 'a', ...forwardedProps } = props;\n        const theme = useTheme();\n        const { tooltipLabel, labelRef } = useOverflowTooltipLabel();\n\n        const buttonProps = Element === 'button' ? { type: 'button' } : {};\n\n        return (\n            <li\n                className={classNames(\n                    className,\n                    handleBasicClasses({\n                        prefix: CLASSNAME,\n                        theme,\n                    }),\n                )}\n            >\n                <Tooltip label={tooltipLabel} placement={Placement.TOP}>\n                    <Element\n                        className={handleBasicClasses({\n                            prefix: `${CLASSNAME}__link`,\n                            isSelected: isCurrentPage,\n                        })}\n                        ref={ref as React.Ref<any>}\n                        aria-current={isCurrentPage ? 'page' : undefined}\n                        {...buttonProps}\n                        {...forwardedProps}\n                    >\n                        {icon ? (\n                            <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} theme={theme} />\n                        ) : null}\n\n                        <Text as=\"span\" truncate className={`${CLASSNAME}__label`} ref={labelRef}>\n                            {label}\n                        </Text>\n                    </Element>\n                </Tooltip>\n            </li>\n        );\n    }),\n    {\n        displayName: COMPONENT_NAME,\n        className: CLASSNAME,\n    },\n);\n","import { createContext } from 'react';\nimport { Orientation } from '..';\n\nexport const NavigationContext = createContext<{ orientation?: Orientation } | undefined>({\n    orientation: Orientation.vertical,\n});\n","import React, { forwardRef, ReactNode, useRef, useState, useContext } from 'react';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Icon, Size, Text, Orientation, Popover, Placement, Theme } from '@lumx/react';\nimport classNames from 'classnames';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { HasClassName } from '@lumx/react/utils/type';\nimport { ThemeProvider, useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useId } from '@lumx/react/hooks/useId';\n\nimport { CLASSNAME as ITEM_CLASSNAME } from './NavigationItem';\nimport { NavigationContext } from './context';\n\nexport interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'button'>, HasClassName {\n    /** Items inside the section */\n    children: ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Label content. */\n    label: string | ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationSection';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationSection = Object.assign(\n    forwardRef<HTMLLIElement, NavigationSectionProps>((props, ref) => {\n        const { children, className, label, icon, ...forwardedProps } = props;\n        const [isOpen, setIsOpen] = useState(false);\n        const buttonRef = useRef<HTMLButtonElement>(null);\n        const sectionId = useId();\n        const { orientation } = useContext(NavigationContext) || {};\n        const theme = useTheme();\n        const isDropdown = orientation === Orientation.horizontal;\n        return (\n            <li\n                className={classNames(\n                    className,\n                    CLASSNAME,\n                    ITEM_CLASSNAME,\n                    handleBasicClasses({\n                        prefix: ITEM_CLASSNAME,\n                        theme,\n                    }),\n                )}\n                ref={ref}\n            >\n                <button\n                    {...forwardedProps}\n                    aria-controls={sectionId}\n                    aria-expanded={isOpen}\n                    className={classNames(`${ITEM_CLASSNAME}__link`)}\n                    ref={buttonRef}\n                    onClick={(event) => {\n                        setIsOpen(!isOpen);\n                        event.stopPropagation();\n                    }}\n                    type=\"button\"\n                >\n                    {icon ? <Icon className={`${ITEM_CLASSNAME}__icon`} icon={icon} size={Size.xs} /> : null}\n\n                    <Text as=\"span\" truncate className={`${ITEM_CLASSNAME}__label`} ref={ref}>\n                        {label}\n                    </Text>\n                    <Icon\n                        className={classNames(`${ITEM_CLASSNAME}__icon`, `${CLASSNAME}__chevron`)}\n                        icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                    />\n                </button>\n                {isOpen &&\n                    (isDropdown ? (\n                        <Popover\n                            anchorRef={buttonRef}\n                            isOpen={isOpen}\n                            placement={Placement.BOTTOM_START}\n                            usePortal={false}\n                            closeOnClickAway\n                            closeOnEscape\n                            onClick={() => setIsOpen(false)}\n                            onClose={() => setIsOpen(false)}\n                            zIndex={996}\n                        >\n                            <ThemeProvider value={Theme.light}>\n                                <ul className={`${CLASSNAME}__drawer--popover`} id={sectionId}>\n                                    <NavigationContext.Provider value={{ orientation: Orientation.vertical }}>\n                                        {children}\n                                    </NavigationContext.Provider>\n                                </ul>\n                            </ThemeProvider>\n                        </Popover>\n                    ) : (\n                        <ul className={`${CLASSNAME}__drawer`} id={sectionId}>\n                            {children}\n                        </ul>\n                    ))}\n            </li>\n        );\n    }),\n    {\n        displayName: COMPONENT_NAME,\n        className: CLASSNAME,\n    },\n);\n","import React, { forwardRef, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { HasAriaLabelOrLabelledBy, HasClassName, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { Orientation, Theme } from '@lumx/react';\nimport { ThemeProvider, useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { NavigationSection } from './NavigationSection';\nimport { NavigationItem } from './NavigationItem';\nimport { NavigationContext } from './context';\n\nexport type NavigationProps = React.ComponentProps<'nav'> &\n    HasClassName &\n    HasTheme & {\n        /** Content of the navigation. These components should be of type NavigationItem to be rendered */\n        children?: ReactNode;\n        orientation?: Orientation;\n    } & HasAriaLabelOrLabelledBy;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Navigation';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props\n */\nconst DEFAULT_PROPS = {\n    orientation: Orientation.vertical,\n};\n\nexport const Navigation = Object.assign(\n    // eslint-disable-next-line react/display-name\n    forwardRef<HTMLElement, NavigationProps>((props, ref) => {\n        const defaultTheme = useTheme() || Theme.light;\n        const { children, className, theme = defaultTheme, orientation, ...forwardedProps } = props;\n        return (\n            <ThemeProvider value={theme}>\n                <nav\n                    className={classNames(\n                        className,\n                        handleBasicClasses({\n                            prefix: CLASSNAME,\n                            theme,\n                            orientation,\n                        }),\n                    )}\n                    ref={ref}\n                    {...forwardedProps}\n                >\n                    <NavigationContext.Provider value={{ orientation }}>\n                        <ul className={`${CLASSNAME}__list`}>{children}</ul>\n                    </NavigationContext.Provider>\n                </nav>\n            </ThemeProvider>\n        );\n    }),\n    {\n        displayName: COMPONENT_NAME,\n        className: CLASSNAME,\n        defaultProps: DEFAULT_PROPS,\n        // Sub components\n        Section: NavigationSection,\n        Item: NavigationItem,\n    },\n);\n"],"names":["forwardRefPolymorphic","React","forwardRef","COMPONENT_NAME","CLASSNAME","getRootClassName","NavigationItem","Object","assign","props","ref","className","icon","label","isCurrentPage","as","Element","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","tooltipLabel","labelRef","useOverflowTooltipLabel","buttonProps","type","createElement","classNames","handleBasicClasses","prefix","Tooltip","placement","Placement","TOP","_extends","isSelected","undefined","Icon","size","Size","xs","Text","truncate","displayName","NavigationContext","createContext","orientation","Orientation","vertical","NavigationSection","children","isOpen","setIsOpen","useState","buttonRef","useRef","sectionId","useId","useContext","isDropdown","horizontal","ITEM_CLASSNAME","onClick","event","stopPropagation","mdiChevronUp","mdiChevronDown","Popover","anchorRef","BOTTOM_START","usePortal","closeOnClickAway","closeOnEscape","onClose","zIndex","ThemeProvider","value","Theme","light","id","Provider","DEFAULT_PROPS","Navigation","defaultTheme","defaultProps","Section","Item"],"mappings":";;;;;;;;;;;AAOA;AACA;AACO,MAAMA,qBAAqB,GAAGC,cAAK,CAACC,UAAmC;;;;ACS9E;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AACA,MAAMC,gBAAc,GAAG,gBAAgB,CAAA;;AAEvC;AACA;AACA;AACO,MAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAc,CAAC,CAAA;AAElD,MAAMG,cAAc,GAAGC,MAAM,CAACC,MAAM,CACvCR,qBAAqB,CAAC,CAA8BS,KAA6B,EAAEC,GAAoB,KAAK;EACxG,MAAM;MAAEC,SAAS;MAAEC,IAAI;MAAEC,KAAK;MAAEC,aAAa;MAAEC,EAAE,EAAEC,OAAO,GAAG,GAAA;AAAuB,KAAC,GAAGP,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,WAAA,CAAA,CAAA;AAC7F,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;EACxB,MAAM;IAAEC,YAAY;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,uBAAuB,EAAE,CAAA;AAE5D,EAAA,MAAMC,WAAW,GAAGT,OAAO,KAAK,QAAQ,GAAG;AAAEU,IAAAA,IAAI,EAAE,QAAA;GAAU,GAAG,EAAE,CAAA;EAElE,oBACIzB,cAAA,CAAA0B,aAAA,CAAA,IAAA,EAAA;AACIhB,IAAAA,SAAS,EAAEiB,UAAU,CACjBjB,SAAS,EACTkB,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAE1B,WAAS;AACjBgB,MAAAA,KAAAA;AACJ,KAAC,CACL,CAAA;AAAE,GAAA,eAEFnB,cAAA,CAAA0B,aAAA,CAACI,OAAO,EAAA;AAAClB,IAAAA,KAAK,EAAES,YAAa;IAACU,SAAS,EAAEC,SAAS,CAACC,GAAAA;AAAI,GAAA,eACnDjC,cAAA,CAAA0B,aAAA,CAACX,OAAO,EAAAmB,QAAA,CAAA;IACJxB,SAAS,EAAEkB,kBAAkB,CAAC;MAC1BC,MAAM,EAAG,CAAE1B,EAAAA,WAAU,CAAO,MAAA,CAAA;AAC5BgC,MAAAA,UAAU,EAAEtB,aAAAA;AAChB,KAAC,CAAE;AACHJ,IAAAA,GAAG,EAAEA,GAAsB;IAC3B,cAAcI,EAAAA,aAAa,GAAG,MAAM,GAAGuB,SAAAA;GACnCZ,EAAAA,WAAW,EACXR,cAAc,CAEjBL,EAAAA,IAAI,gBACDX,cAAA,CAAA0B,aAAA,CAACW,IAAI,EAAA;IAAC3B,SAAS,EAAG,CAAEP,EAAAA,WAAU,CAAQ,MAAA,CAAA;AAACQ,IAAAA,IAAI,EAAEA,IAAK;IAAC2B,IAAI,EAAEC,IAAI,CAACC,EAAG;AAACrB,IAAAA,KAAK,EAAEA,KAAAA;GAAQ,CAAC,GAClF,IAAI,eAERnB,cAAA,CAAA0B,aAAA,CAACe,IAAI,EAAA;AAAC3B,IAAAA,EAAE,EAAC,MAAM;IAAC4B,QAAQ,EAAA,IAAA;IAAChC,SAAS,EAAG,CAAEP,EAAAA,WAAU,CAAS,OAAA,CAAA;AAACM,IAAAA,GAAG,EAAEa,QAAAA;AAAS,GAAA,EACpEV,KACC,CACD,CACJ,CACT,CAAC,CAAA;AAEb,CAAC,CAAC,EACF;AACI+B,EAAAA,WAAW,EAAEzC,gBAAc;AAC3BQ,EAAAA,SAAS,EAAEP,WAAAA;AACf,CACJ,CAAC;;AClFM,MAAMyC,iBAAiB,gBAAGC,aAAa,CAA4C;EACtFC,WAAW,EAAEC,WAAW,CAACC,QAAAA;AAC7B,CAAC,CAAC;;;ACiBF;AACA;AACA;AACA,MAAM9C,gBAAc,GAAG,mBAAmB,CAAA;;AAE1C;AACA;AACA;AACA,MAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAc,CAAC,CAAA;AAE3C,MAAM+C,iBAAiB,GAAG3C,MAAM,CAACC,MAAM,eAC1CN,UAAU,CAAwC,CAACO,KAAK,EAAEC,GAAG,KAAK;EAC9D,MAAM;MAAEyC,QAAQ;MAAExC,SAAS;MAAEE,KAAK;AAAED,MAAAA,IAAAA;AAAwB,KAAC,GAAGH,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,WAAA,CAAA,CAAA;EACrE,MAAM,CAACiC,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC3C,EAAA,MAAMC,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,MAAMC,SAAS,GAAGC,KAAK,EAAE,CAAA;EACzB,MAAM;AAAEX,IAAAA,WAAAA;AAAY,GAAC,GAAGY,UAAU,CAACd,iBAAiB,CAAC,IAAI,EAAE,CAAA;AAC3D,EAAA,MAAMzB,KAAK,GAAGC,QAAQ,EAAE,CAAA;AACxB,EAAA,MAAMuC,UAAU,GAAGb,WAAW,KAAKC,WAAW,CAACa,UAAU,CAAA;EACzD,oBACI5D,cAAA,CAAA0B,aAAA,CAAA,IAAA,EAAA;IACIhB,SAAS,EAAEiB,UAAU,CACjBjB,SAAS,EACTP,WAAS,EACT0D,WAAc,EACdjC,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEgC,WAAc;AACtB1C,MAAAA,KAAAA;AACJ,KAAC,CACL,CAAE;AACFV,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,eAETT,cAAA,CAAA0B,aAAA,CAAAQ,QAAAA,EAAAA,QAAA,KACQlB,cAAc,EAAA;AAClB,IAAA,eAAA,EAAewC,SAAU;AACzB,IAAA,eAAA,EAAeL,MAAO;AACtBzC,IAAAA,SAAS,EAAEiB,UAAU,CAAE,CAAEkC,EAAAA,WAAe,QAAO,CAAE;AACjDpD,IAAAA,GAAG,EAAE6C,SAAU;IACfQ,OAAO,EAAGC,KAAK,IAAK;MAChBX,SAAS,CAAC,CAACD,MAAM,CAAC,CAAA;MAClBY,KAAK,CAACC,eAAe,EAAE,CAAA;KACzB;AACFvC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,CAAA,EAEZd,IAAI,gBAAGX,cAAA,CAAA0B,aAAA,CAACW,IAAI,EAAA;IAAC3B,SAAS,EAAG,CAAEmD,EAAAA,WAAe,CAAQ,MAAA,CAAA;AAAClD,IAAAA,IAAI,EAAEA,IAAK;IAAC2B,IAAI,EAAEC,IAAI,CAACC,EAAAA;GAAK,CAAC,GAAG,IAAI,eAExFxC,cAAA,CAAA0B,aAAA,CAACe,IAAI,EAAA;AAAC3B,IAAAA,EAAE,EAAC,MAAM;IAAC4B,QAAQ,EAAA,IAAA;IAAChC,SAAS,EAAG,CAAEmD,EAAAA,WAAe,CAAS,OAAA,CAAA;AAACpD,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACpEG,KACC,CAAC,eACPZ,cAAA,CAAA0B,aAAA,CAACW,IAAI,EAAA;IACD3B,SAAS,EAAEiB,UAAU,CAAE,CAAEkC,EAAAA,WAAe,QAAO,EAAG,CAAA,EAAE1D,WAAU,CAAA,SAAA,CAAU,CAAE;AAC1EQ,IAAAA,IAAI,EAAEwC,MAAM,GAAGc,YAAY,GAAGC,cAAAA;GACjC,CACG,CAAC,EACRf,MAAM,KACFQ,UAAU,gBACP3D,cAAA,CAAA0B,aAAA,CAACyC,OAAO,EAAA;AACJC,IAAAA,SAAS,EAAEd,SAAU;AACrBH,IAAAA,MAAM,EAAEA,MAAO;IACfpB,SAAS,EAAEC,SAAS,CAACqC,YAAa;AAClCC,IAAAA,SAAS,EAAE,KAAM;IACjBC,gBAAgB,EAAA,IAAA;IAChBC,aAAa,EAAA,IAAA;AACbV,IAAAA,OAAO,EAAEA,MAAMV,SAAS,CAAC,KAAK,CAAE;AAChCqB,IAAAA,OAAO,EAAEA,MAAMrB,SAAS,CAAC,KAAK,CAAE;AAChCsB,IAAAA,MAAM,EAAE,GAAA;AAAI,GAAA,eAEZ1E,cAAA,CAAA0B,aAAA,CAACiD,aAAa,EAAA;IAACC,KAAK,EAAEC,KAAK,CAACC,KAAAA;GACxB9E,eAAAA,cAAA,CAAA0B,aAAA,CAAA,IAAA,EAAA;IAAIhB,SAAS,EAAG,CAAEP,EAAAA,WAAU,CAAmB,iBAAA,CAAA;AAAC4E,IAAAA,EAAE,EAAEvB,SAAAA;AAAU,GAAA,eAC1DxD,cAAA,CAAA0B,aAAA,CAACkB,iBAAiB,CAACoC,QAAQ,EAAA;AAACJ,IAAAA,KAAK,EAAE;MAAE9B,WAAW,EAAEC,WAAW,CAACC,QAAAA;AAAS,KAAA;GAClEE,EAAAA,QACuB,CAC5B,CACO,CACV,CAAC,gBAEVlD,cAAA,CAAA0B,aAAA,CAAA,IAAA,EAAA;IAAIhB,SAAS,EAAG,CAAEP,EAAAA,WAAU,CAAU,QAAA,CAAA;AAAC4E,IAAAA,EAAE,EAAEvB,SAAAA;GACtCN,EAAAA,QACD,CACP,CACL,CAAC,CAAA;AAEb,CAAC,CAAC,EACF;AACIP,EAAAA,WAAW,EAAEzC,gBAAc;AAC3BQ,EAAAA,SAAS,EAAEP,WAAAA;AACf,CACJ,CAAC;;;AC3FD;AACA;AACA;AACA,MAAMD,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAM+E,aAAa,GAAG;EAClBnC,WAAW,EAAEC,WAAW,CAACC,QAAAA;AAC7B,CAAC,CAAA;AAEYkC,MAAAA,UAAU,GAAG5E,MAAM,CAACC,MAAM;AAAA;AACnC;AACAN,UAAU,CAA+B,CAACO,KAAK,EAAEC,GAAG,KAAK;EACrD,MAAM0E,YAAY,GAAG/D,QAAQ,EAAE,IAAIyD,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;MAAE5B,QAAQ;MAAExC,SAAS;AAAES,MAAAA,KAAK,GAAGgE,YAAY;AAAErC,MAAAA,WAAAA;AAA+B,KAAC,GAAGtC,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AAC3F,EAAA,oBACIlB,cAAA,CAAA0B,aAAA,CAACiD,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAEzD,KAAAA;AAAM,GAAA,eACxBnB,cAAA,CAAA0B,aAAA,CAAA,KAAA,EAAAQ,QAAA,CAAA;AACIxB,IAAAA,SAAS,EAAEiB,UAAU,CACjBjB,SAAS,EACTkB,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAE1B,SAAS;MACjBgB,KAAK;AACL2B,MAAAA,WAAAA;AACJ,KAAC,CACL,CAAE;AACFrC,IAAAA,GAAG,EAAEA,GAAAA;GACDO,EAAAA,cAAc,gBAElBhB,cAAA,CAAA0B,aAAA,CAACkB,iBAAiB,CAACoC,QAAQ,EAAA;AAACJ,IAAAA,KAAK,EAAE;AAAE9B,MAAAA,WAAAA;AAAY,KAAA;GAC7C9C,eAAAA,cAAA,CAAA0B,aAAA,CAAA,IAAA,EAAA;IAAIhB,SAAS,EAAG,GAAEP,SAAU,CAAA,MAAA,CAAA;AAAQ,GAAA,EAAE+C,QAAa,CAC3B,CAC3B,CACM,CAAC,CAAA;AAExB,CAAC,CAAC,EACF;AACIP,EAAAA,WAAW,EAAEzC,cAAc;AAC3BQ,EAAAA,SAAS,EAAEP,SAAS;AACpBiF,EAAAA,YAAY,EAAEH,aAAa;AAC3B;AACAI,EAAAA,OAAO,EAAEpC,iBAAiB;AAC1BqC,EAAAA,IAAI,EAAEjF,cAAAA;AACV,CACJ;;;;"}

package/_internal/components/notification/index.ts-235fd340.js

@@ -0,0 +1,140 @@
+import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, D as DOCUMENT, _ as _extends, g as classNames, k as _objectSpread2, S as Size, E as Emphasis, N as NOTIFICATION_TRANSITION_DURATION } from '../../1da25128.js';
+import React__default, { useRef } from 'react';
+import { createPortal } from 'react-dom';
+import isFunction from 'lodash/isFunction';
+import { e as mdiAlert, f as mdiInformation, g as mdiCheckCircle, h as mdiAlertCircle, I as Icon } from '../../c6c99f76.js';
+import { u as useTransitionVisibility } from '../../fb975afe.js';
+import { m as mergeRefs } from '../../f52adbae.js';
+import { u as useTheme } from '../../3181f000.js';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+import { a as Button } from '../../4c20d932.js';
+
+/**
+ * Notification icon and colors according to their type.
+ */
+const NOTIFICATION_CONFIGURATION = {
+  error: {
+    color: 'red',
+    icon: mdiAlert
+  },
+  info: {
+    color: 'blue',
+    icon: mdiInformation
+  },
+  success: {
+    color: 'green',
+    icon: mdiCheckCircle
+  },
+  warning: {
+    color: 'yellow',
+    icon: mdiAlertCircle
+  }
+};
+
+const _excluded = ["actionLabel", "className", "content", "isOpen", "onActionClick", "onClick", "theme", "type", "zIndex", "usePortal", "style"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Notification';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  zIndex: 9999,
+  usePortal: true
+};
+
+/* eslint-disable react-hooks/rules-of-hooks, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
+/**
+ * Notification component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Notification = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+      actionLabel,
+      className,
+      content,
+      isOpen,
+      onActionClick,
+      onClick,
+      theme = defaultTheme,
+      type,
+      zIndex,
+      usePortal,
+      style
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  if (!DOCUMENT) {
+    // Can't render in SSR.
+    return null;
+  }
+  const {
+    color,
+    icon
+  } = NOTIFICATION_CONFIGURATION[type] || {};
+  const rootRef = useRef(null);
+  const isVisible = useTransitionVisibility(rootRef, !!isOpen, NOTIFICATION_TRANSITION_DURATION);
+  const hasAction = Boolean(onActionClick) && Boolean(actionLabel);
+  const handleCallback = evt => {
+    if (isFunction(onActionClick)) {
+      onActionClick();
+    }
+    evt.stopPropagation();
+  };
+  if (!type || !isVisible) {
+    return null;
+  }
+  const notification =
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+  React__default.createElement("div", _extends({
+    ref: mergeRefs(ref, rootRef),
+    role: "alert"
+  }, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      color,
+      hasAction,
+      isHidden: !isOpen,
+      prefix: CLASSNAME
+    })),
+    onClick: onClick,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      zIndex
+    })
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__icon`
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    icon: icon,
+    size: Size.s
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__content`
+  }, content), hasAction && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__action`
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    emphasis: Emphasis.medium,
+    theme: theme,
+    onClick: handleCallback
+  }, /*#__PURE__*/React__default.createElement("span", null, actionLabel))));
+  return usePortal ? /*#__PURE__*/createPortal(notification, document.body) : notification;
+});
+Notification.displayName = COMPONENT_NAME;
+Notification.className = CLASSNAME;
+Notification.defaultProps = DEFAULT_PROPS;
+
+export { Notification };
+//# sourceMappingURL=index.ts-235fd340.js.map

package/_internal/components/notification/index.ts-235fd340.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-235fd340.js","sources":["../../../../src/components/notification/constants.ts","../../../../src/components/notification/Notification.tsx"],"sourcesContent":["import { mdiAlert, mdiAlertCircle, mdiCheckCircle, mdiInformation } from '@lumx/icons';\n\n/**\n * Notification delay before hiding.\n */\nexport const HIDE_DELAY = 6000;\n\n/**\n * Notification icon and colors according to their type.\n */\nexport const NOTIFICATION_CONFIGURATION = {\n    error: {\n        color: 'red',\n        icon: mdiAlert,\n    },\n    info: {\n        color: 'blue',\n        icon: mdiInformation,\n    },\n    success: {\n        color: 'green',\n        icon: mdiCheckCircle,\n    },\n    warning: {\n        color: 'yellow',\n        icon: mdiAlertCircle,\n    },\n};\n","import React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\n\nimport { Button, Emphasis, Icon, Kind, Size, Theme } from '@lumx/react';\nimport { DOCUMENT, NOTIFICATION_TRANSITION_DURATION } from '@lumx/react/constants';\nimport { NOTIFICATION_CONFIGURATION } from '@lumx/react/components/notification/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface NotificationProps extends GenericProps, HasTheme {\n    /** Action button label. */\n    actionLabel?: string;\n    /** Content. */\n    content?: React.ReactNode;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Notification type. */\n    type?: Kind;\n    /** Z-axis position. */\n    zIndex?: number;\n    /** On action button click callback. */\n    onActionClick?(): void;\n    /** On click callback. */\n    onClick?(): void;\n    /** Whether the notification should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */\n    usePortal?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Notification';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<NotificationProps> = {\n    zIndex: 9999,\n    usePortal: true,\n};\n\n/* eslint-disable react-hooks/rules-of-hooks, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n/**\n * Notification component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Notification = forwardRef<NotificationProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actionLabel,\n        className,\n        content,\n        isOpen,\n        onActionClick,\n        onClick,\n        theme = defaultTheme,\n        type,\n        zIndex,\n        usePortal,\n        style,\n        ...forwardedProps\n    } = props;\n    if (!DOCUMENT) {\n        // Can't render in SSR.\n        return null;\n    }\n    const { color, icon } = NOTIFICATION_CONFIGURATION[type as Kind] || {};\n    const rootRef = useRef<HTMLDivElement>(null);\n    const isVisible = useTransitionVisibility(rootRef, !!isOpen, NOTIFICATION_TRANSITION_DURATION);\n    const hasAction: boolean = Boolean(onActionClick) && Boolean(actionLabel);\n\n    const handleCallback = (evt: React.MouseEvent) => {\n        if (isFunction(onActionClick)) {\n            onActionClick();\n        }\n        evt.stopPropagation();\n    };\n\n    if (!type || !isVisible) {\n        return null;\n    }\n\n    const notification = (\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n        <div\n            ref={mergeRefs(ref, rootRef)}\n            role=\"alert\"\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    color,\n                    hasAction,\n                    isHidden: !isOpen,\n                    prefix: CLASSNAME,\n                }),\n            )}\n            onClick={onClick}\n            style={{ ...style, zIndex }}\n        >\n            <div className={`${CLASSNAME}__icon`}>\n                <Icon icon={icon} size={Size.s} />\n            </div>\n            <div className={`${CLASSNAME}__content`}>{content}</div>\n            {hasAction && (\n                <div className={`${CLASSNAME}__action`}>\n                    <Button emphasis={Emphasis.medium} theme={theme} onClick={handleCallback}>\n                        <span>{actionLabel}</span>\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n\n    return usePortal ? createPortal(notification, document.body) : notification;\n});\nNotification.displayName = COMPONENT_NAME;\nNotification.className = CLASSNAME;\nNotification.defaultProps = DEFAULT_PROPS;\n"],"names":["NOTIFICATION_CONFIGURATION","error","color","icon","mdiAlert","info","mdiInformation","success","mdiCheckCircle","warning","mdiAlertCircle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","zIndex","usePortal","Notification","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actionLabel","className","content","isOpen","onActionClick","onClick","theme","type","style","forwardedProps","_objectWithoutProperties","_excluded","DOCUMENT","rootRef","useRef","isVisible","useTransitionVisibility","NOTIFICATION_TRANSITION_DURATION","hasAction","Boolean","handleCallback","evt","isFunction","stopPropagation","notification","React","createElement","_extends","mergeRefs","role","classNames","handleBasicClasses","isHidden","prefix","_objectSpread","Icon","size","Size","s","Button","emphasis","Emphasis","medium","createPortal","document","body","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/notification/index.ts-bb3f03f6.d.ts

@@ -0,0 +1,34 @@
+import { G as GenericProps, H as HasTheme, K as Kind, C as Comp } from '../../8d67e1e3.js';
+import React from 'react';
+
+/**
+ * Defines the props of the component.
+ */
+interface NotificationProps extends GenericProps, HasTheme {
+    /** Action button label. */
+    actionLabel?: string;
+    /** Content. */
+    content?: React.ReactNode;
+    /** Whether the component is open or not. */
+    isOpen?: boolean;
+    /** Notification type. */
+    type?: Kind;
+    /** Z-axis position. */
+    zIndex?: number;
+    /** On action button click callback. */
+    onActionClick?(): void;
+    /** On click callback. */
+    onClick?(): void;
+    /** Whether the notification should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */
+    usePortal?: boolean;
+}
+/**
+ * Notification component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Notification: Comp<NotificationProps, HTMLDivElement>;
+
+export { Notification, type NotificationProps };

package/_internal/components/popover/index.ts-2f17a9b6.js

@@ -0,0 +1,3 @@
+export { P as Popover } from '../../54d9ded5.js';
+export { P as Placement } from '../../2e2abe51.js';
+//# sourceMappingURL=index.ts-2f17a9b6.js.map

package/_internal/components/popover/index.ts-2f17a9b6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-2f17a9b6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_internal/components/popover/index.ts-e3b4ff19.d.ts

@@ -0,0 +1,66 @@
+import React, { RefObject, ReactNode } from 'react';
+import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
+import { E as Elevation, F as FitAnchorWidth, O as Offset, P as Placement } from '../../f5ff1aa4.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface PopoverProps extends GenericProps, HasTheme {
+    /** Reference to the DOM element used to set the position of the popover. */
+    anchorRef: React.RefObject<HTMLElement>;
+    /** Customize the root element. (Must accept ref forwarding and props forwarding!). */
+    as?: React.ElementType;
+    /** Element which will act as boundary when opening the popover. */
+    boundaryRef?: RefObject<HTMLElement>;
+    /** Content. */
+    children: ReactNode;
+    /** Whether a click anywhere out of the popover would close it. */
+    closeOnClickAway?: boolean;
+    /** Whether an escape key press would close the popover. */
+    closeOnEscape?: boolean;
+    /** Shadow elevation. */
+    elevation?: Elevation;
+    /**
+     * Manage popover width:
+     *   - `maxWidth`: popover not bigger than anchor
+     *   - `minWidth` or `true`: popover not smaller than anchor
+     *   - `width`: popover equal to the anchor.
+     */
+    fitToAnchorWidth?: FitAnchorWidth | boolean;
+    /** Shrink popover if even after flipping there is not enough space. */
+    fitWithinViewportHeight?: boolean;
+    /** Element to focus when opening the popover. */
+    focusElement?: RefObject<HTMLElement>;
+    /** Whether the focus should go back on the anchor when popover closes and focus is within. */
+    focusAnchorOnClose?: boolean;
+    /** Whether we put an arrow or not. */
+    hasArrow?: boolean;
+    /** Whether the popover is open or not. */
+    isOpen: boolean;
+    /** Offset placement relative to anchor. */
+    offset?: Offset;
+    /** Reference to the parent element that triggered the popover (will get back focus on close or else fallback on the anchor element). */
+    parentElement?: RefObject<HTMLElement>;
+    /** Placement relative to anchor. */
+    placement?: Placement;
+    /** Whether the popover should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */
+    usePortal?: boolean;
+    /** The element in which the focus trap should be set. Default to popover. */
+    focusTrapZoneElement?: RefObject<HTMLElement>;
+    /** Z-axis position. */
+    zIndex?: number;
+    /** On close callback (on click away or Escape pressed). */
+    onClose?(): void;
+    /** Whether the popover should trap the focus within itself. Default to false. */
+    withFocusTrap?: boolean;
+}
+/**
+ * Popover component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Popover: Comp<PopoverProps, HTMLDivElement>;
+
+export { Elevation, Offset, Placement, Popover, type PopoverProps };

package/_internal/components/post-block/index.ts-0acb9bb4.js

@@ -0,0 +1,101 @@
+import { h as getRootClassName, O as Orientation, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
+import React__default from 'react';
+import isObject from 'lodash/isObject';
+import { u as useTheme } from '../../3181f000.js';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+import { ThumbnailVariant } from '../thumbnail/index.ts-16d7b403.js';
+import { T as Thumbnail } from '../../4c28d012.js';
+
+const _excluded = ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'PostBlock';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  orientation: Orientation.horizontal
+};
+
+/**
+ * PostBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const PostBlock = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+      actions,
+      attachments,
+      author,
+      className,
+      meta,
+      onClick,
+      orientation,
+      tags,
+      text,
+      theme = defaultTheme,
+      thumbnailProps,
+      title
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: ref,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      orientation,
+      theme
+    }))
+  }, forwardedProps), thumbnailProps && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__thumbnail`
+  }, /*#__PURE__*/React__default.createElement(Thumbnail, _extends({}, thumbnailProps, {
+    theme: theme,
+    variant: ThumbnailVariant.rounded
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__wrapper`
+  }, author && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__author`
+  }, author), title && /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    className: `${CLASSNAME}__title`,
+    onClick: onClick
+  }, title), meta && /*#__PURE__*/React__default.createElement("span", {
+    className: `${CLASSNAME}__meta`
+  }, meta), isObject(text) && text.__html ?
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-danger
+  React__default.createElement("p", {
+    dangerouslySetInnerHTML: text,
+    className: `${CLASSNAME}__text`
+  }) : /*#__PURE__*/React__default.createElement("p", {
+    className: `${CLASSNAME}__text`
+  }, text), attachments && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__attachments`
+  }, attachments), (tags || actions) && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__toolbar`
+  }, tags && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__tags`
+  }, tags), actions && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__actions`
+  }, actions))));
+});
+PostBlock.displayName = COMPONENT_NAME;
+PostBlock.className = CLASSNAME;
+PostBlock.defaultProps = DEFAULT_PROPS;
+
+export { PostBlock };
+//# sourceMappingURL=index.ts-0acb9bb4.js.map

package/_internal/components/post-block/index.ts-0acb9bb4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-0acb9bb4.js","sources":["../../../../src/components/post-block/PostBlock.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isObject from 'lodash/isObject';\n\nimport { Orientation, Theme, Thumbnail, ThumbnailProps, ThumbnailVariant } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface PostBlockProps extends GenericProps, HasTheme {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Attachment content. */\n    attachments?: ReactNode;\n    /** Author content. */\n    author?: ReactNode;\n    /** Metadata content. */\n    meta?: ReactNode;\n    /** Orientation. */\n    orientation?: Orientation;\n    /** Tag content. */\n    tags?: ReactNode;\n    /** Content (string, or sanitized html). */\n    text?: string | { __html: string };\n    /** Thumbnail. */\n    thumbnailProps?: ThumbnailProps;\n    /** Title. */\n    title: string;\n    /** On click callback. */\n    onClick?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'PostBlock';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<PostBlockProps> = {\n    orientation: Orientation.horizontal,\n};\n\n/**\n * PostBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const PostBlock = forwardRef<PostBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        attachments,\n        author,\n        className,\n        meta,\n        onClick,\n        orientation,\n        tags,\n        text,\n        theme = defaultTheme,\n        thumbnailProps,\n        title,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, orientation, theme }))}\n            {...forwardedProps}\n        >\n            {thumbnailProps && (\n                <div className={`${CLASSNAME}__thumbnail`}>\n                    <Thumbnail {...thumbnailProps} theme={theme} variant={ThumbnailVariant.rounded} />\n                </div>\n            )}\n            <div className={`${CLASSNAME}__wrapper`}>\n                {author && <div className={`${CLASSNAME}__author`}>{author}</div>}\n\n                {title && (\n                    <button type=\"button\" className={`${CLASSNAME}__title`} onClick={onClick}>\n                        {title}\n                    </button>\n                )}\n\n                {meta && <span className={`${CLASSNAME}__meta`}>{meta}</span>}\n\n                {isObject(text) && text.__html ? (\n                    // eslint-disable-next-line react/no-danger\n                    <p dangerouslySetInnerHTML={text} className={`${CLASSNAME}__text`} />\n                ) : (\n                    <p className={`${CLASSNAME}__text`}>{text}</p>\n                )}\n\n                {attachments && <div className={`${CLASSNAME}__attachments`}>{attachments}</div>}\n                {(tags || actions) && (\n                    <div className={`${CLASSNAME}__toolbar`}>\n                        {tags && <div className={`${CLASSNAME}__tags`}>{tags}</div>}\n                        {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n});\nPostBlock.displayName = COMPONENT_NAME;\nPostBlock.className = CLASSNAME;\nPostBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","PostBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","attachments","author","className","meta","onClick","tags","text","theme","thumbnailProps","title","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","Thumbnail","variant","ThumbnailVariant","rounded","type","isObject","__html","dangerouslySetInnerHTML","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/post-block/index.ts-9b8ff90b.d.ts

@@ -0,0 +1,41 @@
+import { G as GenericProps, H as HasTheme, O as Orientation, C as Comp } from '../../8d67e1e3.js';
+import { ReactNode } from 'react';
+import { T as ThumbnailProps } from '../../35f100be.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface PostBlockProps extends GenericProps, HasTheme {
+    /** Action toolbar content. */
+    actions?: ReactNode;
+    /** Attachment content. */
+    attachments?: ReactNode;
+    /** Author content. */
+    author?: ReactNode;
+    /** Metadata content. */
+    meta?: ReactNode;
+    /** Orientation. */
+    orientation?: Orientation;
+    /** Tag content. */
+    tags?: ReactNode;
+    /** Content (string, or sanitized html). */
+    text?: string | {
+        __html: string;
+    };
+    /** Thumbnail. */
+    thumbnailProps?: ThumbnailProps;
+    /** Title. */
+    title: string;
+    /** On click callback. */
+    onClick?(): void;
+}
+/**
+ * PostBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const PostBlock: Comp<PostBlockProps, HTMLDivElement>;
+
+export { PostBlock, type PostBlockProps };