npm - @purpur/library - Versions diffs - 9.8.0 → 9.9.0 - Mend

@purpur/library 9.8.0 → 9.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1101) hide show

package/dist/{modal-Evh8sCBO.mjs.map → modal-Bu1Zv5Ic.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal-Evh8sCBO.mjs","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n Close as RadixClose,\n Content as RadixContent,\n Description as RadixDescription,\n Overlay as RadixOverlay,\n Portal as RadixPortal,\n Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n /*\n One or several CTA links or buttons\n * /\n actions?: ReactNode;\n children: ReactNode;\n /\n An optional accessible description to be announced when the dialog is opened.\n * /\n description?: string;\n /\n Prevents the modal from closing on click outside if set to `true`.\n * /\n disableCloseOnClickOutside?: boolean;\n /\n Visually hides the description if set to `true`.\n * /\n hideDescription?: boolean;\n /\n An optional image to be displayed at the top of the modal.\n * /\n image?: ReactNode;\n /\n Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n * /\n notification?: ReactNode;\n /\n Determines whether the button group should be fixed at the bottom or scroll with the content.\n * /\n stickyButtons?: boolean;\n /\n An accessible title to be announced when the dialog is opened.\n * /\n title: string;\n /\n z-index of the modal\n * /\n zIndex?: number;\n /\n Optional DOM element to portal the modal content into. When omitted,\n * the modal renders inside the nearest `ThemeProvider` so it inherits\n * the active color scheme. Pass `document.body` (or any other element) to\n * override. Pass `null` to fall back to Radix' default (`document.body`).\n * /\n container?: HTMLElement \| null;\n /\n Event handler called when focus moves to the trigger after closing.\n * /\n onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n /\n An accessible label for the close button.\n * /\n closeButtonAriaLabel?: never;\n /\n Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * /\n showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n /\n An accessible label for the close button.\n * /\n closeButtonAriaLabel: string;\n /\n Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * /\n showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps \| NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n props: CloseButtonProps \| NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n actions,\n children,\n className,\n description,\n disableCloseOnClickOutside,\n hideDescription,\n image,\n stickyButtons = true,\n title,\n notification = undefined,\n zIndex,\n container,\n onCloseAutoFocus,\n ...props\n },\n ref\n ) => {\n const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n const [contentOverflow, setContentOverflow] = useState(false);\n const [scrollbarWidth, setScrollbarWidth] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperInnerRef = useRef<HTMLDivElement>(null);\n const themePortalContainer = useThemePortalContainer();\n const portalContainer =\n container === undefined ? themePortalContainer : container ?? undefined;\n\n const classes = cx(\n rootClassName,\n { [`${rootClassName}--with-image`]: !!image },\n { [`${rootClassName}--overflow`]: contentOverflow },\n { [`${rootClassName}--sticky-footer`]: stickyButtons },\n className\n );\n\n const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n }\n };\n\n const handleContentOverflow = useCallback(() => {\n if (!wrapperRef.current \|\| !wrapperInnerRef.current) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n setContentOverflow(wrapperHeight < innerHeight);\n\n setScrollbarWidth(\n (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n );\n }, []);\n\n const handleInitialFocus = () => {\n const frame = wrapperInnerRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (disableCloseOnClickOutside && !showCloseButton) {\n event.preventDefault();\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleContentOverflow);\n\n return () => {\n window.removeEventListener(\"resize\", handleContentOverflow);\n };\n }, [handleContentOverflow]);\n\n useEffect(() => {\n handleContentOverflow();\n }, [notification, children, handleContentOverflow]);\n\n return (\n <RadixPortal container={portalContainer}>\n <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n <RadixContent\n {...rest}\n className={classes}\n data-testid={dataTestId}\n ref={ref}\n {...(!description && { [\"aria-describedby\"]: undefined })}\n onPointerDownOutside={handlePointerDownOutside}\n onOpenAutoFocus={() => {\n handleContentOverflow();\n handleInitialFocus();\n }}\n onEscapeKeyDown={handleEscapeKeyDown}\n onCloseAutoFocus={onCloseAutoFocus}\n style={{ zIndex: `calc(${zIndex} + 1)` }}\n >\n <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n hasImage\n scrollbarWidth={scrollbarWidth}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <RadixTitle\n asChild\n className={cx(`${rootClassName}__title`)}\n data-testid={getTestId(\"title\")}\n >\n <Heading\n tag=\"h2\"\n variant=\"display-10\"\n tabIndex={-1}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n </RadixTitle>\n </div>\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`)}\n data-testid={getTestId(\"image\")}\n >\n {image}\n </div>\n )}\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__body-inner`)}>\n {description && hideDescription && (\n <VisuallyHidden asChild>\n <RadixDescription data-testid={getTestId(\"description\")}>\n {description}\n </RadixDescription>\n </VisuallyHidden>\n )}\n {description && !hideDescription && (\n <RadixDescription\n asChild\n className={cx(`${rootClassName}__description`)}\n data-testid={getTestId(\"description\")}\n >\n <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n </RadixDescription>\n )}\n <div>{children}</div>\n {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </div>\n </div>\n </div>\n </div>\n\n {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </RadixContent>\n </RadixPortal>\n );\n }\n);\n\nconst CloseButton = ({\n [\"aria-label\"]: ariaLabel,\n hasImage,\n scrollbarWidth,\n [\"data-testid\"]: dataTestId,\n}: {\n [\"aria-label\"]: string;\n hasImage?: boolean;\n scrollbarWidth?: number;\n [\"data-testid\"]?: string;\n}) => (\n <RadixClose asChild>\n <Button\n variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n negative={hasImage}\n size=\"sm\"\n iconOnly\n aria-label={ariaLabel}\n className={cx(`${rootClassName}__close-button`)}\n style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth \|\| 0}px)` }}\n data-testid={dataTestId}\n >\n <IconClose />\n </Button>\n </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n actions,\n notification,\n}: Pick<ModalContentProps, \"actions\" \| \"notification\">) => {\n const notificationRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (notification) {\n notificationRef?.current?.scrollIntoView?.(false);\n }\n }, [notification]);\n\n return actions ? (\n <div className={cx(`${rootClassName}__actions`)}>\n <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n {actions}\n </div>\n {notification && (\n <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n {notification}\n </div>\n )}\n <span className={cx(`${rootClassName}__actions-separator`)} />\n </div>\n ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n ({ children, ...props }, ref) => {\n return (\n <RadixTrigger asChild ref={ref} {...props}>\n {children}\n </RadixTrigger>\n );\n }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n [\"data-testid\"]?: string;\n children: ReactNode;\n /\n Event handler called when the open state of the dialog changes.\n * /\n onOpenChange?: (value: boolean) => void;\n /\n The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n * */\n open?: boolean;\n};\n\nexport const Modal = ({\n [\"data-testid\"]: dataTestId,\n children,\n open,\n onOpenChange,\n}: ModalProps) => (\n <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n {children}\n </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}
1	+ {"version":3,"file":"modal-Bu1Zv5Ic.mjs","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n Close as RadixClose,\n Content as RadixContent,\n Description as RadixDescription,\n Overlay as RadixOverlay,\n Portal as RadixPortal,\n Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n /*\n One or several CTA links or buttons\n * /\n actions?: ReactNode;\n children: ReactNode;\n /\n An optional accessible description to be announced when the dialog is opened.\n * /\n description?: string;\n /\n Prevents the modal from closing on click outside if set to `true`.\n * /\n disableCloseOnClickOutside?: boolean;\n /\n Visually hides the description if set to `true`.\n * /\n hideDescription?: boolean;\n /\n An optional image to be displayed at the top of the modal.\n * /\n image?: ReactNode;\n /\n Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n * /\n notification?: ReactNode;\n /\n Determines whether the button group should be fixed at the bottom or scroll with the content.\n * /\n stickyButtons?: boolean;\n /\n An accessible title to be announced when the dialog is opened.\n * /\n title: string;\n /\n z-index of the modal\n * /\n zIndex?: number;\n /\n Optional DOM element to portal the modal content into. When omitted,\n * the modal renders inside the nearest `ThemeProvider` so it inherits\n * the active color scheme. Pass `document.body` (or any other element) to\n * override. Pass `null` to fall back to Radix' default (`document.body`).\n * /\n container?: HTMLElement \| null;\n /\n Event handler called when focus moves to the trigger after closing.\n * /\n onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n /\n An accessible label for the close button.\n * /\n closeButtonAriaLabel?: never;\n /\n Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * /\n showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n /\n An accessible label for the close button.\n * /\n closeButtonAriaLabel: string;\n /\n Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * /\n showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps \| NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n props: CloseButtonProps \| NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n actions,\n children,\n className,\n description,\n disableCloseOnClickOutside,\n hideDescription,\n image,\n stickyButtons = true,\n title,\n notification = undefined,\n zIndex,\n container,\n onCloseAutoFocus,\n ...props\n },\n ref\n ) => {\n const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n const [contentOverflow, setContentOverflow] = useState(false);\n const [scrollbarWidth, setScrollbarWidth] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperInnerRef = useRef<HTMLDivElement>(null);\n const themePortalContainer = useThemePortalContainer();\n const portalContainer =\n container === undefined ? themePortalContainer : container ?? undefined;\n\n const classes = cx(\n rootClassName,\n { [`${rootClassName}--with-image`]: !!image },\n { [`${rootClassName}--overflow`]: contentOverflow },\n { [`${rootClassName}--sticky-footer`]: stickyButtons },\n className\n );\n\n const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n }\n };\n\n const handleContentOverflow = useCallback(() => {\n if (!wrapperRef.current \|\| !wrapperInnerRef.current) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n setContentOverflow(wrapperHeight < innerHeight);\n\n setScrollbarWidth(\n (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n );\n }, []);\n\n const handleInitialFocus = () => {\n const frame = wrapperInnerRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (disableCloseOnClickOutside && !showCloseButton) {\n event.preventDefault();\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleContentOverflow);\n\n return () => {\n window.removeEventListener(\"resize\", handleContentOverflow);\n };\n }, [handleContentOverflow]);\n\n useEffect(() => {\n handleContentOverflow();\n }, [notification, children, handleContentOverflow]);\n\n return (\n <RadixPortal container={portalContainer}>\n <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n <RadixContent\n {...rest}\n className={classes}\n data-testid={dataTestId}\n ref={ref}\n {...(!description && { [\"aria-describedby\"]: undefined })}\n onPointerDownOutside={handlePointerDownOutside}\n onOpenAutoFocus={() => {\n handleContentOverflow();\n handleInitialFocus();\n }}\n onEscapeKeyDown={handleEscapeKeyDown}\n onCloseAutoFocus={onCloseAutoFocus}\n style={{ zIndex: `calc(${zIndex} + 1)` }}\n >\n <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n hasImage\n scrollbarWidth={scrollbarWidth}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <RadixTitle\n asChild\n className={cx(`${rootClassName}__title`)}\n data-testid={getTestId(\"title\")}\n >\n <Heading\n tag=\"h2\"\n variant=\"display-10\"\n tabIndex={-1}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n </RadixTitle>\n </div>\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`)}\n data-testid={getTestId(\"image\")}\n >\n {image}\n </div>\n )}\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__body-inner`)}>\n {description && hideDescription && (\n <VisuallyHidden asChild>\n <RadixDescription data-testid={getTestId(\"description\")}>\n {description}\n </RadixDescription>\n </VisuallyHidden>\n )}\n {description && !hideDescription && (\n <RadixDescription\n asChild\n className={cx(`${rootClassName}__description`)}\n data-testid={getTestId(\"description\")}\n >\n <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n </RadixDescription>\n )}\n <div>{children}</div>\n {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </div>\n </div>\n </div>\n </div>\n\n {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </RadixContent>\n </RadixPortal>\n );\n }\n);\n\nconst CloseButton = ({\n [\"aria-label\"]: ariaLabel,\n hasImage,\n scrollbarWidth,\n [\"data-testid\"]: dataTestId,\n}: {\n [\"aria-label\"]: string;\n hasImage?: boolean;\n scrollbarWidth?: number;\n [\"data-testid\"]?: string;\n}) => (\n <RadixClose asChild>\n <Button\n variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n negative={hasImage}\n size=\"sm\"\n iconOnly\n aria-label={ariaLabel}\n className={cx(`${rootClassName}__close-button`)}\n style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth \|\| 0}px)` }}\n data-testid={dataTestId}\n >\n <IconClose />\n </Button>\n </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n actions,\n notification,\n}: Pick<ModalContentProps, \"actions\" \| \"notification\">) => {\n const notificationRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (notification) {\n notificationRef?.current?.scrollIntoView?.(false);\n }\n }, [notification]);\n\n return actions ? (\n <div className={cx(`${rootClassName}__actions`)}>\n <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n {actions}\n </div>\n {notification && (\n <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n {notification}\n </div>\n )}\n <span className={cx(`${rootClassName}__actions-separator`)} />\n </div>\n ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n ({ children, ...props }, ref) => {\n return (\n <RadixTrigger asChild ref={ref} {...props}>\n {children}\n </RadixTrigger>\n );\n }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n [\"data-testid\"]?: string;\n children: ReactNode;\n /\n Event handler called when the open state of the dialog changes.\n * /\n onOpenChange?: (value: boolean) => void;\n /\n The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n * */\n open?: boolean;\n};\n\nexport const Modal = ({\n [\"data-testid\"]: dataTestId,\n children,\n open,\n onOpenChange,\n}: ModalProps) => (\n <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n {children}\n </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}

package/dist/{modal-CmPPxJ7Y.js → modal-D0Qxrvx5.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("./index-2cFVyGXq.js"),s=require("react"),V=require("./button-DmybVApa.js"),K=require("./heading-drD5ugCC.js"),k=require("./close.es-VL3lKi1O.js"),G=require("./paragraph-By4jMjnH.js");require("./ThemeProvider-BJGm3zai.js");const J=require("./useThemePortalContainer-CUcqV327.js"),Q=require("./visually-hidden-C2CKovZx.js"),X=require("./bind-DeUYJ6m9.js"),Y="_fadeIn_1nrj3_1",Z="_fadeOut_1nrj3_1",ee="_slideUp_1nrj3_1",te="_slideDown_1nrj3_1",re={"purpur-modal-content":"_purpur-modal-content_1nrj3_1",fadeIn:Y,fadeOut:Z,slideUp:ee,slideDown:te,"purpur-modal-content__overlay":"_purpur-modal-content__overlay_1nrj3_49","purpur-modal-content__close-button":"_purpur-modal-content__close-button_1nrj3_65","purpur-modal-content__wrapper":"_purpur-modal-content__wrapper_1nrj3_75","purpur-modal-content__wrapper-inner":"_purpur-modal-content__wrapper-inner_1nrj3_85","purpur-modal-content__image-wrapper":"_purpur-modal-content__image-wrapper_1nrj3_89","purpur-modal-content__header":"_purpur-modal-content__header_1nrj3_112","purpur-modal-content__title":"_purpur-modal-content__title_1nrj3_125","purpur-modal-content__heading":"_purpur-modal-content__heading_1nrj3_128","purpur-modal-content__description":"_purpur-modal-content__description_1nrj3_131","purpur-modal-content__body":"_purpur-modal-content__body_1nrj3_134","purpur-modal-content__body-inner":"_purpur-modal-content__body-inner_1nrj3_142","purpur-modal-content__actions-buttons":"_purpur-modal-content__actions-buttons_1nrj3_154","purpur-modal-content__notification":"_purpur-modal-content__notification_1nrj3_172","purpur-modal-content--with-image":"_purpur-modal-content--with-image_1nrj3_175","purpur-modal-content--overflow":"_purpur-modal-content--overflow_1nrj3_175","purpur-modal-content__actions":"_purpur-modal-content__actions_1nrj3_154","purpur-modal-content__actions-separator":"_purpur-modal-content__actions-separator_1nrj3_206","purpur-modal-content--sticky-footer":"_purpur-modal-content--sticky-footer_1nrj3_216"},N=n=>n.showCloseButton===!0,r=X.c.bind(re),t="purpur-modal-content",ne=s.forwardRef(({["data-testid"]:n,actions:o,children:a,className:u,description:_,disableCloseOnClickOutside:y,hideDescription:b,image:p,stickyButtons:v=!0,title:D,notification:x=void 0,zIndex:$,container:C,onCloseAutoFocus:O,...g},P)=>{const{closeButtonAriaLabel:h,showCloseButton:E,...H}=g,[I,M]=s.useState(!1),[S,T]=s.useState(0),m=s.useRef(null),j=s.useRef(null),B=J.useThemePortalContainer(),W=C===void 0?B:C??void 0,z=r(t,{[`${t}--with-image`]:!!p},{[`${t}--overflow`]:I},{[`${t}--sticky-footer`]:v},u),d=l=>n?`${n} ${l}`:void 0,A=l=>{y&&l.preventDefault()},i=s.useCallback(()=>{if(!m.current||!j.current)return;const l=window.getComputedStyle(m.current,null),f=parseFloat(l.getPropertyValue("height")),U=j.current.offsetHeight;M(f<U),T((m.current.offsetWidth??0)-(m.current.clientWidth??0))},[]),F=()=>{const l=j.current;if(l){const f=l.querySelector("h2");f&&setTimeout(()=>{f.focus()})}},L=l=>{y&&!E&&l.preventDefault()};return s.useEffect(()=>(window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}),[i]),s.useEffect(()=>{i()},[x,a,i]),e.jsxs(c.Portal,{container:W,children:[e.jsx(c.Overlay,{className:r(`${t}__overlay`),style:{zIndex:$}}),e.jsxs(c.Content,{...H,className:z,"data-testid":n,ref:P,...!_&&{"aria-describedby":void 0},onPointerDownOutside:A,onOpenAutoFocus:()=>{i(),F()},onEscapeKeyDown:L,onCloseAutoFocus:O,style:{zIndex:`calc(${$} + 1)`},children:[e.jsxs("div",{ref:m,className:r(`${t}__wrapper`),children:[N(g)&&h&&p&&e.jsx(q,{"aria-label":h,hasImage:!0,scrollbarWidth:S,"data-testid":d("close-button")}),e.jsxs("div",{ref:j,className:r(`${t}__wrapper-inner`),children:[e.jsxs("div",{className:r(`${t}__header`),children:[N(g)&&h&&!p&&e.jsx(q,{"aria-label":h,"data-testid":d("close-button")}),e.jsx(c.Title,{asChild:!0,className:r(`${t}__title`),"data-testid":d("title"),children:e.jsx(K.Heading,{tag:"h2",variant:"display-10",tabIndex:-1,className:r(`${t}__heading`),children:D})})]}),p&&e.jsx("div",{className:r(`${t}__image-wrapper`),"data-testid":d("image"),children:p}),e.jsx("div",{className:r(`${t}__body`),children:e.jsxs("div",{className:r(`${t}__body-inner`),children:[_&&b&&e.jsx(Q.VisuallyHidden,{asChild:!0,children:e.jsx(c.Description,{"data-testid":d("description"),children:_})}),_&&!b&&e.jsx(c.Description,{asChild:!0,className:r(`${t}__description`),"data-testid":d("description"),children:e.jsx(G.Paragraph,{variant:"paragraph-100",children:_})}),e.jsx("div",{children:a}),!v&&e.jsx(R,{actions:o,notification:x})]})})]})]}),v&&e.jsx(R,{actions:o,notification:x})]})]})}),q=({["aria-label"]:n,hasImage:o,scrollbarWidth:a,["data-testid"]:u})=>e.jsx(c.Close,{asChild:!0,children:e.jsx(V.Button,{variant:o?"primary":"tertiary-purple",negative:o,size:"sm",iconOnly:!0,"aria-label":n,className:r(`${t}__close-button`),style:{right:`calc(var(--purpur-spacing-100) + ${a||0}px)`},"data-testid":u,children:e.jsx(k.r,{})})}),R=({actions:n,notification:o})=>{const a=s.useRef(null);return s.useEffect(()=>{o&&a?.current?.scrollIntoView?.(!1)},[o]),n?e.jsxs("div",{className:r(`${t}__actions`),children:[e.jsx("div",{className:r(`${t}__actions-buttons`),"data-testid":"modal actions",children:n}),o&&e.jsx("div",{className:r(`${t}__notification`),ref:a,children:o}),e.jsx("span",{className:r(`${t}__actions-separator`)})]}):null},oe=s.forwardRef(({children:n,...o},a)=>e.jsx(c.Trigger,{asChild:!0,ref:a,...o,children:n})),w=({["data-testid"]:n,children:o,open:a,onOpenChange:u})=>e.jsx(c.Root,{open:a,onOpenChange:u,"data-testid":n,children:o});w.Trigger=oe;w.Content=ne;w.displayName="Modal";exports.Modal=w;
-//# sourceMappingURL=modal-CmPPxJ7Y.js.map
+"use strict";const e=require("react/jsx-runtime"),c=require("./index-2cFVyGXq.js"),s=require("react"),V=require("./button-DmybVApa.js"),K=require("./heading-drD5ugCC.js"),k=require("./close.es-VL3lKi1O.js"),G=require("./paragraph-B8HFdNne.js");require("./ThemeProvider-BJGm3zai.js");const J=require("./useThemePortalContainer-CUcqV327.js"),Q=require("./visually-hidden-C2CKovZx.js"),X=require("./bind-DeUYJ6m9.js"),Y="_fadeIn_1nrj3_1",Z="_fadeOut_1nrj3_1",ee="_slideUp_1nrj3_1",te="_slideDown_1nrj3_1",re={"purpur-modal-content":"_purpur-modal-content_1nrj3_1",fadeIn:Y,fadeOut:Z,slideUp:ee,slideDown:te,"purpur-modal-content__overlay":"_purpur-modal-content__overlay_1nrj3_49","purpur-modal-content__close-button":"_purpur-modal-content__close-button_1nrj3_65","purpur-modal-content__wrapper":"_purpur-modal-content__wrapper_1nrj3_75","purpur-modal-content__wrapper-inner":"_purpur-modal-content__wrapper-inner_1nrj3_85","purpur-modal-content__image-wrapper":"_purpur-modal-content__image-wrapper_1nrj3_89","purpur-modal-content__header":"_purpur-modal-content__header_1nrj3_112","purpur-modal-content__title":"_purpur-modal-content__title_1nrj3_125","purpur-modal-content__heading":"_purpur-modal-content__heading_1nrj3_128","purpur-modal-content__description":"_purpur-modal-content__description_1nrj3_131","purpur-modal-content__body":"_purpur-modal-content__body_1nrj3_134","purpur-modal-content__body-inner":"_purpur-modal-content__body-inner_1nrj3_142","purpur-modal-content__actions-buttons":"_purpur-modal-content__actions-buttons_1nrj3_154","purpur-modal-content__notification":"_purpur-modal-content__notification_1nrj3_172","purpur-modal-content--with-image":"_purpur-modal-content--with-image_1nrj3_175","purpur-modal-content--overflow":"_purpur-modal-content--overflow_1nrj3_175","purpur-modal-content__actions":"_purpur-modal-content__actions_1nrj3_154","purpur-modal-content__actions-separator":"_purpur-modal-content__actions-separator_1nrj3_206","purpur-modal-content--sticky-footer":"_purpur-modal-content--sticky-footer_1nrj3_216"},N=n=>n.showCloseButton===!0,r=X.c.bind(re),t="purpur-modal-content",ne=s.forwardRef(({["data-testid"]:n,actions:o,children:a,className:u,description:_,disableCloseOnClickOutside:y,hideDescription:b,image:p,stickyButtons:v=!0,title:D,notification:x=void 0,zIndex:$,container:C,onCloseAutoFocus:O,...g},P)=>{const{closeButtonAriaLabel:h,showCloseButton:E,...H}=g,[I,M]=s.useState(!1),[S,T]=s.useState(0),m=s.useRef(null),j=s.useRef(null),B=J.useThemePortalContainer(),W=C===void 0?B:C??void 0,z=r(t,{[`${t}--with-image`]:!!p},{[`${t}--overflow`]:I},{[`${t}--sticky-footer`]:v},u),d=l=>n?`${n} ${l}`:void 0,A=l=>{y&&l.preventDefault()},i=s.useCallback(()=>{if(!m.current||!j.current)return;const l=window.getComputedStyle(m.current,null),f=parseFloat(l.getPropertyValue("height")),U=j.current.offsetHeight;M(f<U),T((m.current.offsetWidth??0)-(m.current.clientWidth??0))},[]),F=()=>{const l=j.current;if(l){const f=l.querySelector("h2");f&&setTimeout(()=>{f.focus()})}},L=l=>{y&&!E&&l.preventDefault()};return s.useEffect(()=>(window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}),[i]),s.useEffect(()=>{i()},[x,a,i]),e.jsxs(c.Portal,{container:W,children:[e.jsx(c.Overlay,{className:r(`${t}__overlay`),style:{zIndex:$}}),e.jsxs(c.Content,{...H,className:z,"data-testid":n,ref:P,...!_&&{"aria-describedby":void 0},onPointerDownOutside:A,onOpenAutoFocus:()=>{i(),F()},onEscapeKeyDown:L,onCloseAutoFocus:O,style:{zIndex:`calc(${$} + 1)`},children:[e.jsxs("div",{ref:m,className:r(`${t}__wrapper`),children:[N(g)&&h&&p&&e.jsx(q,{"aria-label":h,hasImage:!0,scrollbarWidth:S,"data-testid":d("close-button")}),e.jsxs("div",{ref:j,className:r(`${t}__wrapper-inner`),children:[e.jsxs("div",{className:r(`${t}__header`),children:[N(g)&&h&&!p&&e.jsx(q,{"aria-label":h,"data-testid":d("close-button")}),e.jsx(c.Title,{asChild:!0,className:r(`${t}__title`),"data-testid":d("title"),children:e.jsx(K.Heading,{tag:"h2",variant:"display-10",tabIndex:-1,className:r(`${t}__heading`),children:D})})]}),p&&e.jsx("div",{className:r(`${t}__image-wrapper`),"data-testid":d("image"),children:p}),e.jsx("div",{className:r(`${t}__body`),children:e.jsxs("div",{className:r(`${t}__body-inner`),children:[_&&b&&e.jsx(Q.VisuallyHidden,{asChild:!0,children:e.jsx(c.Description,{"data-testid":d("description"),children:_})}),_&&!b&&e.jsx(c.Description,{asChild:!0,className:r(`${t}__description`),"data-testid":d("description"),children:e.jsx(G.Paragraph,{variant:"paragraph-100",children:_})}),e.jsx("div",{children:a}),!v&&e.jsx(R,{actions:o,notification:x})]})})]})]}),v&&e.jsx(R,{actions:o,notification:x})]})]})}),q=({["aria-label"]:n,hasImage:o,scrollbarWidth:a,["data-testid"]:u})=>e.jsx(c.Close,{asChild:!0,children:e.jsx(V.Button,{variant:o?"primary":"tertiary-purple",negative:o,size:"sm",iconOnly:!0,"aria-label":n,className:r(`${t}__close-button`),style:{right:`calc(var(--purpur-spacing-100) + ${a||0}px)`},"data-testid":u,children:e.jsx(k.r,{})})}),R=({actions:n,notification:o})=>{const a=s.useRef(null);return s.useEffect(()=>{o&&a?.current?.scrollIntoView?.(!1)},[o]),n?e.jsxs("div",{className:r(`${t}__actions`),children:[e.jsx("div",{className:r(`${t}__actions-buttons`),"data-testid":"modal actions",children:n}),o&&e.jsx("div",{className:r(`${t}__notification`),ref:a,children:o}),e.jsx("span",{className:r(`${t}__actions-separator`)})]}):null},oe=s.forwardRef(({children:n,...o},a)=>e.jsx(c.Trigger,{asChild:!0,ref:a,...o,children:n})),w=({["data-testid"]:n,children:o,open:a,onOpenChange:u})=>e.jsx(c.Root,{open:a,onOpenChange:u,"data-testid":n,children:o});w.Trigger=oe;w.Content=ne;w.displayName="Modal";exports.Modal=w;
+//# sourceMappingURL=modal-D0Qxrvx5.js.map

package/dist/{modal-CmPPxJ7Y.js.map → modal-D0Qxrvx5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal-CmPPxJ7Y.js","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n Close as RadixClose,\n Content as RadixContent,\n Description as RadixDescription,\n Overlay as RadixOverlay,\n Portal as RadixPortal,\n Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n /*\n One or several CTA links or buttons\n * /\n actions?: ReactNode;\n children: ReactNode;\n /\n An optional accessible description to be announced when the dialog is opened.\n * /\n description?: string;\n /\n Prevents the modal from closing on click outside if set to `true`.\n * /\n disableCloseOnClickOutside?: boolean;\n /\n Visually hides the description if set to `true`.\n * /\n hideDescription?: boolean;\n /\n An optional image to be displayed at the top of the modal.\n * /\n image?: ReactNode;\n /\n Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n * /\n notification?: ReactNode;\n /\n Determines whether the button group should be fixed at the bottom or scroll with the content.\n * /\n stickyButtons?: boolean;\n /\n An accessible title to be announced when the dialog is opened.\n * /\n title: string;\n /\n z-index of the modal\n * /\n zIndex?: number;\n /\n Optional DOM element to portal the modal content into. When omitted,\n * the modal renders inside the nearest `ThemeProvider` so it inherits\n * the active color scheme. Pass `document.body` (or any other element) to\n * override. Pass `null` to fall back to Radix' default (`document.body`).\n * /\n container?: HTMLElement \| null;\n /\n Event handler called when focus moves to the trigger after closing.\n * /\n onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n /\n An accessible label for the close button.\n * /\n closeButtonAriaLabel?: never;\n /\n Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * /\n showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n /\n An accessible label for the close button.\n * /\n closeButtonAriaLabel: string;\n /\n Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * /\n showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps \| NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n props: CloseButtonProps \| NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n actions,\n children,\n className,\n description,\n disableCloseOnClickOutside,\n hideDescription,\n image,\n stickyButtons = true,\n title,\n notification = undefined,\n zIndex,\n container,\n onCloseAutoFocus,\n ...props\n },\n ref\n ) => {\n const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n const [contentOverflow, setContentOverflow] = useState(false);\n const [scrollbarWidth, setScrollbarWidth] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperInnerRef = useRef<HTMLDivElement>(null);\n const themePortalContainer = useThemePortalContainer();\n const portalContainer =\n container === undefined ? themePortalContainer : container ?? undefined;\n\n const classes = cx(\n rootClassName,\n { [`${rootClassName}--with-image`]: !!image },\n { [`${rootClassName}--overflow`]: contentOverflow },\n { [`${rootClassName}--sticky-footer`]: stickyButtons },\n className\n );\n\n const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n }\n };\n\n const handleContentOverflow = useCallback(() => {\n if (!wrapperRef.current \|\| !wrapperInnerRef.current) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n setContentOverflow(wrapperHeight < innerHeight);\n\n setScrollbarWidth(\n (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n );\n }, []);\n\n const handleInitialFocus = () => {\n const frame = wrapperInnerRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (disableCloseOnClickOutside && !showCloseButton) {\n event.preventDefault();\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleContentOverflow);\n\n return () => {\n window.removeEventListener(\"resize\", handleContentOverflow);\n };\n }, [handleContentOverflow]);\n\n useEffect(() => {\n handleContentOverflow();\n }, [notification, children, handleContentOverflow]);\n\n return (\n <RadixPortal container={portalContainer}>\n <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n <RadixContent\n {...rest}\n className={classes}\n data-testid={dataTestId}\n ref={ref}\n {...(!description && { [\"aria-describedby\"]: undefined })}\n onPointerDownOutside={handlePointerDownOutside}\n onOpenAutoFocus={() => {\n handleContentOverflow();\n handleInitialFocus();\n }}\n onEscapeKeyDown={handleEscapeKeyDown}\n onCloseAutoFocus={onCloseAutoFocus}\n style={{ zIndex: `calc(${zIndex} + 1)` }}\n >\n <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n hasImage\n scrollbarWidth={scrollbarWidth}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <RadixTitle\n asChild\n className={cx(`${rootClassName}__title`)}\n data-testid={getTestId(\"title\")}\n >\n <Heading\n tag=\"h2\"\n variant=\"display-10\"\n tabIndex={-1}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n </RadixTitle>\n </div>\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`)}\n data-testid={getTestId(\"image\")}\n >\n {image}\n </div>\n )}\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__body-inner`)}>\n {description && hideDescription && (\n <VisuallyHidden asChild>\n <RadixDescription data-testid={getTestId(\"description\")}>\n {description}\n </RadixDescription>\n </VisuallyHidden>\n )}\n {description && !hideDescription && (\n <RadixDescription\n asChild\n className={cx(`${rootClassName}__description`)}\n data-testid={getTestId(\"description\")}\n >\n <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n </RadixDescription>\n )}\n <div>{children}</div>\n {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </div>\n </div>\n </div>\n </div>\n\n {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </RadixContent>\n </RadixPortal>\n );\n }\n);\n\nconst CloseButton = ({\n [\"aria-label\"]: ariaLabel,\n hasImage,\n scrollbarWidth,\n [\"data-testid\"]: dataTestId,\n}: {\n [\"aria-label\"]: string;\n hasImage?: boolean;\n scrollbarWidth?: number;\n [\"data-testid\"]?: string;\n}) => (\n <RadixClose asChild>\n <Button\n variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n negative={hasImage}\n size=\"sm\"\n iconOnly\n aria-label={ariaLabel}\n className={cx(`${rootClassName}__close-button`)}\n style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth \|\| 0}px)` }}\n data-testid={dataTestId}\n >\n <IconClose />\n </Button>\n </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n actions,\n notification,\n}: Pick<ModalContentProps, \"actions\" \| \"notification\">) => {\n const notificationRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (notification) {\n notificationRef?.current?.scrollIntoView?.(false);\n }\n }, [notification]);\n\n return actions ? (\n <div className={cx(`${rootClassName}__actions`)}>\n <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n {actions}\n </div>\n {notification && (\n <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n {notification}\n </div>\n )}\n <span className={cx(`${rootClassName}__actions-separator`)} />\n </div>\n ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n ({ children, ...props }, ref) => {\n return (\n <RadixTrigger asChild ref={ref} {...props}>\n {children}\n </RadixTrigger>\n );\n }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n [\"data-testid\"]?: string;\n children: ReactNode;\n /\n Event handler called when the open state of the dialog changes.\n * /\n onOpenChange?: (value: boolean) => void;\n /\n The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n * */\n open?: boolean;\n};\n\nexport const Modal = ({\n [\"data-testid\"]: dataTestId,\n children,\n open,\n onOpenChange,\n}: ModalProps) => (\n <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n {children}\n </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}
1	+ {"version":3,"file":"modal-D0Qxrvx5.js","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n Close as RadixClose,\n Content as RadixContent,\n Description as RadixDescription,\n Overlay as RadixOverlay,\n Portal as RadixPortal,\n Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n /*\n One or several CTA links or buttons\n * /\n actions?: ReactNode;\n children: ReactNode;\n /\n An optional accessible description to be announced when the dialog is opened.\n * /\n description?: string;\n /\n Prevents the modal from closing on click outside if set to `true`.\n * /\n disableCloseOnClickOutside?: boolean;\n /\n Visually hides the description if set to `true`.\n * /\n hideDescription?: boolean;\n /\n An optional image to be displayed at the top of the modal.\n * /\n image?: ReactNode;\n /\n Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n * /\n notification?: ReactNode;\n /\n Determines whether the button group should be fixed at the bottom or scroll with the content.\n * /\n stickyButtons?: boolean;\n /\n An accessible title to be announced when the dialog is opened.\n * /\n title: string;\n /\n z-index of the modal\n * /\n zIndex?: number;\n /\n Optional DOM element to portal the modal content into. When omitted,\n * the modal renders inside the nearest `ThemeProvider` so it inherits\n * the active color scheme. Pass `document.body` (or any other element) to\n * override. Pass `null` to fall back to Radix' default (`document.body`).\n * /\n container?: HTMLElement \| null;\n /\n Event handler called when focus moves to the trigger after closing.\n * /\n onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n /\n An accessible label for the close button.\n * /\n closeButtonAriaLabel?: never;\n /\n Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * /\n showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n /\n An accessible label for the close button.\n * /\n closeButtonAriaLabel: string;\n /\n Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * /\n showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps \| NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n props: CloseButtonProps \| NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n actions,\n children,\n className,\n description,\n disableCloseOnClickOutside,\n hideDescription,\n image,\n stickyButtons = true,\n title,\n notification = undefined,\n zIndex,\n container,\n onCloseAutoFocus,\n ...props\n },\n ref\n ) => {\n const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n const [contentOverflow, setContentOverflow] = useState(false);\n const [scrollbarWidth, setScrollbarWidth] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperInnerRef = useRef<HTMLDivElement>(null);\n const themePortalContainer = useThemePortalContainer();\n const portalContainer =\n container === undefined ? themePortalContainer : container ?? undefined;\n\n const classes = cx(\n rootClassName,\n { [`${rootClassName}--with-image`]: !!image },\n { [`${rootClassName}--overflow`]: contentOverflow },\n { [`${rootClassName}--sticky-footer`]: stickyButtons },\n className\n );\n\n const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n }\n };\n\n const handleContentOverflow = useCallback(() => {\n if (!wrapperRef.current \|\| !wrapperInnerRef.current) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n setContentOverflow(wrapperHeight < innerHeight);\n\n setScrollbarWidth(\n (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n );\n }, []);\n\n const handleInitialFocus = () => {\n const frame = wrapperInnerRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (disableCloseOnClickOutside && !showCloseButton) {\n event.preventDefault();\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleContentOverflow);\n\n return () => {\n window.removeEventListener(\"resize\", handleContentOverflow);\n };\n }, [handleContentOverflow]);\n\n useEffect(() => {\n handleContentOverflow();\n }, [notification, children, handleContentOverflow]);\n\n return (\n <RadixPortal container={portalContainer}>\n <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n <RadixContent\n {...rest}\n className={classes}\n data-testid={dataTestId}\n ref={ref}\n {...(!description && { [\"aria-describedby\"]: undefined })}\n onPointerDownOutside={handlePointerDownOutside}\n onOpenAutoFocus={() => {\n handleContentOverflow();\n handleInitialFocus();\n }}\n onEscapeKeyDown={handleEscapeKeyDown}\n onCloseAutoFocus={onCloseAutoFocus}\n style={{ zIndex: `calc(${zIndex} + 1)` }}\n >\n <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n hasImage\n scrollbarWidth={scrollbarWidth}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <RadixTitle\n asChild\n className={cx(`${rootClassName}__title`)}\n data-testid={getTestId(\"title\")}\n >\n <Heading\n tag=\"h2\"\n variant=\"display-10\"\n tabIndex={-1}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n </RadixTitle>\n </div>\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`)}\n data-testid={getTestId(\"image\")}\n >\n {image}\n </div>\n )}\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__body-inner`)}>\n {description && hideDescription && (\n <VisuallyHidden asChild>\n <RadixDescription data-testid={getTestId(\"description\")}>\n {description}\n </RadixDescription>\n </VisuallyHidden>\n )}\n {description && !hideDescription && (\n <RadixDescription\n asChild\n className={cx(`${rootClassName}__description`)}\n data-testid={getTestId(\"description\")}\n >\n <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n </RadixDescription>\n )}\n <div>{children}</div>\n {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </div>\n </div>\n </div>\n </div>\n\n {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </RadixContent>\n </RadixPortal>\n );\n }\n);\n\nconst CloseButton = ({\n [\"aria-label\"]: ariaLabel,\n hasImage,\n scrollbarWidth,\n [\"data-testid\"]: dataTestId,\n}: {\n [\"aria-label\"]: string;\n hasImage?: boolean;\n scrollbarWidth?: number;\n [\"data-testid\"]?: string;\n}) => (\n <RadixClose asChild>\n <Button\n variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n negative={hasImage}\n size=\"sm\"\n iconOnly\n aria-label={ariaLabel}\n className={cx(`${rootClassName}__close-button`)}\n style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth \|\| 0}px)` }}\n data-testid={dataTestId}\n >\n <IconClose />\n </Button>\n </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n actions,\n notification,\n}: Pick<ModalContentProps, \"actions\" \| \"notification\">) => {\n const notificationRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (notification) {\n notificationRef?.current?.scrollIntoView?.(false);\n }\n }, [notification]);\n\n return actions ? (\n <div className={cx(`${rootClassName}__actions`)}>\n <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n {actions}\n </div>\n {notification && (\n <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n {notification}\n </div>\n )}\n <span className={cx(`${rootClassName}__actions-separator`)} />\n </div>\n ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n ({ children, ...props }, ref) => {\n return (\n <RadixTrigger asChild ref={ref} {...props}>\n {children}\n </RadixTrigger>\n );\n }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n [\"data-testid\"]?: string;\n children: ReactNode;\n /\n Event handler called when the open state of the dialog changes.\n * /\n onOpenChange?: (value: boolean) => void;\n /\n The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n * */\n open?: boolean;\n};\n\nexport const Modal = ({\n [\"data-testid\"]: dataTestId,\n children,\n open,\n onOpenChange,\n}: ModalProps) => (\n <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n {children}\n </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}

package/dist/modal.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal-CmPPxJ7Y.js");exports.Modal=e.Modal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal-D0Qxrvx5.js");exports.Modal=e.Modal;
 //# sourceMappingURL=modal.cjs.js.map

package/dist/modal.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { M as r } from "./modal-Evh8sCBO.mjs";
+import { M as r } from "./modal-Bu1Zv5Ic.mjs";
 export {
   r as Modal
 };

package/dist/{notification-B5bNNq86.js → notification-D2oClkX2.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),y=require("react"),O=require("./button-DmybVApa.js"),A=require("./heading-drD5ugCC.js"),d=require("./icon.es-j3eRib6d.js"),I=require("./error-filled.es-BbS_Oggw.js"),R=require("./paragraph-By4jMjnH.js"),$=require("./bind-DeUYJ6m9.js"),S={name:"alert-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',keywords:["alert-filled"],category:"status"},C={name:"check-circle-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',keywords:["check-circle-filled"],category:"status"},L={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},E={name:"info-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z" clip-rule="evenodd"/></svg>',keywords:["info-filled"],category:"status"},Z={name:"sparkles",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z"/></svg>',keywords:["sparkles"],category:"ai"},k={"purpur-notification":"_purpur-notification_1c3oj_1","purpur-notification__top":"_purpur-notification__top_1c3oj_14","purpur-notification__header":"_purpur-notification__header_1c3oj_20","purpur-notification__close-button":"_purpur-notification__close-button_1c3oj_25","purpur-notification__icon":"_purpur-notification__icon_1c3oj_31","purpur-notification__body":"_purpur-notification__body_1c3oj_35","purpur-notification__body--extra-padding":"_purpur-notification__body--extra-padding_1c3oj_38","purpur-notification--success":"_purpur-notification--success_1c3oj_41","purpur-notification__heading":"_purpur-notification__heading_1c3oj_44","purpur-notification--warning":"_purpur-notification--warning_1c3oj_50","purpur-notification--error":"_purpur-notification--error_1c3oj_59","purpur-notification--info":"_purpur-notification--info_1c3oj_68","purpur-notification--ai":"_purpur-notification--ai_1c3oj_77","purpur-notification--hidden":"_purpur-notification--hidden_1c3oj_92","purpur-notification--has-close-button":"_purpur-notification--has-close-button_1c3oj_96"},n=$.c.bind(k),e={SUCCESS:"success",WARNING:"warning",ERROR:"error",INFO:"info",AI:"ai"},T=Object.values(e),f={POLITE:"polite",ASSERTIVE:"assertive"},F=Object.values(f),v={ALERT:"alert",DIALOG:"dialog",ALERTDIALOG:"alertdialog"},q=Object.values(v),t="purpur-notification",M=i=>{switch(i){case e.AI:return Z;case e.INFO:return E;case e.SUCCESS:return C;case e.WARNING:return S;case e.ERROR:return I.e}},g=y.forwardRef(({["data-testid"]:i,["aria-live"]:h,children:a,className:w,closeButtonAriaLabel:b,headingTag:j="h4",status:u="info",heading:s,hidden:l,id:r,onClose:c,open:N=!0,hideIcon:_,...m},x)=>{const p=!!s||!_;return o.jsx("div",{"aria-live":h,children:N&&o.jsxs("div",{id:r,"aria-labelledby":r?`${r}-heading`:void 0,"aria-describedby":r?`${r}-body`:void 0,"aria-hidden":!!l,className:n(w,t,`${t}--${u}`,{[`${t}--hidden`]:l,[`${t}--has-close-button`]:!!c}),"data-testid":i,ref:x,...m,children:[p&&o.jsx("div",{className:n(`${t}__top`),children:o.jsxs("div",{className:n(`${t}__header`),children:[!_&&o.jsx(d.b,{"data-testid":i?`${i}-icon`:void 0,className:n(`${t}__icon`),svg:M(u),size:"sm"}),!!s&&o.jsx(A.Heading,{"data-testid":i?`${i}-heading`:void 0,variant:"subsection-100",tag:j,className:n(`${t}__heading`),children:o.jsxs("span",{id:r?`${r}-heading`:void 0,children:[" ",s]})})]})}),c&&o.jsx(O.Button,{"data-testid":i?`${i}-close-button`:void 0,variant:"text",size:"sm",iconOnly:!0,"aria-label":b,onClick:c,className:n(`${t}__close-button`),children:o.jsx(d.b,{svg:L,size:"md"})}),a&&o.jsx("div",{"data-testid":i?`${i}-body`:void 0,className:n(`${t}__body`,{[`${t}__body--extra-padding`]:!p&&!!c}),id:r?`${r}-body`:void 0,children:typeof a=="string"?o.jsx(R.Paragraph,{"data-testid":i?`${i}-paragraph`:void 0,variant:"paragraph-100",children:a}):a})]})})});g.displayName="Notification";exports.NOTIFICATION_ARIA_LIVE=f;exports.NOTIFICATION_ROLE=v;exports.NOTIFICATION_STATUS=e;exports.Notification=g;exports.notificationAriaLiveValues=F;exports.notificationRoles=q;exports.notificationStatuses=T;
-//# sourceMappingURL=notification-B5bNNq86.js.map
+"use strict";const o=require("react/jsx-runtime"),y=require("react"),O=require("./button-DmybVApa.js"),A=require("./heading-drD5ugCC.js"),d=require("./icon.es-j3eRib6d.js"),I=require("./error-filled.es-BbS_Oggw.js"),R=require("./paragraph-B8HFdNne.js"),$=require("./bind-DeUYJ6m9.js"),S={name:"alert-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',keywords:["alert-filled"],category:"status"},C={name:"check-circle-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',keywords:["check-circle-filled"],category:"status"},L={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},E={name:"info-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z" clip-rule="evenodd"/></svg>',keywords:["info-filled"],category:"status"},Z={name:"sparkles",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z"/></svg>',keywords:["sparkles"],category:"ai"},k={"purpur-notification":"_purpur-notification_1c3oj_1","purpur-notification__top":"_purpur-notification__top_1c3oj_14","purpur-notification__header":"_purpur-notification__header_1c3oj_20","purpur-notification__close-button":"_purpur-notification__close-button_1c3oj_25","purpur-notification__icon":"_purpur-notification__icon_1c3oj_31","purpur-notification__body":"_purpur-notification__body_1c3oj_35","purpur-notification__body--extra-padding":"_purpur-notification__body--extra-padding_1c3oj_38","purpur-notification--success":"_purpur-notification--success_1c3oj_41","purpur-notification__heading":"_purpur-notification__heading_1c3oj_44","purpur-notification--warning":"_purpur-notification--warning_1c3oj_50","purpur-notification--error":"_purpur-notification--error_1c3oj_59","purpur-notification--info":"_purpur-notification--info_1c3oj_68","purpur-notification--ai":"_purpur-notification--ai_1c3oj_77","purpur-notification--hidden":"_purpur-notification--hidden_1c3oj_92","purpur-notification--has-close-button":"_purpur-notification--has-close-button_1c3oj_96"},n=$.c.bind(k),e={SUCCESS:"success",WARNING:"warning",ERROR:"error",INFO:"info",AI:"ai"},T=Object.values(e),f={POLITE:"polite",ASSERTIVE:"assertive"},F=Object.values(f),v={ALERT:"alert",DIALOG:"dialog",ALERTDIALOG:"alertdialog"},q=Object.values(v),t="purpur-notification",M=i=>{switch(i){case e.AI:return Z;case e.INFO:return E;case e.SUCCESS:return C;case e.WARNING:return S;case e.ERROR:return I.e}},g=y.forwardRef(({["data-testid"]:i,["aria-live"]:h,children:a,className:w,closeButtonAriaLabel:b,headingTag:j="h4",status:u="info",heading:s,hidden:l,id:r,onClose:c,open:N=!0,hideIcon:_,...m},x)=>{const p=!!s||!_;return o.jsx("div",{"aria-live":h,children:N&&o.jsxs("div",{id:r,"aria-labelledby":r?`${r}-heading`:void 0,"aria-describedby":r?`${r}-body`:void 0,"aria-hidden":!!l,className:n(w,t,`${t}--${u}`,{[`${t}--hidden`]:l,[`${t}--has-close-button`]:!!c}),"data-testid":i,ref:x,...m,children:[p&&o.jsx("div",{className:n(`${t}__top`),children:o.jsxs("div",{className:n(`${t}__header`),children:[!_&&o.jsx(d.b,{"data-testid":i?`${i}-icon`:void 0,className:n(`${t}__icon`),svg:M(u),size:"sm"}),!!s&&o.jsx(A.Heading,{"data-testid":i?`${i}-heading`:void 0,variant:"subsection-100",tag:j,className:n(`${t}__heading`),children:o.jsxs("span",{id:r?`${r}-heading`:void 0,children:[" ",s]})})]})}),c&&o.jsx(O.Button,{"data-testid":i?`${i}-close-button`:void 0,variant:"text",size:"sm",iconOnly:!0,"aria-label":b,onClick:c,className:n(`${t}__close-button`),children:o.jsx(d.b,{svg:L,size:"md"})}),a&&o.jsx("div",{"data-testid":i?`${i}-body`:void 0,className:n(`${t}__body`,{[`${t}__body--extra-padding`]:!p&&!!c}),id:r?`${r}-body`:void 0,children:typeof a=="string"?o.jsx(R.Paragraph,{"data-testid":i?`${i}-paragraph`:void 0,variant:"paragraph-100",children:a}):a})]})})});g.displayName="Notification";exports.NOTIFICATION_ARIA_LIVE=f;exports.NOTIFICATION_ROLE=v;exports.NOTIFICATION_STATUS=e;exports.Notification=g;exports.notificationAriaLiveValues=F;exports.notificationRoles=q;exports.notificationStatuses=T;
+//# sourceMappingURL=notification-D2oClkX2.js.map

package/dist/{notification-B5bNNq86.js.map → notification-D2oClkX2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"notification-B5bNNq86.js","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/icon/dist/assets/sparkles.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n name: \"alert-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"alert-filled\"],\n category: \"status\"\n};\nexport {\n l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n name: \"check-circle-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"check-circle-filled\"],\n category: \"status\"\n};\nexport {\n e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n name: \"close\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"close\"],\n category: \"utility\"\n};\nexport {\n l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n name: \"info-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"info-filled\"],\n category: \"status\"\n};\nexport {\n e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","const a = {\n name: \"sparkles\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z\"/></svg>',\n keywords: [\"sparkles\"],\n category: \"ai\"\n};\nexport {\n a as sparkles\n};\n//# sourceMappingURL=sparkles.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { sparkles } from \"@purpur/icon/assets/sparkles\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n SUCCESS: \"success\",\n WARNING: \"warning\",\n ERROR: \"error\",\n INFO: \"info\",\n AI: \"ai\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n POLITE: \"polite\",\n ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n ALERT: \"alert\",\n DIALOG: \"dialog\",\n ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n switch (status) {\n case NOTIFICATION_STATUS.AI:\n return sparkles;\n case NOTIFICATION_STATUS.INFO:\n return infoFilled;\n case NOTIFICATION_STATUS.SUCCESS:\n return checkCircleFilled;\n case NOTIFICATION_STATUS.WARNING:\n return alertFilled;\n case NOTIFICATION_STATUS.ERROR:\n return errorFilled;\n }\n};\n\ntype DefaultProps = BaseProps & {\n [\"aria-live\"]?: NotificationAriaLive;\n headingTag?: HeadingTagType;\n status?: NotificationStatus;\n heading?: string;\n role?: NotificationRole;\n hidden?: boolean;\n /*\n Use to explicitly not open the notification initially and open it programatically to trigger\n * that the aria-live message is read by the screen reader correctly.\n */\n open?: boolean;\n hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n onClose: () => void;\n closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n onClose?: never;\n closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps \| NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n [\"aria-live\"]: ariaLive,\n children,\n className,\n closeButtonAriaLabel,\n headingTag = \"h4\",\n status = \"info\",\n heading,\n hidden,\n id,\n onClose,\n open = true,\n hideIcon,\n ...props\n },\n ref\n ) => {\n const showHeader = !!heading \|\| !hideIcon;\n\n return (\n <div aria-live={ariaLive}>\n {open && (\n <div\n id={id}\n aria-labelledby={id ? `${id}-heading` : undefined}\n aria-describedby={id ? `${id}-body` : undefined}\n aria-hidden={!!hidden}\n className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n [`${rootClassName}--hidden`]: hidden,\n [`${rootClassName}--has-close-button`]: !!onClose,\n })}\n data-testid={dataTestId}\n ref={ref}\n {...props}\n >\n {showHeader && (\n <div className={cx(`${rootClassName}__top`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {!hideIcon && (\n <Icon\n data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n className={cx(`${rootClassName}__icon`)}\n svg={getStatusIcon(status)}\n size=\"sm\"\n />\n )}\n {!!heading && (\n <Heading\n data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n variant=\"subsection-100\"\n tag={headingTag}\n className={cx(`${rootClassName}__heading`)}\n >\n <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n </Heading>\n )}\n </div>\n </div>\n )}\n {onClose && (\n <Button\n data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n variant=\"text\"\n size=\"sm\"\n iconOnly\n aria-label={closeButtonAriaLabel}\n onClick={onClose}\n className={cx(`${rootClassName}__close-button`)}\n >\n <Icon svg={close} size=\"md\" />\n </Button>\n )}\n {children && (\n <div\n data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n className={cx(`${rootClassName}__body`, {\n [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n })}\n id={id ? `${id}-body` : undefined}\n >\n {typeof children === \"string\" ? (\n <Paragraph\n data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n variant=\"paragraph-100\"\n >\n {children}\n </Paragraph>\n ) : (\n children\n )}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","a","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","sparkles","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}
1	+ {"version":3,"file":"notification-D2oClkX2.js","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/icon/dist/assets/sparkles.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n name: \"alert-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"alert-filled\"],\n category: \"status\"\n};\nexport {\n l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n name: \"check-circle-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"check-circle-filled\"],\n category: \"status\"\n};\nexport {\n e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n name: \"close\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"close\"],\n category: \"utility\"\n};\nexport {\n l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n name: \"info-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"info-filled\"],\n category: \"status\"\n};\nexport {\n e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","const a = {\n name: \"sparkles\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z\"/></svg>',\n keywords: [\"sparkles\"],\n category: \"ai\"\n};\nexport {\n a as sparkles\n};\n//# sourceMappingURL=sparkles.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { sparkles } from \"@purpur/icon/assets/sparkles\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n SUCCESS: \"success\",\n WARNING: \"warning\",\n ERROR: \"error\",\n INFO: \"info\",\n AI: \"ai\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n POLITE: \"polite\",\n ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n ALERT: \"alert\",\n DIALOG: \"dialog\",\n ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n switch (status) {\n case NOTIFICATION_STATUS.AI:\n return sparkles;\n case NOTIFICATION_STATUS.INFO:\n return infoFilled;\n case NOTIFICATION_STATUS.SUCCESS:\n return checkCircleFilled;\n case NOTIFICATION_STATUS.WARNING:\n return alertFilled;\n case NOTIFICATION_STATUS.ERROR:\n return errorFilled;\n }\n};\n\ntype DefaultProps = BaseProps & {\n [\"aria-live\"]?: NotificationAriaLive;\n headingTag?: HeadingTagType;\n status?: NotificationStatus;\n heading?: string;\n role?: NotificationRole;\n hidden?: boolean;\n /*\n Use to explicitly not open the notification initially and open it programatically to trigger\n * that the aria-live message is read by the screen reader correctly.\n */\n open?: boolean;\n hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n onClose: () => void;\n closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n onClose?: never;\n closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps \| NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n [\"aria-live\"]: ariaLive,\n children,\n className,\n closeButtonAriaLabel,\n headingTag = \"h4\",\n status = \"info\",\n heading,\n hidden,\n id,\n onClose,\n open = true,\n hideIcon,\n ...props\n },\n ref\n ) => {\n const showHeader = !!heading \|\| !hideIcon;\n\n return (\n <div aria-live={ariaLive}>\n {open && (\n <div\n id={id}\n aria-labelledby={id ? `${id}-heading` : undefined}\n aria-describedby={id ? `${id}-body` : undefined}\n aria-hidden={!!hidden}\n className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n [`${rootClassName}--hidden`]: hidden,\n [`${rootClassName}--has-close-button`]: !!onClose,\n })}\n data-testid={dataTestId}\n ref={ref}\n {...props}\n >\n {showHeader && (\n <div className={cx(`${rootClassName}__top`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {!hideIcon && (\n <Icon\n data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n className={cx(`${rootClassName}__icon`)}\n svg={getStatusIcon(status)}\n size=\"sm\"\n />\n )}\n {!!heading && (\n <Heading\n data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n variant=\"subsection-100\"\n tag={headingTag}\n className={cx(`${rootClassName}__heading`)}\n >\n <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n </Heading>\n )}\n </div>\n </div>\n )}\n {onClose && (\n <Button\n data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n variant=\"text\"\n size=\"sm\"\n iconOnly\n aria-label={closeButtonAriaLabel}\n onClick={onClose}\n className={cx(`${rootClassName}__close-button`)}\n >\n <Icon svg={close} size=\"md\" />\n </Button>\n )}\n {children && (\n <div\n data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n className={cx(`${rootClassName}__body`, {\n [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n })}\n id={id ? `${id}-body` : undefined}\n >\n {typeof children === \"string\" ? (\n <Paragraph\n data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n variant=\"paragraph-100\"\n >\n {children}\n </Paragraph>\n ) : (\n children\n )}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","a","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","sparkles","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}

package/dist/{notification-BbQCmsnY.mjs → notification-DiVdy6E_.mjs} RENAMED Viewed

@@ -4,7 +4,7 @@ import { b as $ } from "./button-4-yWOgtD.mjs";
 import { H as j } from "./heading-xwBuT_-9.mjs";
 import { b as f } from "./icon.es-CZcKxTaM.mjs";
 import { e as x } from "./error-filled.es-C0Amnd7Y.mjs";
-import { P as O } from "./paragraph-DSxXmX_0.mjs";
+import { P as O } from "./paragraph-CwAdFoIm.mjs";
 import { c as A } from "./bind-CU-R61T-.mjs";
 const R = {
   name: "alert-filled",
@@ -176,4 +176,4 @@ export {
   T as e,
   W as n
 };
-//# sourceMappingURL=notification-BbQCmsnY.mjs.map
+//# sourceMappingURL=notification-DiVdy6E_.mjs.map

package/dist/{notification-BbQCmsnY.mjs.map → notification-DiVdy6E_.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"notification-BbQCmsnY.mjs","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/icon/dist/assets/sparkles.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n name: \"alert-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"alert-filled\"],\n category: \"status\"\n};\nexport {\n l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n name: \"check-circle-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"check-circle-filled\"],\n category: \"status\"\n};\nexport {\n e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n name: \"close\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"close\"],\n category: \"utility\"\n};\nexport {\n l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n name: \"info-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"info-filled\"],\n category: \"status\"\n};\nexport {\n e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","const a = {\n name: \"sparkles\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z\"/></svg>',\n keywords: [\"sparkles\"],\n category: \"ai\"\n};\nexport {\n a as sparkles\n};\n//# sourceMappingURL=sparkles.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { sparkles } from \"@purpur/icon/assets/sparkles\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n SUCCESS: \"success\",\n WARNING: \"warning\",\n ERROR: \"error\",\n INFO: \"info\",\n AI: \"ai\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n POLITE: \"polite\",\n ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n ALERT: \"alert\",\n DIALOG: \"dialog\",\n ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n switch (status) {\n case NOTIFICATION_STATUS.AI:\n return sparkles;\n case NOTIFICATION_STATUS.INFO:\n return infoFilled;\n case NOTIFICATION_STATUS.SUCCESS:\n return checkCircleFilled;\n case NOTIFICATION_STATUS.WARNING:\n return alertFilled;\n case NOTIFICATION_STATUS.ERROR:\n return errorFilled;\n }\n};\n\ntype DefaultProps = BaseProps & {\n [\"aria-live\"]?: NotificationAriaLive;\n headingTag?: HeadingTagType;\n status?: NotificationStatus;\n heading?: string;\n role?: NotificationRole;\n hidden?: boolean;\n /*\n Use to explicitly not open the notification initially and open it programatically to trigger\n * that the aria-live message is read by the screen reader correctly.\n */\n open?: boolean;\n hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n onClose: () => void;\n closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n onClose?: never;\n closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps \| NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n [\"aria-live\"]: ariaLive,\n children,\n className,\n closeButtonAriaLabel,\n headingTag = \"h4\",\n status = \"info\",\n heading,\n hidden,\n id,\n onClose,\n open = true,\n hideIcon,\n ...props\n },\n ref\n ) => {\n const showHeader = !!heading \|\| !hideIcon;\n\n return (\n <div aria-live={ariaLive}>\n {open && (\n <div\n id={id}\n aria-labelledby={id ? `${id}-heading` : undefined}\n aria-describedby={id ? `${id}-body` : undefined}\n aria-hidden={!!hidden}\n className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n [`${rootClassName}--hidden`]: hidden,\n [`${rootClassName}--has-close-button`]: !!onClose,\n })}\n data-testid={dataTestId}\n ref={ref}\n {...props}\n >\n {showHeader && (\n <div className={cx(`${rootClassName}__top`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {!hideIcon && (\n <Icon\n data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n className={cx(`${rootClassName}__icon`)}\n svg={getStatusIcon(status)}\n size=\"sm\"\n />\n )}\n {!!heading && (\n <Heading\n data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n variant=\"subsection-100\"\n tag={headingTag}\n className={cx(`${rootClassName}__heading`)}\n >\n <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n </Heading>\n )}\n </div>\n </div>\n )}\n {onClose && (\n <Button\n data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n variant=\"text\"\n size=\"sm\"\n iconOnly\n aria-label={closeButtonAriaLabel}\n onClick={onClose}\n className={cx(`${rootClassName}__close-button`)}\n >\n <Icon svg={close} size=\"md\" />\n </Button>\n )}\n {children && (\n <div\n data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n className={cx(`${rootClassName}__body`, {\n [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n })}\n id={id ? `${id}-body` : undefined}\n >\n {typeof children === \"string\" ? (\n <Paragraph\n data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n variant=\"paragraph-100\"\n >\n {children}\n </Paragraph>\n ) : (\n children\n )}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","a","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","sparkles","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}
1	+ {"version":3,"file":"notification-DiVdy6E_.mjs","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/icon/dist/assets/sparkles.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n name: \"alert-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"alert-filled\"],\n category: \"status\"\n};\nexport {\n l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n name: \"check-circle-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"check-circle-filled\"],\n category: \"status\"\n};\nexport {\n e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n name: \"close\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"close\"],\n category: \"utility\"\n};\nexport {\n l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n name: \"info-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"info-filled\"],\n category: \"status\"\n};\nexport {\n e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","const a = {\n name: \"sparkles\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z\"/></svg>',\n keywords: [\"sparkles\"],\n category: \"ai\"\n};\nexport {\n a as sparkles\n};\n//# sourceMappingURL=sparkles.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { sparkles } from \"@purpur/icon/assets/sparkles\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n SUCCESS: \"success\",\n WARNING: \"warning\",\n ERROR: \"error\",\n INFO: \"info\",\n AI: \"ai\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n POLITE: \"polite\",\n ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n ALERT: \"alert\",\n DIALOG: \"dialog\",\n ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n switch (status) {\n case NOTIFICATION_STATUS.AI:\n return sparkles;\n case NOTIFICATION_STATUS.INFO:\n return infoFilled;\n case NOTIFICATION_STATUS.SUCCESS:\n return checkCircleFilled;\n case NOTIFICATION_STATUS.WARNING:\n return alertFilled;\n case NOTIFICATION_STATUS.ERROR:\n return errorFilled;\n }\n};\n\ntype DefaultProps = BaseProps & {\n [\"aria-live\"]?: NotificationAriaLive;\n headingTag?: HeadingTagType;\n status?: NotificationStatus;\n heading?: string;\n role?: NotificationRole;\n hidden?: boolean;\n /*\n Use to explicitly not open the notification initially and open it programatically to trigger\n * that the aria-live message is read by the screen reader correctly.\n */\n open?: boolean;\n hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n onClose: () => void;\n closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n onClose?: never;\n closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps \| NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n [\"aria-live\"]: ariaLive,\n children,\n className,\n closeButtonAriaLabel,\n headingTag = \"h4\",\n status = \"info\",\n heading,\n hidden,\n id,\n onClose,\n open = true,\n hideIcon,\n ...props\n },\n ref\n ) => {\n const showHeader = !!heading \|\| !hideIcon;\n\n return (\n <div aria-live={ariaLive}>\n {open && (\n <div\n id={id}\n aria-labelledby={id ? `${id}-heading` : undefined}\n aria-describedby={id ? `${id}-body` : undefined}\n aria-hidden={!!hidden}\n className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n [`${rootClassName}--hidden`]: hidden,\n [`${rootClassName}--has-close-button`]: !!onClose,\n })}\n data-testid={dataTestId}\n ref={ref}\n {...props}\n >\n {showHeader && (\n <div className={cx(`${rootClassName}__top`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {!hideIcon && (\n <Icon\n data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n className={cx(`${rootClassName}__icon`)}\n svg={getStatusIcon(status)}\n size=\"sm\"\n />\n )}\n {!!heading && (\n <Heading\n data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n variant=\"subsection-100\"\n tag={headingTag}\n className={cx(`${rootClassName}__heading`)}\n >\n <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n </Heading>\n )}\n </div>\n </div>\n )}\n {onClose && (\n <Button\n data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n variant=\"text\"\n size=\"sm\"\n iconOnly\n aria-label={closeButtonAriaLabel}\n onClick={onClose}\n className={cx(`${rootClassName}__close-button`)}\n >\n <Icon svg={close} size=\"md\" />\n </Button>\n )}\n {children && (\n <div\n data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n className={cx(`${rootClassName}__body`, {\n [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n })}\n id={id ? `${id}-body` : undefined}\n >\n {typeof children === \"string\" ? (\n <Paragraph\n data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n variant=\"paragraph-100\"\n >\n {children}\n </Paragraph>\n ) : (\n children\n )}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","a","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","sparkles","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}

package/dist/notification.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-B5bNNq86.js");exports.NOTIFICATION_ARIA_LIVE=i.NOTIFICATION_ARIA_LIVE;exports.NOTIFICATION_ROLE=i.NOTIFICATION_ROLE;exports.NOTIFICATION_STATUS=i.NOTIFICATION_STATUS;exports.Notification=i.Notification;exports.notificationAriaLiveValues=i.notificationAriaLiveValues;exports.notificationRoles=i.notificationRoles;exports.notificationStatuses=i.notificationStatuses;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-D2oClkX2.js");exports.NOTIFICATION_ARIA_LIVE=i.NOTIFICATION_ARIA_LIVE;exports.NOTIFICATION_ROLE=i.NOTIFICATION_ROLE;exports.NOTIFICATION_STATUS=i.NOTIFICATION_STATUS;exports.Notification=i.Notification;exports.notificationAriaLiveValues=i.notificationAriaLiveValues;exports.notificationRoles=i.notificationRoles;exports.notificationStatuses=i.notificationStatuses;
 //# sourceMappingURL=notification.cjs.js.map

package/dist/notification.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { N as o, a as s, b as t, c as I, n, d as N, e as T } from "./notification-BbQCmsnY.mjs";
+import { N as o, a as s, b as t, c as I, n, d as N, e as T } from "./notification-DiVdy6E_.mjs";
 export {
   o as NOTIFICATION_ARIA_LIVE,
   s as NOTIFICATION_ROLE,

package/dist/{pagination-rFRdkHII.js → pagination-C1rYXq9I.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),se=require("./arrow-left.es-CCWJyrcQ.js"),_e=require("./arrow-right.es-eH-IgGi9.js"),C=require("./visually-hidden-C2CKovZx.js"),z=require("./bind-DeUYJ6m9.js"),K=require("./label-yHK80hhV.js"),Q=require("./paragraph-By4jMjnH.js"),U=require("./select-DOqTJgTj.js"),W=e=>{window.location.href=e},oe={"purpur-pagination":"_purpur-pagination_1g3as_1","purpur-pagination__pagination-container":"_purpur-pagination__pagination-container_1g3as_5","purpur-pagination__pagination-container--with-page-size-select":"_purpur-pagination__pagination-container--with-page-size-select_1g3as_12","purpur-pagination__page-size-select-container":"_purpur-pagination__page-size-select-container_1g3as_20","purpur-pagination__page-navigation-container":"_purpur-pagination__page-navigation-container_1g3as_30","purpur-pagination__step-trigger-label":"_purpur-pagination__step-trigger-label_1g3as_51","purpur-pagination__step-trigger-label--not-icon-only":"_purpur-pagination__step-trigger-label--not-icon-only_1g3as_64","purpur-pagination__step-trigger":"_purpur-pagination__step-trigger_1g3as_51","purpur-pagination__page-trigger-container":"_purpur-pagination__page-trigger-container_1g3as_78","purpur-pagination__pages":"_purpur-pagination__pages_1g3as_83","purpur-pagination__pages--visible":"_purpur-pagination__pages--visible_1g3as_86","purpur-pagination__page-selector":"_purpur-pagination__page-selector_1g3as_94","purpur-pagination__page-selector--visible":"_purpur-pagination__page-selector--visible_1g3as_97"},le={"purpur-pagination-page-selector":"_purpur-pagination-page-selector_7pxsw_1","purpur-pagination-page-selector__select-container":"_purpur-pagination-page-selector__select-container_7pxsw_6","purpur-pagination-page-selector__of-total-pages-label":"_purpur-pagination-page-selector__of-total-pages-label_7pxsw_10"},ue=e=>({options:m.useMemo(()=>Array.from({length:e},(a,g)=>({label:`${g+1}`,value:`${g+1}`})),[e])}),R=z.c.bind(le),H="purpur-pagination-page-selector",X=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-selector",asLink:t,className:a,currentPage:g,hrefGetter:n,navigationFunction:r,numberOfPages:s,onPageChange:p,outOfLabel:l,pageSelectorId:u,pageSelectorLabel:$,...y},x)=>{const c=m.useId(),h=R(a,H),{options:k}=ue(s),b=j=>{const N=j.target.value?Number(j.target.value):1;if(p(N),t){const M=n?.(N)??"";r(N,M)}};return i.jsxs("div",{className:h,"data-testid":e,ref:x,...y,children:[i.jsxs("div",{className:R(`${H}__select-container`),children:[i.jsx(C.VisuallyHidden,{children:i.jsx(K.Label,{"data-testid":`${e}-label`,htmlFor:c,children:$})}),i.jsx(U.Select,{className:R(`${H}__select`),"data-testid":`${e}-select`,id:u??c,onChange:b,options:k,value:String(g)})]}),i.jsx(Q.Paragraph,{className:R(`${H}__of-total-pages-label`),"data-testid":`${e}-of-total-pages`,children:`${l} ${s}`})]})});X.displayName="PaginationPageSelector";const ce={"purpur-pagination-page-size-selector":"_purpur-pagination-page-size-selector_11x2p_1","purpur-pagination-page-size-selector__select":"_purpur-pagination-page-size-selector__select_11x2p_12","purpur-pagination-page-size-selector__items-per-page-label":"_purpur-pagination-page-size-selector__items-per-page-label_11x2p_17","purpur-pagination-page-size-selector__items-per-page-label-text":"_purpur-pagination-page-size-selector__items-per-page-label-text_11x2p_27"},de=e=>({options:m.useMemo(()=>e.map(a=>({label:`${a}`,value:`${a}`})),[e])}),V=z.c.bind(ce),L="purpur-pagination-page-size-selector",Y=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-size-selector",asLink:t,availablePageSizes:a,className:g,hrefGetter:n,navigationFunction:r,onPageSizeChange:s,pageSize:p,pageSizeLabel:l,...u},$)=>{const y=m.useId(),x=V(g,L),{options:c}=de(a),h=k=>{const b=Number(k.target.value);if(s(b),t){const j=n({page:1,pageSize:b});r?r({currentPage:1,pageSize:b,url:j}):W(j)}};return i.jsxs("div",{className:x,"data-testid":e,ref:$,...u,children:[i.jsx(K.Label,{className:V(`${L}__items-per-page-label`),"data-testid":`${e}-item-per-page-label`,htmlFor:y,children:i.jsx("span",{className:V(`${L}__items-per-page-label-text`),children:l})}),i.jsx(U.Select,{className:V(`${L}__select`),"data-testid":`${e}-select`,id:y,onChange:h,options:c,value:p})]})});Y.displayName="PaginationPageSizeSelector";const me={"purpur-pagination-page-trigger":"_purpur-pagination-page-trigger_kvdyl_1","purpur-pagination-page-trigger__trigger-item":"_purpur-pagination-page-trigger__trigger-item_kvdyl_4","purpur-pagination-page-trigger__trigger-item--xs":"_purpur-pagination-page-trigger__trigger-item--xs_kvdyl_26","purpur-pagination-page-trigger__trigger-item--icon-only":"_purpur-pagination-page-trigger__trigger-item--icon-only_kvdyl_29","purpur-pagination-page-trigger__trigger-item--sm":"_purpur-pagination-page-trigger__trigger-item--sm_kvdyl_32","purpur-pagination-page-trigger__trigger-item--md":"_purpur-pagination-page-trigger__trigger-item--md_kvdyl_38","purpur-pagination-page-trigger__trigger-item--lg":"_purpur-pagination-page-trigger__trigger-item--lg_kvdyl_44","purpur-pagination-page-trigger__trigger-item--full-width":"_purpur-pagination-page-trigger__trigger-item--full-width_kvdyl_50","purpur-pagination-page-trigger__trigger-item--primary":"_purpur-pagination-page-trigger__trigger-item--primary_kvdyl_68","purpur-pagination-page-trigger__trigger-item--disabled":"_purpur-pagination-page-trigger__trigger-item--disabled_kvdyl_72","purpur-pagination-page-trigger__trigger-item--primary-negative":"_purpur-pagination-page-trigger__trigger-item--primary-negative_kvdyl_78","purpur-pagination-page-trigger__trigger-item--secondary":"_purpur-pagination-page-trigger__trigger-item--secondary_kvdyl_90","purpur-pagination-page-trigger__trigger-item--secondary-negative":"_purpur-pagination-page-trigger__trigger-item--secondary-negative_kvdyl_101","purpur-pagination-page-trigger__trigger-item--expressive":"_purpur-pagination-page-trigger__trigger-item--expressive_kvdyl_112","purpur-pagination-page-trigger__trigger-item--expressive-negative":"_purpur-pagination-page-trigger__trigger-item--expressive-negative_kvdyl_122","purpur-pagination-page-trigger__trigger-item--page-trigger":"_purpur-pagination-page-trigger__trigger-item--page-trigger_kvdyl_134","purpur-pagination-page-trigger__trigger-item--selected":"_purpur-pagination-page-trigger__trigger-item--selected_kvdyl_143"},E=z.c.bind(me),d="purpur-pagination-page-trigger",Z=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-trigger",linkElement:t,asLink:a,className:g,disabled:n,hrefGetter:r,onPageChange:s,pageNumber:p,selected:l,stepNumberPrefix:u,...$},y)=>{const x=E(g,d);return i.jsx("li",{className:x,"data-testid":e,ref:y,...$,children:a?n?i.jsxs("span",{className:E(`${d}__trigger-item`,`${d}__trigger-item--page-trigger`,`${d}__trigger-item--sm`,`${d}__trigger-item--icon-only`,`${d}__trigger-item--disabled`),"aria-current":l?"page":void 0,"data-testid":`${e}-disabled-link`,children:[i.jsx(C.VisuallyHidden,{children:`${u} `}),p]}):i.jsxs(t,{className:E(`${d}__trigger-item`,`${d}__trigger-item--page-trigger`,`${d}__trigger-item--sm`,`${d}__trigger-item--icon-only`,{[`${d}__trigger-item--selected`]:l}),"aria-current":l?"page":void 0,"data-testid":`${e}-link`,href:r(p),onClick:()=>s(p),children:[i.jsx(C.VisuallyHidden,{children:`${u} `}),p]}):i.jsxs("button",{"aria-disabled":n,className:E(`${d}__trigger-item`,`${d}__trigger-item--page-trigger`,`${d}__trigger-item--sm`,`${d}__trigger-item--icon-only`,{[`${d}__trigger-item--selected`]:l}),"data-testid":`${e}-button`,"aria-current":l?"page":void 0,disabled:n,onClick:()=>s(p),type:"button",children:[i.jsx(C.VisuallyHidden,{children:`${u} `}),p]})})});Z.displayName="PaginationPageTrigger";const $e={"purpur-pagination-pages":"_purpur-pagination-pages_2g8is_1"},ye={"purpur-pagination-truncation-separator":"_purpur-pagination-truncation-separator_b9cij_1"},ve=z.c.bind(ye),xe="purpur-pagination-truncation-separator",B=({["data-testid"]:e="purpur-pagination-truncation-separator",className:t,["aria-label"]:a,...g})=>{const n=ve(t,xe);return i.jsx("li",{className:n,"data-testid":e,...g,children:i.jsx(Q.Paragraph,{"aria-label":a,children:"..."})})};B.displayName="PaginationTruncationSeparator";const he=z.c.bind($e),be="purpur-pagination-pages",O=m.forwardRef(({["data-testid"]:e="purpur-pagination-pages",linkElement:t,asLink:a,className:g,currentPage:n,hrefGetter:r,onPageChange:s,pages:p,stepNumberPrefix:l,truncationSeparatorAriaLabel:u,...$},y)=>{const x=he(g,be);return i.jsx("ol",{className:x,"data-testid":e,ref:y,...$,children:p.flatMap((c,h,k)=>{const b=m.createElement(Z,{...a?{asLink:!0,hrefGetter:r}:{asLink:void 0,hrefGetter:void 0},linkElement:t,"data-testid":`${e}-page-${c}`,key:c,onPageChange:s,selected:c===n,stepNumberPrefix:l,pageNumber:c});return h===0||k[h-1]+1===c?[b]:[i.jsx(B,{"data-testid":`${e}-truncation-separator-${c}`,"aria-label":u},`${c}-separator`),b]})})});O.displayName="PaginationPages";const je={"purpur-pagination-step-trigger__trigger-item":"_purpur-pagination-step-trigger__trigger-item_1ttbi_1","purpur-pagination-step-trigger__trigger-item--xs":"_purpur-pagination-step-trigger__trigger-item--xs_1ttbi_23","purpur-pagination-step-trigger__trigger-item--icon-only":"_purpur-pagination-step-trigger__trigger-item--icon-only_1ttbi_26","purpur-pagination-step-trigger__trigger-item--sm":"_purpur-pagination-step-trigger__trigger-item--sm_1ttbi_29","purpur-pagination-step-trigger__trigger-item--md":"_purpur-pagination-step-trigger__trigger-item--md_1ttbi_35","purpur-pagination-step-trigger__trigger-item--lg":"_purpur-pagination-step-trigger__trigger-item--lg_1ttbi_41","purpur-pagination-step-trigger__trigger-item--full-width":"_purpur-pagination-step-trigger__trigger-item--full-width_1ttbi_47","purpur-pagination-step-trigger__trigger-item--primary":"_purpur-pagination-step-trigger__trigger-item--primary_1ttbi_65","purpur-pagination-step-trigger__trigger-item--disabled":"_purpur-pagination-step-trigger__trigger-item--disabled_1ttbi_69","purpur-pagination-step-trigger__trigger-item--primary-negative":"_purpur-pagination-step-trigger__trigger-item--primary-negative_1ttbi_75","purpur-pagination-step-trigger__trigger-item--secondary":"_purpur-pagination-step-trigger__trigger-item--secondary_1ttbi_87","purpur-pagination-step-trigger__trigger-item--secondary-negative":"_purpur-pagination-step-trigger__trigger-item--secondary-negative_1ttbi_98","purpur-pagination-step-trigger__trigger-item--expressive":"_purpur-pagination-step-trigger__trigger-item--expressive_1ttbi_109","purpur-pagination-step-trigger__trigger-item--expressive-negative":"_purpur-pagination-step-trigger__trigger-item--expressive-negative_1ttbi_119","purpur-pagination-step-trigger__trigger-item--step-trigger":"_purpur-pagination-step-trigger__trigger-item--step-trigger_1ttbi_131","purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only":"_purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1ttbi_138"},G=z.c.bind(je),_="purpur-pagination-step-trigger",F=m.forwardRef(({["aria-label"]:e,["data-testid"]:t="purpur-pagination-step-trigger",linkElement:a,asLink:g,children:n,className:r,disabled:s,hrefGetter:p,onPageChange:l,pageToNavigateTo:u,isIconOnly:$,...y},x)=>{const c=G(r,_);return i.jsx("div",{className:c,"data-testid":t,ref:x,...y,children:g?s?i.jsx("span",{"aria-label":e,className:G(`${_}__trigger-item`,`${_}__trigger-item--step-trigger`,`${_}__trigger-item--secondary`,`${_}__trigger-item--sm`,`${_}__trigger-item--disabled`,{[`${_}__trigger-item--step-trigger--not-icon-only`]:!$}),"data-testid":`${t}-disabled-link`,children:n}):i.jsx(a,{"aria-label":e,className:G(`${_}__trigger-item`,`${_}__trigger-item--step-trigger`,`${_}__trigger-item--secondary`,`${_}__trigger-item--sm`,{[`${_}__trigger-item--step-trigger--not-icon-only`]:!$}),"data-testid":`${t}-link`,href:p(u),onClick:()=>l(u),children:n}):i.jsx("button",{"aria-disabled":s,"aria-label":e,className:G(`${_}__trigger-item`,`${_}__trigger-item--step-trigger`,`${_}__trigger-item--secondary`,`${_}__trigger-item--sm`,{[`${_}__trigger-item--disabled`]:s,[`${_}__trigger-item--step-trigger--not-icon-only`]:!$}),"data-testid":`${t}-button`,disabled:s,onClick:()=>l(u),type:"button",children:n})})});F.displayName="PaginationStepTrigger";const fe=(e,t,a)=>{const[g,n]=m.useState([]),[r,s]=m.useState(0);return m.useEffect(()=>{const p=Math.ceil(e/t);s(p),n(ke(p,a))},[e,t,a]),{pages:g,numberOfPages:r}};function ke(e,t){if(e<=5)return Array.from({length:e},(n,r)=>r+1);const a=[1,2,3];if(a.includes(t))return[...a,4,e];const g=[e-2,e-1,e];return g.includes(t)?[1,e-3,...g]:[1,t-1,t,t+1,e]}const v=z.c.bind(oe),o="purpur-pagination",T=m.forwardRef(({["data-testid"]:e="purpur-pagination",linkElement:t="a",asLink:a,availablePageSizes:g,className:n,currentPage:r=1,hrefGetter:s,navigationFunction:p,nextButtonAriaLabel:l,nextButtonText:u,onPageChange:$,outOfLabel:y,pageSelectorId:x,pageSelectorLabel:c,pageSize:h=10,pageSizeLabel:k,previousButtonAriaLabel:b,previousButtonText:j,stepNumberPrefix:N,totalItems:M,truncationSeparatorAriaLabel:I,...ee},ie)=>{const te=v(n,o),[A,re]=m.useState(h),{pages:D,numberOfPages:S}=fe(M,A,r),w=!j&&!u,P=f=>{$?.({currentPage:f,pageSize:h})},ae=f=>s?.({page:f,pageSize:h})??"",ge=f=>{re(f),$?.({currentPage:1,pageSize:f})},pe=(f,J)=>{p?p({currentPage:f,pageSize:A,url:J}):W(J)},q=a?{asLink:!0,hrefGetter:ae}:{asLink:void 0,hrefGetter:void 0},ne=a?"nav":"div";return S?i.jsx(ne,{className:te,"data-testid":e,ref:ie,...ee,children:i.jsxs("div",{className:v(`${o}__pagination-container`,{[`${o}__pagination-container--with-page-size-select`]:!!g}),children:[i.jsxs("div",{className:v(`${o}__page-navigation-container`),children:[i.jsxs(F,{...q,linkElement:t,"aria-label":b,className:v(`${o}__step-trigger`),"data-testid":`${e}-previous-step-trigger`,disabled:r===1,onPageChange:P,pageToNavigateTo:r-1,isIconOnly:w,children:[i.jsx(se.l,{size:"sm"}),i.jsx("span",{className:v(`${o}__step-trigger-label`,{[`${o}__step-trigger-label--not-icon-only`]:!w}),children:j}),r!==1&&i.jsx(C.VisuallyHidden,{"data-testid":`${e}-previous-step-trigger-hidden-text`,children:`${N} ${r-1}`})]}),i.jsxs("div",{className:v(`${o}__page-trigger-container`),children:[i.jsx(X,{...q,className:v(`${o}__page-selector`,{[`${o}__page-selector--visible`]:D.length>3}),currentPage:r,"data-testid":`${e}-page-selector`,navigationFunction:pe,numberOfPages:S,onPageChange:P,outOfLabel:y,pageSelectorId:x,pageSelectorLabel:c}),i.jsx(O,{...q,linkElement:t,className:v(`${o}__pages`,{[`${o}__pages--visible`]:D.length<=3}),currentPage:r,"data-testid":`${e}-pages`,stepNumberPrefix:N,onPageChange:P,truncationSeparatorAriaLabel:I,pages:D})]}),i.jsxs(F,{...q,linkElement:t,"aria-label":l,className:v(`${o}__step-trigger`),"data-testid":`${e}-next-step-trigger`,disabled:r===S,onPageChange:P,pageToNavigateTo:r+1,isIconOnly:w,children:[i.jsx("span",{className:v(`${o}__step-trigger-label`,{[`${o}__step-trigger-label--not-icon-only`]:!w}),children:u}),r!==S&&i.jsx(C.VisuallyHidden,{"data-testid":`${e}-next-step-trigger-hidden-text`,children:`${N} ${r+1}`}),i.jsx(_e.i,{size:"sm"})]})]}),g&&i.jsx("div",{className:v(`${o}__page-size-select-container`),children:i.jsx(Y,{...a?{asLink:!0,hrefGetter:s,navigationFunction:p}:{asLink:void 0,hrefGetter:void 0},availablePageSizes:g,className:v(`${o}__page-size-selector`),"data-testid":`${e}-page-size-selector`,onPageSizeChange:ge,pageSize:A,pageSizeLabel:k})})]})}):null});T.displayName="Pagination";exports.Pagination=T;
-//# sourceMappingURL=pagination-rFRdkHII.js.map
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),se=require("./arrow-left.es-CCWJyrcQ.js"),_e=require("./arrow-right.es-eH-IgGi9.js"),C=require("./visually-hidden-C2CKovZx.js"),z=require("./bind-DeUYJ6m9.js"),K=require("./label-yHK80hhV.js"),Q=require("./paragraph-B8HFdNne.js"),U=require("./select-D6R7I5b5.js"),W=e=>{window.location.href=e},oe={"purpur-pagination":"_purpur-pagination_1g3as_1","purpur-pagination__pagination-container":"_purpur-pagination__pagination-container_1g3as_5","purpur-pagination__pagination-container--with-page-size-select":"_purpur-pagination__pagination-container--with-page-size-select_1g3as_12","purpur-pagination__page-size-select-container":"_purpur-pagination__page-size-select-container_1g3as_20","purpur-pagination__page-navigation-container":"_purpur-pagination__page-navigation-container_1g3as_30","purpur-pagination__step-trigger-label":"_purpur-pagination__step-trigger-label_1g3as_51","purpur-pagination__step-trigger-label--not-icon-only":"_purpur-pagination__step-trigger-label--not-icon-only_1g3as_64","purpur-pagination__step-trigger":"_purpur-pagination__step-trigger_1g3as_51","purpur-pagination__page-trigger-container":"_purpur-pagination__page-trigger-container_1g3as_78","purpur-pagination__pages":"_purpur-pagination__pages_1g3as_83","purpur-pagination__pages--visible":"_purpur-pagination__pages--visible_1g3as_86","purpur-pagination__page-selector":"_purpur-pagination__page-selector_1g3as_94","purpur-pagination__page-selector--visible":"_purpur-pagination__page-selector--visible_1g3as_97"},le={"purpur-pagination-page-selector":"_purpur-pagination-page-selector_7pxsw_1","purpur-pagination-page-selector__select-container":"_purpur-pagination-page-selector__select-container_7pxsw_6","purpur-pagination-page-selector__of-total-pages-label":"_purpur-pagination-page-selector__of-total-pages-label_7pxsw_10"},ue=e=>({options:m.useMemo(()=>Array.from({length:e},(a,g)=>({label:`${g+1}`,value:`${g+1}`})),[e])}),R=z.c.bind(le),H="purpur-pagination-page-selector",X=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-selector",asLink:t,className:a,currentPage:g,hrefGetter:n,navigationFunction:r,numberOfPages:s,onPageChange:p,outOfLabel:l,pageSelectorId:u,pageSelectorLabel:$,...y},x)=>{const c=m.useId(),h=R(a,H),{options:k}=ue(s),b=j=>{const N=j.target.value?Number(j.target.value):1;if(p(N),t){const M=n?.(N)??"";r(N,M)}};return i.jsxs("div",{className:h,"data-testid":e,ref:x,...y,children:[i.jsxs("div",{className:R(`${H}__select-container`),children:[i.jsx(C.VisuallyHidden,{children:i.jsx(K.Label,{"data-testid":`${e}-label`,htmlFor:c,children:$})}),i.jsx(U.Select,{className:R(`${H}__select`),"data-testid":`${e}-select`,id:u??c,onChange:b,options:k,value:String(g)})]}),i.jsx(Q.Paragraph,{className:R(`${H}__of-total-pages-label`),"data-testid":`${e}-of-total-pages`,children:`${l} ${s}`})]})});X.displayName="PaginationPageSelector";const ce={"purpur-pagination-page-size-selector":"_purpur-pagination-page-size-selector_11x2p_1","purpur-pagination-page-size-selector__select":"_purpur-pagination-page-size-selector__select_11x2p_12","purpur-pagination-page-size-selector__items-per-page-label":"_purpur-pagination-page-size-selector__items-per-page-label_11x2p_17","purpur-pagination-page-size-selector__items-per-page-label-text":"_purpur-pagination-page-size-selector__items-per-page-label-text_11x2p_27"},de=e=>({options:m.useMemo(()=>e.map(a=>({label:`${a}`,value:`${a}`})),[e])}),V=z.c.bind(ce),L="purpur-pagination-page-size-selector",Y=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-size-selector",asLink:t,availablePageSizes:a,className:g,hrefGetter:n,navigationFunction:r,onPageSizeChange:s,pageSize:p,pageSizeLabel:l,...u},$)=>{const y=m.useId(),x=V(g,L),{options:c}=de(a),h=k=>{const b=Number(k.target.value);if(s(b),t){const j=n({page:1,pageSize:b});r?r({currentPage:1,pageSize:b,url:j}):W(j)}};return i.jsxs("div",{className:x,"data-testid":e,ref:$,...u,children:[i.jsx(K.Label,{className:V(`${L}__items-per-page-label`),"data-testid":`${e}-item-per-page-label`,htmlFor:y,children:i.jsx("span",{className:V(`${L}__items-per-page-label-text`),children:l})}),i.jsx(U.Select,{className:V(`${L}__select`),"data-testid":`${e}-select`,id:y,onChange:h,options:c,value:p})]})});Y.displayName="PaginationPageSizeSelector";const me={"purpur-pagination-page-trigger":"_purpur-pagination-page-trigger_kvdyl_1","purpur-pagination-page-trigger__trigger-item":"_purpur-pagination-page-trigger__trigger-item_kvdyl_4","purpur-pagination-page-trigger__trigger-item--xs":"_purpur-pagination-page-trigger__trigger-item--xs_kvdyl_26","purpur-pagination-page-trigger__trigger-item--icon-only":"_purpur-pagination-page-trigger__trigger-item--icon-only_kvdyl_29","purpur-pagination-page-trigger__trigger-item--sm":"_purpur-pagination-page-trigger__trigger-item--sm_kvdyl_32","purpur-pagination-page-trigger__trigger-item--md":"_purpur-pagination-page-trigger__trigger-item--md_kvdyl_38","purpur-pagination-page-trigger__trigger-item--lg":"_purpur-pagination-page-trigger__trigger-item--lg_kvdyl_44","purpur-pagination-page-trigger__trigger-item--full-width":"_purpur-pagination-page-trigger__trigger-item--full-width_kvdyl_50","purpur-pagination-page-trigger__trigger-item--primary":"_purpur-pagination-page-trigger__trigger-item--primary_kvdyl_68","purpur-pagination-page-trigger__trigger-item--disabled":"_purpur-pagination-page-trigger__trigger-item--disabled_kvdyl_72","purpur-pagination-page-trigger__trigger-item--primary-negative":"_purpur-pagination-page-trigger__trigger-item--primary-negative_kvdyl_78","purpur-pagination-page-trigger__trigger-item--secondary":"_purpur-pagination-page-trigger__trigger-item--secondary_kvdyl_90","purpur-pagination-page-trigger__trigger-item--secondary-negative":"_purpur-pagination-page-trigger__trigger-item--secondary-negative_kvdyl_101","purpur-pagination-page-trigger__trigger-item--expressive":"_purpur-pagination-page-trigger__trigger-item--expressive_kvdyl_112","purpur-pagination-page-trigger__trigger-item--expressive-negative":"_purpur-pagination-page-trigger__trigger-item--expressive-negative_kvdyl_122","purpur-pagination-page-trigger__trigger-item--page-trigger":"_purpur-pagination-page-trigger__trigger-item--page-trigger_kvdyl_134","purpur-pagination-page-trigger__trigger-item--selected":"_purpur-pagination-page-trigger__trigger-item--selected_kvdyl_143"},E=z.c.bind(me),d="purpur-pagination-page-trigger",Z=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-trigger",linkElement:t,asLink:a,className:g,disabled:n,hrefGetter:r,onPageChange:s,pageNumber:p,selected:l,stepNumberPrefix:u,...$},y)=>{const x=E(g,d);return i.jsx("li",{className:x,"data-testid":e,ref:y,...$,children:a?n?i.jsxs("span",{className:E(`${d}__trigger-item`,`${d}__trigger-item--page-trigger`,`${d}__trigger-item--sm`,`${d}__trigger-item--icon-only`,`${d}__trigger-item--disabled`),"aria-current":l?"page":void 0,"data-testid":`${e}-disabled-link`,children:[i.jsx(C.VisuallyHidden,{children:`${u} `}),p]}):i.jsxs(t,{className:E(`${d}__trigger-item`,`${d}__trigger-item--page-trigger`,`${d}__trigger-item--sm`,`${d}__trigger-item--icon-only`,{[`${d}__trigger-item--selected`]:l}),"aria-current":l?"page":void 0,"data-testid":`${e}-link`,href:r(p),onClick:()=>s(p),children:[i.jsx(C.VisuallyHidden,{children:`${u} `}),p]}):i.jsxs("button",{"aria-disabled":n,className:E(`${d}__trigger-item`,`${d}__trigger-item--page-trigger`,`${d}__trigger-item--sm`,`${d}__trigger-item--icon-only`,{[`${d}__trigger-item--selected`]:l}),"data-testid":`${e}-button`,"aria-current":l?"page":void 0,disabled:n,onClick:()=>s(p),type:"button",children:[i.jsx(C.VisuallyHidden,{children:`${u} `}),p]})})});Z.displayName="PaginationPageTrigger";const $e={"purpur-pagination-pages":"_purpur-pagination-pages_2g8is_1"},ye={"purpur-pagination-truncation-separator":"_purpur-pagination-truncation-separator_b9cij_1"},ve=z.c.bind(ye),xe="purpur-pagination-truncation-separator",B=({["data-testid"]:e="purpur-pagination-truncation-separator",className:t,["aria-label"]:a,...g})=>{const n=ve(t,xe);return i.jsx("li",{className:n,"data-testid":e,...g,children:i.jsx(Q.Paragraph,{"aria-label":a,children:"..."})})};B.displayName="PaginationTruncationSeparator";const he=z.c.bind($e),be="purpur-pagination-pages",O=m.forwardRef(({["data-testid"]:e="purpur-pagination-pages",linkElement:t,asLink:a,className:g,currentPage:n,hrefGetter:r,onPageChange:s,pages:p,stepNumberPrefix:l,truncationSeparatorAriaLabel:u,...$},y)=>{const x=he(g,be);return i.jsx("ol",{className:x,"data-testid":e,ref:y,...$,children:p.flatMap((c,h,k)=>{const b=m.createElement(Z,{...a?{asLink:!0,hrefGetter:r}:{asLink:void 0,hrefGetter:void 0},linkElement:t,"data-testid":`${e}-page-${c}`,key:c,onPageChange:s,selected:c===n,stepNumberPrefix:l,pageNumber:c});return h===0||k[h-1]+1===c?[b]:[i.jsx(B,{"data-testid":`${e}-truncation-separator-${c}`,"aria-label":u},`${c}-separator`),b]})})});O.displayName="PaginationPages";const je={"purpur-pagination-step-trigger__trigger-item":"_purpur-pagination-step-trigger__trigger-item_1ttbi_1","purpur-pagination-step-trigger__trigger-item--xs":"_purpur-pagination-step-trigger__trigger-item--xs_1ttbi_23","purpur-pagination-step-trigger__trigger-item--icon-only":"_purpur-pagination-step-trigger__trigger-item--icon-only_1ttbi_26","purpur-pagination-step-trigger__trigger-item--sm":"_purpur-pagination-step-trigger__trigger-item--sm_1ttbi_29","purpur-pagination-step-trigger__trigger-item--md":"_purpur-pagination-step-trigger__trigger-item--md_1ttbi_35","purpur-pagination-step-trigger__trigger-item--lg":"_purpur-pagination-step-trigger__trigger-item--lg_1ttbi_41","purpur-pagination-step-trigger__trigger-item--full-width":"_purpur-pagination-step-trigger__trigger-item--full-width_1ttbi_47","purpur-pagination-step-trigger__trigger-item--primary":"_purpur-pagination-step-trigger__trigger-item--primary_1ttbi_65","purpur-pagination-step-trigger__trigger-item--disabled":"_purpur-pagination-step-trigger__trigger-item--disabled_1ttbi_69","purpur-pagination-step-trigger__trigger-item--primary-negative":"_purpur-pagination-step-trigger__trigger-item--primary-negative_1ttbi_75","purpur-pagination-step-trigger__trigger-item--secondary":"_purpur-pagination-step-trigger__trigger-item--secondary_1ttbi_87","purpur-pagination-step-trigger__trigger-item--secondary-negative":"_purpur-pagination-step-trigger__trigger-item--secondary-negative_1ttbi_98","purpur-pagination-step-trigger__trigger-item--expressive":"_purpur-pagination-step-trigger__trigger-item--expressive_1ttbi_109","purpur-pagination-step-trigger__trigger-item--expressive-negative":"_purpur-pagination-step-trigger__trigger-item--expressive-negative_1ttbi_119","purpur-pagination-step-trigger__trigger-item--step-trigger":"_purpur-pagination-step-trigger__trigger-item--step-trigger_1ttbi_131","purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only":"_purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1ttbi_138"},G=z.c.bind(je),_="purpur-pagination-step-trigger",F=m.forwardRef(({["aria-label"]:e,["data-testid"]:t="purpur-pagination-step-trigger",linkElement:a,asLink:g,children:n,className:r,disabled:s,hrefGetter:p,onPageChange:l,pageToNavigateTo:u,isIconOnly:$,...y},x)=>{const c=G(r,_);return i.jsx("div",{className:c,"data-testid":t,ref:x,...y,children:g?s?i.jsx("span",{"aria-label":e,className:G(`${_}__trigger-item`,`${_}__trigger-item--step-trigger`,`${_}__trigger-item--secondary`,`${_}__trigger-item--sm`,`${_}__trigger-item--disabled`,{[`${_}__trigger-item--step-trigger--not-icon-only`]:!$}),"data-testid":`${t}-disabled-link`,children:n}):i.jsx(a,{"aria-label":e,className:G(`${_}__trigger-item`,`${_}__trigger-item--step-trigger`,`${_}__trigger-item--secondary`,`${_}__trigger-item--sm`,{[`${_}__trigger-item--step-trigger--not-icon-only`]:!$}),"data-testid":`${t}-link`,href:p(u),onClick:()=>l(u),children:n}):i.jsx("button",{"aria-disabled":s,"aria-label":e,className:G(`${_}__trigger-item`,`${_}__trigger-item--step-trigger`,`${_}__trigger-item--secondary`,`${_}__trigger-item--sm`,{[`${_}__trigger-item--disabled`]:s,[`${_}__trigger-item--step-trigger--not-icon-only`]:!$}),"data-testid":`${t}-button`,disabled:s,onClick:()=>l(u),type:"button",children:n})})});F.displayName="PaginationStepTrigger";const fe=(e,t,a)=>{const[g,n]=m.useState([]),[r,s]=m.useState(0);return m.useEffect(()=>{const p=Math.ceil(e/t);s(p),n(ke(p,a))},[e,t,a]),{pages:g,numberOfPages:r}};function ke(e,t){if(e<=5)return Array.from({length:e},(n,r)=>r+1);const a=[1,2,3];if(a.includes(t))return[...a,4,e];const g=[e-2,e-1,e];return g.includes(t)?[1,e-3,...g]:[1,t-1,t,t+1,e]}const v=z.c.bind(oe),o="purpur-pagination",T=m.forwardRef(({["data-testid"]:e="purpur-pagination",linkElement:t="a",asLink:a,availablePageSizes:g,className:n,currentPage:r=1,hrefGetter:s,navigationFunction:p,nextButtonAriaLabel:l,nextButtonText:u,onPageChange:$,outOfLabel:y,pageSelectorId:x,pageSelectorLabel:c,pageSize:h=10,pageSizeLabel:k,previousButtonAriaLabel:b,previousButtonText:j,stepNumberPrefix:N,totalItems:M,truncationSeparatorAriaLabel:I,...ee},ie)=>{const te=v(n,o),[A,re]=m.useState(h),{pages:D,numberOfPages:S}=fe(M,A,r),w=!j&&!u,P=f=>{$?.({currentPage:f,pageSize:h})},ae=f=>s?.({page:f,pageSize:h})??"",ge=f=>{re(f),$?.({currentPage:1,pageSize:f})},pe=(f,J)=>{p?p({currentPage:f,pageSize:A,url:J}):W(J)},q=a?{asLink:!0,hrefGetter:ae}:{asLink:void 0,hrefGetter:void 0},ne=a?"nav":"div";return S?i.jsx(ne,{className:te,"data-testid":e,ref:ie,...ee,children:i.jsxs("div",{className:v(`${o}__pagination-container`,{[`${o}__pagination-container--with-page-size-select`]:!!g}),children:[i.jsxs("div",{className:v(`${o}__page-navigation-container`),children:[i.jsxs(F,{...q,linkElement:t,"aria-label":b,className:v(`${o}__step-trigger`),"data-testid":`${e}-previous-step-trigger`,disabled:r===1,onPageChange:P,pageToNavigateTo:r-1,isIconOnly:w,children:[i.jsx(se.l,{size:"sm"}),i.jsx("span",{className:v(`${o}__step-trigger-label`,{[`${o}__step-trigger-label--not-icon-only`]:!w}),children:j}),r!==1&&i.jsx(C.VisuallyHidden,{"data-testid":`${e}-previous-step-trigger-hidden-text`,children:`${N} ${r-1}`})]}),i.jsxs("div",{className:v(`${o}__page-trigger-container`),children:[i.jsx(X,{...q,className:v(`${o}__page-selector`,{[`${o}__page-selector--visible`]:D.length>3}),currentPage:r,"data-testid":`${e}-page-selector`,navigationFunction:pe,numberOfPages:S,onPageChange:P,outOfLabel:y,pageSelectorId:x,pageSelectorLabel:c}),i.jsx(O,{...q,linkElement:t,className:v(`${o}__pages`,{[`${o}__pages--visible`]:D.length<=3}),currentPage:r,"data-testid":`${e}-pages`,stepNumberPrefix:N,onPageChange:P,truncationSeparatorAriaLabel:I,pages:D})]}),i.jsxs(F,{...q,linkElement:t,"aria-label":l,className:v(`${o}__step-trigger`),"data-testid":`${e}-next-step-trigger`,disabled:r===S,onPageChange:P,pageToNavigateTo:r+1,isIconOnly:w,children:[i.jsx("span",{className:v(`${o}__step-trigger-label`,{[`${o}__step-trigger-label--not-icon-only`]:!w}),children:u}),r!==S&&i.jsx(C.VisuallyHidden,{"data-testid":`${e}-next-step-trigger-hidden-text`,children:`${N} ${r+1}`}),i.jsx(_e.i,{size:"sm"})]})]}),g&&i.jsx("div",{className:v(`${o}__page-size-select-container`),children:i.jsx(Y,{...a?{asLink:!0,hrefGetter:s,navigationFunction:p}:{asLink:void 0,hrefGetter:void 0},availablePageSizes:g,className:v(`${o}__page-size-selector`),"data-testid":`${e}-page-size-selector`,onPageSizeChange:ge,pageSize:A,pageSizeLabel:k})})]})}):null});T.displayName="Pagination";exports.Pagination=T;
+//# sourceMappingURL=pagination-C1rYXq9I.js.map