@purpur/library 8.21.0

package/dist/notification-Bg1vQkQ3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-Bg1vQkQ3.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/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","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 { 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} 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.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=\"md\"\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=\"tertiary-purple\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <Icon svg={close} size=\"sm\" />\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","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","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-C32wHljA.mjs

@@ -0,0 +1,170 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as $ } from "./button-DBX_tvfJ.mjs";
+import { a as O } from "./heading-gqtQNo5n.mjs";
+import { b as f } from "./icon.es-CZcKxTaM.mjs";
+import { e as x } from "./error-filled.es-C0Amnd7Y.mjs";
+import { a as R } from "./paragraph-DNtj7OLr.mjs";
+import { c as S } from "./bind-CU-R61T-.mjs";
+const A = {
+  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"
+}, L = {
+  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"
+}, E = {
+  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"
+}, C = {
+  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"
+}, I = {
+  "purpur-notification": "_purpur-notification_53c05_1",
+  "purpur-notification__top": "_purpur-notification__top_53c05_14",
+  "purpur-notification__header": "_purpur-notification__header_53c05_20",
+  "purpur-notification__close-button": "_purpur-notification__close-button_53c05_25",
+  "purpur-notification__icon": "_purpur-notification__icon_53c05_30",
+  "purpur-notification__body": "_purpur-notification__body_53c05_33",
+  "purpur-notification__body--extra-padding": "_purpur-notification__body--extra-padding_53c05_36",
+  "purpur-notification--success": "_purpur-notification--success_53c05_39",
+  "purpur-notification__heading": "_purpur-notification__heading_53c05_42",
+  "purpur-notification--warning": "_purpur-notification--warning_53c05_48",
+  "purpur-notification--error": "_purpur-notification--error_53c05_57",
+  "purpur-notification--info": "_purpur-notification--info_53c05_66",
+  "purpur-notification--hidden": "_purpur-notification--hidden_53c05_75",
+  "purpur-notification--has-close-button": "_purpur-notification--has-close-button_53c05_79"
+}, a = S.bind(I), n = {
+  SUCCESS: "success",
+  WARNING: "warning",
+  ERROR: "error",
+  INFO: "info"
+}, P = Object.values(n), Z = {
+  POLITE: "polite",
+  ASSERTIVE: "assertive"
+}, T = Object.values(Z), k = {
+  ALERT: "alert",
+  DIALOG: "dialog",
+  ALERTDIALOG: "alertdialog"
+}, W = Object.values(k), o = "purpur-notification", j = (i) => {
+  switch (i) {
+    case n.INFO:
+      return C;
+    case n.SUCCESS:
+      return L;
+    case n.WARNING:
+      return A;
+    case n.ERROR:
+      return x;
+  }
+}, B = N(
+  ({
+    ["data-testid"]: i,
+    ["aria-live"]: v,
+    children: e,
+    className: g,
+    closeButtonAriaLabel: m,
+    headingTag: h = "h4",
+    status: u = "info",
+    heading: s,
+    hidden: p,
+    id: t,
+    onClose: c,
+    open: w = !0,
+    hideIcon: _,
+    ...b
+  }, y) => {
+    const d = !!s || !_;
+    return /* @__PURE__ */ r("div", { "aria-live": v, children: w && /* @__PURE__ */ l(
+      "div",
+      {
+        id: t,
+        "aria-labelledby": t ? `${t}-heading` : void 0,
+        "aria-describedby": t ? `${t}-body` : void 0,
+        "aria-hidden": !!p,
+        className: a(g, o, `${o}--${u}`, {
+          [`${o}--hidden`]: p,
+          [`${o}--has-close-button`]: !!c
+        }),
+        "data-testid": i,
+        ref: y,
+        ...b,
+        children: [
+          d && /* @__PURE__ */ r("div", { className: a(`${o}__top`), children: /* @__PURE__ */ l("div", { className: a(`${o}__header`), children: [
+            !_ && /* @__PURE__ */ r(
+              f,
+              {
+                "data-testid": i ? `${i}-icon` : void 0,
+                className: a(`${o}__icon`),
+                svg: j(u),
+                size: "md"
+              }
+            ),
+            !!s && /* @__PURE__ */ r(
+              O,
+              {
+                "data-testid": i ? `${i}-heading` : void 0,
+                variant: "subsection-100",
+                tag: h,
+                className: a(`${o}__heading`),
+                children: /* @__PURE__ */ l("span", { id: t ? `${t}-heading` : void 0, children: [
+                  " ",
+                  s
+                ] })
+              }
+            )
+          ] }) }),
+          c && /* @__PURE__ */ r(
+            $,
+            {
+              "data-testid": i ? `${i}-close-button` : void 0,
+              variant: "tertiary-purple",
+              size: "sm",
+              iconOnly: !0,
+              "aria-label": m,
+              onClick: c,
+              className: a(`${o}__close-button`),
+              children: /* @__PURE__ */ r(f, { svg: E, size: "sm" })
+            }
+          ),
+          e && /* @__PURE__ */ r(
+            "div",
+            {
+              "data-testid": i ? `${i}-body` : void 0,
+              className: a(`${o}__body`, {
+                [`${o}__body--extra-padding`]: !d && !!c
+              }),
+              id: t ? `${t}-body` : void 0,
+              children: typeof e == "string" ? /* @__PURE__ */ r(
+                R,
+                {
+                  "data-testid": i ? `${i}-paragraph` : void 0,
+                  variant: "paragraph-100",
+                  children: e
+                }
+              ) : e
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+B.displayName = "Notification";
+export {
+  n as N,
+  Z as a,
+  T as b,
+  k as c,
+  W as d,
+  B as e,
+  P as n
+};
+//# sourceMappingURL=notification-C32wHljA.mjs.map

package/dist/notification-C32wHljA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-C32wHljA.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/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","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 { 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} 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.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=\"md\"\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=\"tertiary-purple\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <Icon svg={close} size=\"sm\" />\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","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","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-banner-BY2iZOIa.mjs

@@ -0,0 +1,75 @@
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as v } from "./button-DBX_tvfJ.mjs";
+import { G as $ } from "./grid-DGnCQgwf.mjs";
+import { a as g } from "./heading-gqtQNo5n.mjs";
+import { r as x } from "./close.es-BPmk2wkU.mjs";
+import { r as y } from "./info.es-u0pS2u7W.mjs";
+import { c as z } from "./bind-CU-R61T-.mjs";
+const B = {
+  "purpur-notification-banner": "_purpur-notification-banner_llblm_1",
+  "purpur-notification-banner__container": "_purpur-notification-banner__container_llblm_6",
+  "purpur-notification-banner__content": "_purpur-notification-banner__content_llblm_11",
+  "purpur-notification-banner__icon": "_purpur-notification-banner__icon_llblm_16",
+  "purpur-notification-banner__heading": "_purpur-notification-banner__heading_llblm_19",
+  "purpur-notification-banner__heading--no-overlap": "_purpur-notification-banner__heading--no-overlap_llblm_22",
+  "purpur-notification-banner__close-button": "_purpur-notification-banner__close-button_llblm_25"
+}, r = z.bind(B), n = "purpur-notification-banner", j = N(
+  ({
+    ["data-testid"]: a,
+    children: _,
+    className: c,
+    closeButtonAriaLabel: l,
+    description: s,
+    hideIcon: p,
+    icon: e,
+    link: u,
+    onClose: o,
+    titleTag: m = "h4",
+    title: b,
+    ...f
+  }, d) => {
+    const h = r(c, n);
+    return /* @__PURE__ */ i("div", { ...f, className: h, role: "alert", ref: d, "data-testid": a, children: /* @__PURE__ */ i($, { children: /* @__PURE__ */ t("div", { className: r(`${n}__container`), children: [
+      p ? null : e ? /* @__PURE__ */ i("span", { className: r(`${n}__icon`), children: e }) : /* @__PURE__ */ i(y, { className: r(`${n}__icon`), size: "sm" }),
+      /* @__PURE__ */ t("div", { className: r(`${n}__content`), children: [
+        /* @__PURE__ */ i(
+          g,
+          {
+            tag: m,
+            variant: "subsection-100",
+            className: r([
+              `${n}__heading`,
+              { [`${n}__heading--no-overlap`]: o }
+            ]),
+            children: b
+          }
+        ),
+        /* @__PURE__ */ t("div", { children: [
+          s,
+          " ",
+          u
+        ] }),
+        _
+      ] }),
+      o && /* @__PURE__ */ i(
+        v,
+        {
+          "data-testid": a ? `${a}-close-button` : void 0,
+          variant: "tertiary-purple",
+          size: "sm",
+          iconOnly: !0,
+          "aria-label": l,
+          onClick: o,
+          className: r(`${n}__close-button`),
+          children: /* @__PURE__ */ i(x, { size: "sm" })
+        }
+      )
+    ] }) }) });
+  }
+);
+j.displayName = "NotificationBanner";
+export {
+  j as N
+};
+//# sourceMappingURL=notification-banner-BY2iZOIa.mjs.map

package/dist/notification-banner-BY2iZOIa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner-BY2iZOIa.mjs","sources":["../../../components/notification-banner/src/notification-banner.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { IconInfo } from \"@purpur/icon/info\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification-banner.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DefaultProps = BaseProps & {\n  closeButtonAriaLabel?: string;\n  description?: string;\n  hideIcon?: boolean;\n  icon?: ReactNode;\n  link?: ReactNode;\n  titleTag?: HeadingTagType;\n  title?: string;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationBannerProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst rootClassName = \"purpur-notification-banner\";\n\nexport const NotificationBanner = forwardRef<HTMLDivElement, NotificationBannerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      children,\n      className,\n      closeButtonAriaLabel,\n      description,\n      hideIcon,\n      icon,\n      link,\n      onClose,\n      titleTag = \"h4\",\n      title,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <div {...props} className={classes} role=\"alert\" ref={ref} data-testid={dataTestId}>\n        <Grid>\n          <div className={cx(`${rootClassName}__container`)}>\n            {!hideIcon ? (\n              icon ? (\n                <span className={cx(`${rootClassName}__icon`)}>{icon}</span>\n              ) : (\n                <IconInfo className={cx(`${rootClassName}__icon`)} size=\"sm\" />\n              )\n            ) : null}\n            <div className={cx(`${rootClassName}__content`)}>\n              <Heading\n                tag={titleTag}\n                variant=\"subsection-100\"\n                className={cx([\n                  `${rootClassName}__heading`,\n                  { [`${rootClassName}__heading--no-overlap`]: onClose },\n                ])}\n              >\n                {title}\n              </Heading>\n              <div>\n                {description} {link}\n              </div>\n              {children}\n            </div>\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"tertiary-purple\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            )}\n          </div>\n        </Grid>\n      </div>\n    );\n  }\n);\n\nNotificationBanner.displayName = \"NotificationBanner\";\n"],"names":["cx","c","styles","rootClassName","NotificationBanner","forwardRef","dataTestId","children","className","closeButtonAriaLabel","description","hideIcon","icon","link","onClose","titleTag","title","props","ref","classes","jsx","Grid","IconInfo","Heading","Button","IconClose"],"mappings":";;;;;;;;;;;;;;;;GAWMA,IAAKC,EAAE,KAAKC,CAAM,GAwBlBC,IAAgB,8BAETC,IAAqBC;AAAA,EAChC,CACE;AAAA,IACE,CAAC,gBAAgBC;AAAA,IACjB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUnB,EAAGQ,GAAWL,CAAa;AAE3C,WACE,gBAAAiB,EAAC,SAAK,GAAGH,GAAO,WAAWE,GAAS,MAAK,SAAQ,KAAAD,GAAU,eAAaZ,GACtE,UAAA,gBAAAc,EAACC,GAAA,EACC,4BAAC,OAAA,EAAI,WAAWrB,EAAG,GAAGG,CAAa,aAAa,GAC7C,UAAA;AAAA,MAACQ,IAME,OALFC,IACE,gBAAAQ,EAAC,QAAA,EAAK,WAAWpB,EAAG,GAAGG,CAAa,QAAQ,GAAI,UAAAS,GAAK,IAErD,gBAAAQ,EAACE,GAAA,EAAS,WAAWtB,EAAG,GAAGG,CAAa,QAAQ,GAAG,MAAK,KAAA,CAAK;AAAA,wBAGhE,OAAA,EAAI,WAAWH,EAAG,GAAGG,CAAa,WAAW,GAC5C,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKR;AAAA,YACL,SAAQ;AAAA,YACR,WAAWf,EAAG;AAAA,cACZ,GAAGG,CAAa;AAAA,cAChB,EAAE,CAAC,GAAGA,CAAa,uBAAuB,GAAGW,EAAA;AAAA,YAAQ,CACtD;AAAA,YAEA,UAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEF,OAAA,EACE,UAAA;AAAA,UAAAN;AAAA,UAAY;AAAA,UAAEG;AAAA,QAAA,GACjB;AAAA,QACCN;AAAA,MAAA,GACH;AAAA,MACCO,KACC,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,eAAalB,IAAa,GAAGA,CAAU,kBAAkB;AAAA,UACzD,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,cAAYG;AAAA,UACZ,SAASK;AAAA,UACT,WAAWd,EAAG,GAAGG,CAAa,gBAAgB;AAAA,UAE9C,UAAA,gBAAAiB,EAACK,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACvB,EAAA,CAEJ,GACF,GACF;AAAA,EAEJ;AACF;AAEArB,EAAmB,cAAc;"}

package/dist/notification-banner-C8XsBDTq.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),x=require("react"),N=require("./button-ChYUPi2k.js"),j=require("./grid-uGMD2euo.js"),g=require("./heading-DLCdW6gx.js"),v=require("./close.es-VL3lKi1O.js"),q=require("./info.es-Br84jly5.js"),$=require("./bind-DeUYJ6m9.js"),y={"purpur-notification-banner":"_purpur-notification-banner_llblm_1","purpur-notification-banner__container":"_purpur-notification-banner__container_llblm_6","purpur-notification-banner__content":"_purpur-notification-banner__content_llblm_11","purpur-notification-banner__icon":"_purpur-notification-banner__icon_llblm_16","purpur-notification-banner__heading":"_purpur-notification-banner__heading_llblm_19","purpur-notification-banner__heading--no-overlap":"_purpur-notification-banner__heading--no-overlap_llblm_22","purpur-notification-banner__close-button":"_purpur-notification-banner__close-button_llblm_25"},r=$.c.bind(y),i="purpur-notification-banner",o=x.forwardRef(({["data-testid"]:e,children:c,className:s,closeButtonAriaLabel:_,description:l,hideIcon:u,icon:a,link:p,onClose:t,titleTag:b="h4",title:d,...f},m)=>{const h=r(s,i);return n.jsx("div",{...f,className:h,role:"alert",ref:m,"data-testid":e,children:n.jsx(j.Grid,{children:n.jsxs("div",{className:r(`${i}__container`),children:[u?null:a?n.jsx("span",{className:r(`${i}__icon`),children:a}):n.jsx(q.r,{className:r(`${i}__icon`),size:"sm"}),n.jsxs("div",{className:r(`${i}__content`),children:[n.jsx(g.Heading,{tag:b,variant:"subsection-100",className:r([`${i}__heading`,{[`${i}__heading--no-overlap`]:t}]),children:d}),n.jsxs("div",{children:[l," ",p]}),c]}),t&&n.jsx(N.Button,{"data-testid":e?`${e}-close-button`:void 0,variant:"tertiary-purple",size:"sm",iconOnly:!0,"aria-label":_,onClick:t,className:r(`${i}__close-button`),children:n.jsx(v.r,{size:"sm"})})]})})})});o.displayName="NotificationBanner";exports.NotificationBanner=o;
+//# sourceMappingURL=notification-banner-C8XsBDTq.js.map

package/dist/notification-banner-C8XsBDTq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner-C8XsBDTq.js","sources":["../../../components/notification-banner/src/notification-banner.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { IconInfo } from \"@purpur/icon/info\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification-banner.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DefaultProps = BaseProps & {\n  closeButtonAriaLabel?: string;\n  description?: string;\n  hideIcon?: boolean;\n  icon?: ReactNode;\n  link?: ReactNode;\n  titleTag?: HeadingTagType;\n  title?: string;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationBannerProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst rootClassName = \"purpur-notification-banner\";\n\nexport const NotificationBanner = forwardRef<HTMLDivElement, NotificationBannerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      children,\n      className,\n      closeButtonAriaLabel,\n      description,\n      hideIcon,\n      icon,\n      link,\n      onClose,\n      titleTag = \"h4\",\n      title,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <div {...props} className={classes} role=\"alert\" ref={ref} data-testid={dataTestId}>\n        <Grid>\n          <div className={cx(`${rootClassName}__container`)}>\n            {!hideIcon ? (\n              icon ? (\n                <span className={cx(`${rootClassName}__icon`)}>{icon}</span>\n              ) : (\n                <IconInfo className={cx(`${rootClassName}__icon`)} size=\"sm\" />\n              )\n            ) : null}\n            <div className={cx(`${rootClassName}__content`)}>\n              <Heading\n                tag={titleTag}\n                variant=\"subsection-100\"\n                className={cx([\n                  `${rootClassName}__heading`,\n                  { [`${rootClassName}__heading--no-overlap`]: onClose },\n                ])}\n              >\n                {title}\n              </Heading>\n              <div>\n                {description} {link}\n              </div>\n              {children}\n            </div>\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"tertiary-purple\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            )}\n          </div>\n        </Grid>\n      </div>\n    );\n  }\n);\n\nNotificationBanner.displayName = \"NotificationBanner\";\n"],"names":["cx","c","styles","rootClassName","NotificationBanner","forwardRef","dataTestId","children","className","closeButtonAriaLabel","description","hideIcon","icon","link","onClose","titleTag","title","props","ref","classes","jsx","Grid","IconInfo","Heading","Button","IconClose"],"mappings":"23BAWMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAwBlBC,EAAgB,6BAETC,EAAqBC,EAAAA,WAChC,CACE,CACE,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,KACX,MAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUnB,EAAGQ,EAAWL,CAAa,EAE3C,OACEiB,MAAC,OAAK,GAAGH,EAAO,UAAWE,EAAS,KAAK,QAAQ,IAAAD,EAAU,cAAaZ,EACtE,SAAAc,MAACC,EAAAA,KAAA,CACC,gBAAC,MAAA,CAAI,UAAWrB,EAAG,GAAGG,CAAa,aAAa,EAC7C,SAAA,CAACQ,EAME,KALFC,EACEQ,EAAAA,IAAC,OAAA,CAAK,UAAWpB,EAAG,GAAGG,CAAa,QAAQ,EAAI,SAAAS,EAAK,EAErDQ,EAAAA,IAACE,EAAAA,EAAA,CAAS,UAAWtB,EAAG,GAAGG,CAAa,QAAQ,EAAG,KAAK,IAAA,CAAK,SAGhE,MAAA,CAAI,UAAWH,EAAG,GAAGG,CAAa,WAAW,EAC5C,SAAA,CAAAiB,EAAAA,IAACG,EAAAA,QAAA,CACC,IAAKR,EACL,QAAQ,iBACR,UAAWf,EAAG,CACZ,GAAGG,CAAa,YAChB,CAAE,CAAC,GAAGA,CAAa,uBAAuB,EAAGW,CAAA,CAAQ,CACtD,EAEA,SAAAE,CAAA,CAAA,SAEF,MAAA,CACE,SAAA,CAAAN,EAAY,IAAEG,CAAA,EACjB,EACCN,CAAA,EACH,EACCO,GACCM,EAAAA,IAACI,EAAAA,OAAA,CACC,cAAalB,EAAa,GAAGA,CAAU,gBAAkB,OACzD,QAAQ,kBACR,KAAK,KACL,SAAQ,GACR,aAAYG,EACZ,QAASK,EACT,UAAWd,EAAG,GAAGG,CAAa,gBAAgB,EAE9C,SAAAiB,EAAAA,IAACK,EAAAA,EAAA,CAAU,KAAK,IAAA,CAAK,CAAA,CAAA,CACvB,CAAA,CAEJ,EACF,EACF,CAEJ,CACF,EAEArB,EAAmB,YAAc"}

package/dist/notification-banner.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-banner-C8XsBDTq.js");exports.NotificationBanner=i.NotificationBanner;
+//# sourceMappingURL=notification-banner.cjs.js.map

package/dist/notification-banner.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/notification-banner.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/notification-banner';
+//# sourceMappingURL=notification-banner.d.ts.map

package/dist/notification-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.d.ts","sourceRoot":"","sources":["../src/notification-banner.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,6BAA6B,CAAC"}

package/dist/notification-banner.es.js

@@ -0,0 +1,5 @@
+import { N as i } from "./notification-banner-BY2iZOIa.mjs";
+export {
+  i as NotificationBanner
+};
+//# sourceMappingURL=notification-banner.es.js.map

package/dist/notification-banner.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/notification.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-Bg1vQkQ3.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.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/notification.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/notification';
+//# sourceMappingURL=notification.d.ts.map

package/dist/notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../src/notification.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,sBAAsB,CAAC"}

package/dist/notification.es.js

@@ -0,0 +1,11 @@
+import { a as o, c as s, N as t, e as I, b as n, d as N, n as T } from "./notification-C32wHljA.mjs";
+export {
+  o as NOTIFICATION_ARIA_LIVE,
+  s as NOTIFICATION_ROLE,
+  t as NOTIFICATION_STATUS,
+  I as Notification,
+  n as notificationAriaLiveValues,
+  N as notificationRoles,
+  T as notificationStatuses
+};
+//# sourceMappingURL=notification.es.js.map

package/dist/notification.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/pagination-C2A8NPol.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),_e=require("./icon-DNHpBTHs-faYHqTXU.js"),oe=require("./arrow-right.es-eH-IgGi9.js"),C=require("./visually-hidden-C2CKovZx.js"),z=require("./bind-DeUYJ6m9.js"),B=require("./label-yHK80hhV.js"),J=require("./paragraph-BsI53OR0.js"),K=require("./select-DOqTJgTj.js"),le={name:"arrow-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',keywords:["arrow-left"],category:"utility"},Q=e=>i.jsx(_e.b,{...e,svg:le});Q.displayName="IconArrowLeft";const U=e=>{window.location.href=e},ue={"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"},ce={"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"},de=e=>({options:m.useMemo(()=>Array.from({length:e},(a,g)=>({label:`${g+1}`,value:`${g+1}`})),[e])}),q=z.c.bind(ce),R="purpur-pagination-page-selector",W=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-selector",asLink:r,className:a,currentPage:g,hrefGetter:p,navigationFunction:t,numberOfPages:s,onPageChange:n,outOfLabel:l,pageSelectorId:u,pageSelectorLabel:$,...y},h)=>{const c=m.useId(),v=q(a,R),{options:N}=de(s),j=b=>{const w=b.target.value?Number(b.target.value):1;if(n(w),r){const E=p?.(w)??"";t(w,E)}};return i.jsxs("div",{className:v,"data-testid":e,ref:h,...y,children:[i.jsxs("div",{className:q(`${R}__select-container`),children:[i.jsx(C.VisuallyHidden,{children:i.jsx(B.Label,{"data-testid":`${e}-label`,htmlFor:c,children:$})}),i.jsx(K.Select,{className:q(`${R}__select`),"data-testid":`${e}-select`,id:u??c,onChange:j,options:N,value:String(g)})]}),i.jsx(J.Paragraph,{className:q(`${R}__of-total-pages-label`),"data-testid":`${e}-of-total-pages`,children:`${l} ${s}`})]})});W.displayName="PaginationPageSelector";const me={"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"},$e=e=>({options:m.useMemo(()=>e.map(a=>({label:`${a}`,value:`${a}`})),[e])}),L=z.c.bind(me),V="purpur-pagination-page-size-selector",X=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-size-selector",asLink:r,availablePageSizes:a,className:g,hrefGetter:p,navigationFunction:t,onPageSizeChange:s,pageSize:n,pageSizeLabel:l,...u},$)=>{const y=m.useId(),h=L(g,V),{options:c}=$e(a),v=N=>{const j=Number(N.target.value);if(s(j),r){const b=p({page:1,pageSize:j});t?t({currentPage:1,pageSize:j,url:b}):U(b)}};return i.jsxs("div",{className:h,"data-testid":e,ref:$,...u,children:[i.jsx(B.Label,{className:L(`${V}__items-per-page-label`),"data-testid":`${e}-item-per-page-label`,htmlFor:y,children:i.jsx("span",{className:L(`${V}__items-per-page-label-text`),children:l})}),i.jsx(K.Select,{className:L(`${V}__select`),"data-testid":`${e}-select`,id:y,onChange:v,options:c,value:n})]})});X.displayName="PaginationPageSizeSelector";const ye={"purpur-pagination-page-trigger":"_purpur-pagination-page-trigger_1pnyd_1","purpur-pagination-page-trigger__trigger-item":"_purpur-pagination-page-trigger__trigger-item_1pnyd_4","purpur-pagination-page-trigger__trigger-item--xs":"_purpur-pagination-page-trigger__trigger-item--xs_1pnyd_25","purpur-pagination-page-trigger__trigger-item--icon-only":"_purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28","purpur-pagination-page-trigger__trigger-item--sm":"_purpur-pagination-page-trigger__trigger-item--sm_1pnyd_31","purpur-pagination-page-trigger__trigger-item--md":"_purpur-pagination-page-trigger__trigger-item--md_1pnyd_37","purpur-pagination-page-trigger__trigger-item--lg":"_purpur-pagination-page-trigger__trigger-item--lg_1pnyd_43","purpur-pagination-page-trigger__trigger-item--full-width":"_purpur-pagination-page-trigger__trigger-item--full-width_1pnyd_49","purpur-pagination-page-trigger__trigger-item--primary":"_purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67","purpur-pagination-page-trigger__trigger-item--disabled":"_purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71","purpur-pagination-page-trigger__trigger-item--primary-negative":"_purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77","purpur-pagination-page-trigger__trigger-item--secondary":"_purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89","purpur-pagination-page-trigger__trigger-item--secondary-negative":"_purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100","purpur-pagination-page-trigger__trigger-item--expressive":"_purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111","purpur-pagination-page-trigger__trigger-item--expressive-negative":"_purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121","purpur-pagination-page-trigger__trigger-item--page-trigger":"_purpur-pagination-page-trigger__trigger-item--page-trigger_1pnyd_133","purpur-pagination-page-trigger__trigger-item--selected":"_purpur-pagination-page-trigger__trigger-item--selected_1pnyd_142"},M=z.c.bind(ye),d="purpur-pagination-page-trigger",Y=m.forwardRef(({["data-testid"]:e="purpur-pagination-page-trigger",linkElement:r,asLink:a,className:g,disabled:p,hrefGetter:t,onPageChange:s,pageNumber:n,selected:l,stepNumberPrefix:u,...$},y)=>{const h=M(g,d);return i.jsx("li",{className:h,"data-testid":e,ref:y,...$,children:a?p?i.jsxs("span",{className:M(`${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} `}),n]}):i.jsxs(r,{className:M(`${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:t(n),onClick:()=>s(n),children:[i.jsx(C.VisuallyHidden,{children:`${u} `}),n]}):i.jsxs("button",{"aria-disabled":p,className:M(`${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:p,onClick:()=>s(n),type:"button",children:[i.jsx(C.VisuallyHidden,{children:`${u} `}),n]})})});Y.displayName="PaginationPageTrigger";const xe={"purpur-pagination-pages":"_purpur-pagination-pages_2g8is_1"},he={"purpur-pagination-truncation-separator":"_purpur-pagination-truncation-separator_b9cij_1"},ve=z.c.bind(he),je="purpur-pagination-truncation-separator",O=({["data-testid"]:e="purpur-pagination-truncation-separator",className:r,["aria-label"]:a,...g})=>{const p=ve(r,je);return i.jsx("li",{className:p,"data-testid":e,...g,children:i.jsx(J.Paragraph,{"aria-label":a,children:"..."})})};O.displayName="PaginationTruncationSeparator";const be=z.c.bind(xe),fe="purpur-pagination-pages",T=m.forwardRef(({["data-testid"]:e="purpur-pagination-pages",linkElement:r,asLink:a,className:g,currentPage:p,hrefGetter:t,onPageChange:s,pages:n,stepNumberPrefix:l,truncationSeparatorAriaLabel:u,...$},y)=>{const h=be(g,fe);return i.jsx("ol",{className:h,"data-testid":e,ref:y,...$,children:n.flatMap((c,v,N)=>{const j=m.createElement(Y,{...a?{asLink:!0,hrefGetter:t}:{asLink:void 0,hrefGetter:void 0},linkElement:r,"data-testid":`${e}-page-${c}`,key:c,onPageChange:s,selected:c===p,stepNumberPrefix:l,pageNumber:c});return v===0||N[v-1]+1===c?[j]:[i.jsx(O,{"data-testid":`${e}-truncation-separator-${c}`,"aria-label":u},`${c}-separator`),j]})})});T.displayName="PaginationPages";const Ne={"purpur-pagination-step-trigger__trigger-item":"_purpur-pagination-step-trigger__trigger-item_1t19c_1","purpur-pagination-step-trigger__trigger-item--xs":"_purpur-pagination-step-trigger__trigger-item--xs_1t19c_22","purpur-pagination-step-trigger__trigger-item--icon-only":"_purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25","purpur-pagination-step-trigger__trigger-item--sm":"_purpur-pagination-step-trigger__trigger-item--sm_1t19c_28","purpur-pagination-step-trigger__trigger-item--md":"_purpur-pagination-step-trigger__trigger-item--md_1t19c_34","purpur-pagination-step-trigger__trigger-item--lg":"_purpur-pagination-step-trigger__trigger-item--lg_1t19c_40","purpur-pagination-step-trigger__trigger-item--full-width":"_purpur-pagination-step-trigger__trigger-item--full-width_1t19c_46","purpur-pagination-step-trigger__trigger-item--primary":"_purpur-pagination-step-trigger__trigger-item--primary_1t19c_64","purpur-pagination-step-trigger__trigger-item--disabled":"_purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68","purpur-pagination-step-trigger__trigger-item--primary-negative":"_purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74","purpur-pagination-step-trigger__trigger-item--secondary":"_purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86","purpur-pagination-step-trigger__trigger-item--secondary-negative":"_purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97","purpur-pagination-step-trigger__trigger-item--expressive":"_purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108","purpur-pagination-step-trigger__trigger-item--expressive-negative":"_purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118","purpur-pagination-step-trigger__trigger-item--step-trigger":"_purpur-pagination-step-trigger__trigger-item--step-trigger_1t19c_130","purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only":"_purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1t19c_137"},A=z.c.bind(Ne),_="purpur-pagination-step-trigger",F=m.forwardRef(({["aria-label"]:e,["data-testid"]:r="purpur-pagination-step-trigger",linkElement:a,asLink:g,children:p,className:t,disabled:s,hrefGetter:n,onPageChange:l,pageToNavigateTo:u,isIconOnly:$,...y},h)=>{const c=A(t,_);return i.jsx("div",{className:c,"data-testid":r,ref:h,...y,children:g?s?i.jsx("span",{"aria-label":e,className:A(`${_}__trigger-item`,`${_}__trigger-item--step-trigger`,`${_}__trigger-item--secondary`,`${_}__trigger-item--sm`,`${_}__trigger-item--disabled`,{[`${_}__trigger-item--step-trigger--not-icon-only`]:!$}),"data-testid":`${r}-disabled-link`,children:p}):i.jsx(a,{"aria-label":e,className:A(`${_}__trigger-item`,`${_}__trigger-item--step-trigger`,`${_}__trigger-item--secondary`,`${_}__trigger-item--sm`,{[`${_}__trigger-item--step-trigger--not-icon-only`]:!$}),"data-testid":`${r}-link`,href:n(u),onClick:()=>l(u),children:p}):i.jsx("button",{"aria-disabled":s,"aria-label":e,className:A(`${_}__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":`${r}-button`,disabled:s,onClick:()=>l(u),type:"button",children:p})})});F.displayName="PaginationStepTrigger";const we=(e,r,a)=>{const[g,p]=m.useState([]),[t,s]=m.useState(0);return m.useEffect(()=>{const n=Math.ceil(e/r);s(n),p(ze(n,a))},[e,r,a]),{pages:g,numberOfPages:t}};function ze(e,r){if(e<=5)return Array.from({length:e},(p,t)=>t+1);const a=[1,2,3];if(a.includes(r))return[...a,4,e];const g=[e-2,e-1,e];return g.includes(r)?[1,e-3,...g]:[1,r-1,r,r+1,e]}const x=z.c.bind(ue),o="purpur-pagination",I=m.forwardRef(({["data-testid"]:e="purpur-pagination",linkElement:r="a",asLink:a,availablePageSizes:g,className:p,currentPage:t=1,hrefGetter:s,navigationFunction:n,nextButtonAriaLabel:l,nextButtonText:u,onPageChange:$,outOfLabel:y,pageSelectorId:h,pageSelectorLabel:c,pageSize:v=10,pageSizeLabel:N,previousButtonAriaLabel:j,previousButtonText:b,stepNumberPrefix:w,totalItems:E,truncationSeparatorAriaLabel:ee,...ie},re)=>{const te=x(p,o),[G,ae]=m.useState(v),{pages:D,numberOfPages:S}=we(E,G,t),k=!b&&!u,P=f=>{$?.({currentPage:f,pageSize:v})},ge=f=>s?.({page:f,pageSize:v})??"",ne=f=>{ae(f),$?.({currentPage:1,pageSize:f})},pe=(f,Z)=>{n?n({currentPage:f,pageSize:G,url:Z}):U(Z)},H=a?{asLink:!0,hrefGetter:ge}:{asLink:void 0,hrefGetter:void 0},se=a?"nav":"div";return S?i.jsx(se,{className:te,"data-testid":e,ref:re,...ie,children:i.jsxs("div",{className:x(`${o}__pagination-container`,{[`${o}__pagination-container--with-page-size-select`]:!!g}),children:[i.jsxs("div",{className:x(`${o}__page-navigation-container`),children:[i.jsxs(F,{...H,linkElement:r,"aria-label":j,className:x(`${o}__step-trigger`),"data-testid":`${e}-previous-step-trigger`,disabled:t===1,onPageChange:P,pageToNavigateTo:t-1,isIconOnly:k,children:[i.jsx(Q,{size:"sm"}),i.jsx("span",{className:x(`${o}__step-trigger-label`,{[`${o}__step-trigger-label--not-icon-only`]:!k}),children:b}),t!==1&&i.jsx(C.VisuallyHidden,{"data-testid":`${e}-previous-step-trigger-hidden-text`,children:`${w} ${t-1}`})]}),i.jsxs("div",{className:x(`${o}__page-trigger-container`),children:[i.jsx(W,{...H,className:x(`${o}__page-selector`,{[`${o}__page-selector--visible`]:D.length>3}),currentPage:t,"data-testid":`${e}-page-selector`,navigationFunction:pe,numberOfPages:S,onPageChange:P,outOfLabel:y,pageSelectorId:h,pageSelectorLabel:c}),i.jsx(T,{...H,linkElement:r,className:x(`${o}__pages`,{[`${o}__pages--visible`]:D.length<=3}),currentPage:t,"data-testid":`${e}-pages`,stepNumberPrefix:w,onPageChange:P,truncationSeparatorAriaLabel:ee,pages:D})]}),i.jsxs(F,{...H,linkElement:r,"aria-label":l,className:x(`${o}__step-trigger`),"data-testid":`${e}-next-step-trigger`,disabled:t===S,onPageChange:P,pageToNavigateTo:t+1,isIconOnly:k,children:[i.jsx("span",{className:x(`${o}__step-trigger-label`,{[`${o}__step-trigger-label--not-icon-only`]:!k}),children:u}),t!==S&&i.jsx(C.VisuallyHidden,{"data-testid":`${e}-next-step-trigger-hidden-text`,children:`${w} ${t+1}`}),i.jsx(oe.i,{size:"sm"})]})]}),g&&i.jsx("div",{className:x(`${o}__page-size-select-container`),children:i.jsx(X,{...a?{asLink:!0,hrefGetter:s,navigationFunction:n}:{asLink:void 0,hrefGetter:void 0},availablePageSizes:g,className:x(`${o}__page-size-selector`),"data-testid":`${e}-page-size-selector`,onPageSizeChange:ne,pageSize:G,pageSizeLabel:N})})]})}):null});I.displayName="Pagination";exports.Pagination=I;
+//# sourceMappingURL=pagination-C2A8NPol.js.map

package/dist/pagination-C2A8NPol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-C2A8NPol.js","sources":["../../../components/icon/dist/components/arrow-left.es.js","../../../components/pagination/src/navigation.ts","../../../components/pagination/src/use-page-options.hook.ts","../../../components/pagination/src/pagination-page-selector.tsx","../../../components/pagination/src/use-page-size-options.hook.ts","../../../components/pagination/src/pagination-page-size-selector.tsx","../../../components/pagination/src/pagination-page-trigger.tsx","../../../components/pagination/src/pagination-truncation-separator.tsx","../../../components/pagination/src/pagination-pages.tsx","../../../components/pagination/src/pagination-step-trigger.tsx","../../../components/pagination/src/use-pagination-pages.hook.ts","../../../components/pagination/src/pagination.tsx"],"sourcesContent":["import { jsx as r } from \"react/jsx-runtime\";\nimport { I as e } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"arrow-left\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"arrow-left\"],\n  category: \"utility\"\n}, l = (o) => /* @__PURE__ */ r(e, { ...o, svg: t });\nl.displayName = \"IconArrowLeft\";\nexport {\n  l as IconArrowLeft\n};\n//# sourceMappingURL=arrow-left.es.js.map\n","export const navigateToPage = (url: string): void => {\n  window.location.href = url;\n};\n","import { useMemo } from \"react\";\nimport type { SelectOption } from \"@purpur/select\";\n\ntype UsePageOptionsHook = {\n  options: SelectOption[];\n};\n\nexport const usePageOptions = (numberOfPages: number): UsePageOptionsHook => {\n  const options = useMemo(\n    () =>\n      Array.from({ length: numberOfPages }, (_, i) => ({ label: `${i + 1}`, value: `${i + 1}` })),\n    [numberOfPages]\n  );\n\n  return {\n    options,\n  };\n};\n","import React, { type ChangeEvent, forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { Select } from \"@purpur/select\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./pagination-page-selector.module.scss\";\nimport { type InternalLinkProps, type InternalNoLinkProps } from \"./types\";\nimport { usePageOptions } from \"./use-page-options.hook\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationPageSelectorProps = Omit<BaseProps, \"children\"> & {\n  currentPage: number;\n  navigationFunction: (page: number, url: string) => void;\n  numberOfPages: number;\n  onPageChange: (page: number) => void;\n  outOfLabel: string;\n  pageSelectorId?: string;\n  pageSelectorLabel: string;\n} & (InternalLinkProps | InternalNoLinkProps);\n\nconst rootClassName = \"purpur-pagination-page-selector\";\n\nexport const PaginationPageSelector = forwardRef<HTMLDivElement, PaginationPageSelectorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-page-selector\",\n      asLink,\n      className,\n      currentPage,\n      hrefGetter,\n      navigationFunction,\n      numberOfPages,\n      onPageChange,\n      outOfLabel,\n      pageSelectorId,\n      pageSelectorLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const id = useId();\n    const classes = cx(className, rootClassName);\n    const { options } = usePageOptions(numberOfPages);\n\n    const onSelectionChange = (event: ChangeEvent<HTMLSelectElement>) => {\n      const page = event.target.value ? Number(event.target.value) : 1;\n      onPageChange(page);\n      if (asLink) {\n        const url = hrefGetter?.(page) ?? \"\";\n        navigationFunction(page, url);\n      }\n    };\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <div className={cx(`${rootClassName}__select-container`)}>\n          <VisuallyHidden>\n            <Label data-testid={`${dataTestId}-label`} htmlFor={id}>\n              {pageSelectorLabel}\n            </Label>\n          </VisuallyHidden>\n          <Select\n            className={cx(`${rootClassName}__select`)}\n            data-testid={`${dataTestId}-select`}\n            id={pageSelectorId ?? id}\n            onChange={onSelectionChange}\n            options={options}\n            value={String(currentPage)}\n          />\n        </div>\n        <Paragraph\n          className={cx(`${rootClassName}__of-total-pages-label`)}\n          data-testid={`${dataTestId}-of-total-pages`}\n        >\n          {`${outOfLabel} ${numberOfPages}`}\n        </Paragraph>\n      </div>\n    );\n  }\n);\n\nPaginationPageSelector.displayName = \"PaginationPageSelector\";\n","import { useMemo } from \"react\";\nimport { type SelectOption } from \"@purpur/select\";\n\ntype UsePageSizeOptionsHook = {\n  options: SelectOption[];\n};\n\nexport const usePageSizeOptions = (availablePageSizes: number[]): UsePageSizeOptionsHook => {\n  const options = useMemo(\n    () =>\n      availablePageSizes.map((pageSize: number) => ({\n        label: `${pageSize}`,\n        value: `${pageSize}`,\n      })),\n    [availablePageSizes]\n  );\n\n  return {\n    options,\n  };\n};\n","import React, { type ChangeEvent, forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Label } from \"@purpur/label\";\nimport { Select } from \"@purpur/select\";\nimport c from \"classnames/bind\";\n\nimport { navigateToPage } from \"./navigation\";\nimport styles from \"./pagination-page-size-selector.module.scss\";\nimport { type LinkProps, type NoLinkProps } from \"./types\";\nimport { usePageSizeOptions } from \"./use-page-size-options.hook\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationPageSizeSelectorProps = Omit<BaseProps, \"children\"> & {\n  availablePageSizes: number[];\n  onPageSizeChange: (itemsPerPage: number) => void;\n  pageSize: number;\n  pageSizeLabel: string;\n} & (Omit<LinkProps, \"onPageChange\"> | Omit<NoLinkProps, \"onPageChange\">);\n\nconst rootClassName = \"purpur-pagination-page-size-selector\";\n\nexport const PaginationPageSizeSelector = forwardRef<\n  HTMLDivElement,\n  PaginationPageSizeSelectorProps\n>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-page-size-selector\",\n      asLink,\n      availablePageSizes,\n      className,\n      hrefGetter,\n      navigationFunction,\n      onPageSizeChange,\n      pageSize,\n      pageSizeLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const selectId = useId();\n    const classes = cx(className, rootClassName);\n    const { options } = usePageSizeOptions(availablePageSizes);\n\n    const onSelectionChange = (event: ChangeEvent<HTMLSelectElement>) => {\n      const selectedPageSize = Number(event.target.value);\n      onPageSizeChange(selectedPageSize);\n      if (asLink) {\n        const url = hrefGetter({ page: 1, pageSize: selectedPageSize });\n        if (navigationFunction) {\n          navigationFunction({ currentPage: 1, pageSize: selectedPageSize, url });\n        } else {\n          navigateToPage(url);\n        }\n      }\n    };\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <Label\n          className={cx(`${rootClassName}__items-per-page-label`)}\n          data-testid={`${dataTestId}-item-per-page-label`}\n          htmlFor={selectId}\n        >\n          <span className={cx(`${rootClassName}__items-per-page-label-text`)}>{pageSizeLabel}</span>\n        </Label>\n        <Select\n          className={cx(`${rootClassName}__select`)}\n          data-testid={`${dataTestId}-select`}\n          id={selectId}\n          onChange={onSelectionChange}\n          options={options}\n          value={pageSize}\n        />\n      </div>\n    );\n  }\n);\n\nPaginationPageSizeSelector.displayName = \"PaginationPageSizeSelector\";\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./pagination-page-trigger.module.scss\";\nimport { type InternalLinkProps, type InternalNoLinkProps, type Link } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationPageTriggerProps = Omit<BaseProps<\"li\">, \"children\"> & {\n  linkElement: Link;\n  disabled?: boolean;\n  onPageChange: (page: number) => void;\n  pageNumber: number;\n  selected: boolean;\n  stepNumberPrefix: string;\n} & (InternalLinkProps | InternalNoLinkProps);\n\nconst rootClassName = \"purpur-pagination-page-trigger\";\n\nexport const PaginationPageTrigger = forwardRef<HTMLLIElement, PaginationPageTriggerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-page-trigger\",\n      linkElement: LinkElement,\n      asLink,\n      className,\n      disabled,\n      hrefGetter,\n      onPageChange,\n      pageNumber,\n      selected,\n      stepNumberPrefix,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <li className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {asLink ? (\n          disabled ? (\n            <span\n              className={cx(\n                `${rootClassName}__trigger-item`,\n                `${rootClassName}__trigger-item--page-trigger`,\n                `${rootClassName}__trigger-item--sm`,\n                `${rootClassName}__trigger-item--icon-only`,\n                `${rootClassName}__trigger-item--disabled`\n              )}\n              aria-current={selected ? \"page\" : undefined}\n              data-testid={`${dataTestId}-disabled-link`}\n            >\n              <VisuallyHidden>{`${stepNumberPrefix} `}</VisuallyHidden>\n              {pageNumber}\n            </span>\n          ) : (\n            <LinkElement\n              className={cx(\n                `${rootClassName}__trigger-item`,\n                `${rootClassName}__trigger-item--page-trigger`,\n                `${rootClassName}__trigger-item--sm`,\n                `${rootClassName}__trigger-item--icon-only`,\n                { [`${rootClassName}__trigger-item--selected`]: selected }\n              )}\n              aria-current={selected ? \"page\" : undefined}\n              data-testid={`${dataTestId}-link`}\n              href={hrefGetter(pageNumber)}\n              onClick={() => onPageChange(pageNumber)}\n            >\n              <VisuallyHidden>{`${stepNumberPrefix} `}</VisuallyHidden>\n              {pageNumber}\n            </LinkElement>\n          )\n        ) : (\n          <button\n            aria-disabled={disabled}\n            className={cx(\n              `${rootClassName}__trigger-item`,\n              `${rootClassName}__trigger-item--page-trigger`,\n              `${rootClassName}__trigger-item--sm`,\n              `${rootClassName}__trigger-item--icon-only`,\n              { [`${rootClassName}__trigger-item--selected`]: selected }\n            )}\n            data-testid={`${dataTestId}-button`}\n            aria-current={selected ? \"page\" : undefined}\n            disabled={disabled}\n            onClick={() => onPageChange(pageNumber)}\n            type=\"button\"\n          >\n            <VisuallyHidden>{`${stepNumberPrefix} `}</VisuallyHidden>\n            {pageNumber}\n          </button>\n        )}\n      </li>\n    );\n  }\n);\n\nPaginationPageTrigger.displayName = \"PaginationPageTrigger\";\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./pagination-truncation-separator.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationTruncationSeparatorProps = Omit<BaseProps<\"li\">, \"children\">;\n\nconst rootClassName = \"purpur-pagination-truncation-separator\";\n\nexport const PaginationTruncationSeparator = ({\n  [\"data-testid\"]: dataTestId = \"purpur-pagination-truncation-separator\",\n  className,\n  [\"aria-label\"]: ariaLabel,\n  ...props\n}: PaginationTruncationSeparatorProps) => {\n  const classes = cx(className, rootClassName);\n\n  return (\n    <li className={classes} data-testid={dataTestId} {...props}>\n      <Paragraph aria-label={ariaLabel}>...</Paragraph>\n    </li>\n  );\n};\n\nPaginationTruncationSeparator.displayName = \"PaginationTruncationSeparator\";\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { PaginationPageTrigger } from \"./pagination-page-trigger\";\nimport styles from \"./pagination-pages.module.scss\";\nimport { PaginationTruncationSeparator } from \"./pagination-truncation-separator\";\nimport { type InternalLinkProps, type InternalNoLinkProps, type Link } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationPagesProps = Omit<BaseProps<\"ol\">, \"children\"> & {\n  linkElement: Link;\n  currentPage: number;\n  onPageChange: (page: number) => void;\n  pages: number[];\n  stepNumberPrefix: string;\n  truncationSeparatorAriaLabel?: string;\n} & (InternalNoLinkProps | InternalLinkProps);\n\nconst rootClassName = \"purpur-pagination-pages\";\n\nexport const PaginationPages = forwardRef<HTMLOListElement, PaginationPagesProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-pages\",\n      linkElement: LinkElement,\n      asLink,\n      className,\n      currentPage,\n      hrefGetter,\n      onPageChange,\n      pages,\n      stepNumberPrefix,\n      truncationSeparatorAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <ol className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {pages.flatMap((pageNumber: number, idx: number, pages: number[]) => {\n          const TriggerComponent = (\n            <PaginationPageTrigger\n              {...(asLink\n                ? { asLink: true, hrefGetter }\n                : {\n                    asLink: undefined as never,\n                    hrefGetter: undefined as never,\n                  })}\n              linkElement={LinkElement}\n              data-testid={`${dataTestId}-page-${pageNumber}`}\n              key={pageNumber}\n              onPageChange={onPageChange}\n              selected={pageNumber === currentPage}\n              stepNumberPrefix={stepNumberPrefix}\n              pageNumber={pageNumber}\n            />\n          );\n          return idx === 0 || pages[idx - 1] + 1 === pageNumber\n            ? [TriggerComponent]\n            : [\n                <PaginationTruncationSeparator\n                  data-testid={`${dataTestId}-truncation-separator-${pageNumber}`}\n                  key={`${pageNumber}-separator`}\n                  aria-label={truncationSeparatorAriaLabel}\n                />,\n                TriggerComponent,\n              ];\n        })}\n      </ol>\n    );\n  }\n);\n\nPaginationPages.displayName = \"PaginationPages\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./pagination-step-trigger.module.scss\";\nimport { type InternalLinkProps, type InternalNoLinkProps, type Link } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationStepTriggerProps = Omit<BaseProps, \"children\"> & {\n  linkElement: Link;\n  children: ReactNode;\n  disabled: boolean;\n  onPageChange: (page: number) => void;\n  pageToNavigateTo: number;\n  isIconOnly: boolean;\n} & (InternalLinkProps | InternalNoLinkProps);\n\nconst rootClassName = \"purpur-pagination-step-trigger\";\n\nexport const PaginationStepTrigger = forwardRef<HTMLDivElement, PaginationStepTriggerProps>(\n  (\n    {\n      [\"aria-label\"]: ariaLabel,\n      [\"data-testid\"]: dataTestId = \"purpur-pagination-step-trigger\",\n      linkElement: LinkElement,\n      asLink,\n      children,\n      className,\n      disabled,\n      hrefGetter,\n      onPageChange,\n      pageToNavigateTo,\n      isIconOnly,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {asLink ? (\n          disabled ? (\n            <span\n              aria-label={ariaLabel}\n              className={cx(\n                `${rootClassName}__trigger-item`,\n                `${rootClassName}__trigger-item--step-trigger`,\n                `${rootClassName}__trigger-item--secondary`,\n                `${rootClassName}__trigger-item--sm`,\n                `${rootClassName}__trigger-item--disabled`,\n                { [`${rootClassName}__trigger-item--step-trigger--not-icon-only`]: !isIconOnly }\n              )}\n              data-testid={`${dataTestId}-disabled-link`}\n            >\n              {children}\n            </span>\n          ) : (\n            <LinkElement\n              aria-label={ariaLabel}\n              className={cx(\n                `${rootClassName}__trigger-item`,\n                `${rootClassName}__trigger-item--step-trigger`,\n                `${rootClassName}__trigger-item--secondary`,\n                `${rootClassName}__trigger-item--sm`,\n                { [`${rootClassName}__trigger-item--step-trigger--not-icon-only`]: !isIconOnly }\n              )}\n              data-testid={`${dataTestId}-link`}\n              href={hrefGetter(pageToNavigateTo)}\n              onClick={() => onPageChange(pageToNavigateTo)}\n            >\n              {children}\n            </LinkElement>\n          )\n        ) : (\n          <button\n            aria-disabled={disabled}\n            aria-label={ariaLabel}\n            className={cx(\n              `${rootClassName}__trigger-item`,\n              `${rootClassName}__trigger-item--step-trigger`,\n              `${rootClassName}__trigger-item--secondary`,\n              `${rootClassName}__trigger-item--sm`,\n              {\n                [`${rootClassName}__trigger-item--disabled`]: disabled,\n                [`${rootClassName}__trigger-item--step-trigger--not-icon-only`]: !isIconOnly,\n              }\n            )}\n            data-testid={`${dataTestId}-button`}\n            disabled={disabled}\n            onClick={() => onPageChange(pageToNavigateTo)}\n            type=\"button\"\n          >\n            {children}\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n\nPaginationStepTrigger.displayName = \"PaginationStepTrigger\";\n","import { useEffect, useState } from \"react\";\n\ntype UsePaginationPagesHook = {\n  pages: number[];\n  numberOfPages: number;\n};\n\nexport const usePaginationPages = (\n  totalItems: number,\n  pageSize: number,\n  currentPage: number\n): UsePaginationPagesHook => {\n  const [pages, setPages] = useState<number[]>([]);\n  const [numberOfPages, setNumberOfPages] = useState<number>(0);\n\n  useEffect(() => {\n    const totalNumberOfPages = Math.ceil(totalItems / pageSize);\n    setNumberOfPages(totalNumberOfPages);\n    setPages(getPagesToDisplay(totalNumberOfPages, currentPage));\n  }, [totalItems, pageSize, currentPage]);\n\n  return {\n    pages,\n    numberOfPages,\n  };\n};\n\nfunction getPagesToDisplay(totalNumberOfPages: number, currentPage: number): number[] {\n  if (totalNumberOfPages <= 5) {\n    return Array.from({ length: totalNumberOfPages }, (_, i) => i + 1);\n  }\n  const firstThreePages = [1, 2, 3];\n  if (firstThreePages.includes(currentPage)) {\n    return [...firstThreePages, 4, totalNumberOfPages];\n  }\n  const lastThreePages = [totalNumberOfPages - 2, totalNumberOfPages - 1, totalNumberOfPages];\n  if (lastThreePages.includes(currentPage)) {\n    return [1, totalNumberOfPages - 3, ...lastThreePages];\n  }\n  return [1, currentPage - 1, currentPage, currentPage + 1, totalNumberOfPages];\n}\n","import React, { forwardRef, useState } from \"react\";\nimport { IconArrowLeft } from \"@purpur/icon/arrow-left\";\nimport { IconArrowRight } from \"@purpur/icon/arrow-right\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport { navigateToPage } from \"./navigation\";\nimport styles from \"./pagination.module.scss\";\nimport { PaginationPageSelector } from \"./pagination-page-selector\";\nimport { PaginationPageSizeSelector } from \"./pagination-page-size-selector\";\nimport { PaginationPages } from \"./pagination-pages\";\nimport { PaginationStepTrigger } from \"./pagination-step-trigger\";\nimport { type LinkProps, type NoLinkProps } from \"./types\";\nimport { usePaginationPages } from \"./use-pagination-pages.hook\";\n\nconst cx = c.bind(styles);\n\nexport type PaginationTexts = {\n  nextButtonAriaLabel: string;\n  /**\n   *  Omiting this and previousButtonText will result in an icon-only button.\n   */\n  nextButtonText?: string;\n  /**\n   * This is the divider word between the current page and the total number of pages.\n   * For example, if the current page is 1 and the total number of pages is 10, the text will be \"1 of 10\".\n   */\n  outOfLabel: string;\n  /**\n   * This is a hidden label for the page selector\n   */\n  pageSelectorLabel: string;\n  /**\n   * This is the \"...\" text that is displayed when there are more pages than can be shown at once.\n   */\n  truncationSeparatorAriaLabel?: string;\n  previousButtonAriaLabel: string;\n  /**\n   *  Omiting this and nextButtonText will result in an icon-only button.\n   */\n  previousButtonText?: string;\n  /**\n   * This is a screen reader text that will be inserted before the current page number. For example, for step 1 it will say \"Go to step 1\".\n   */\n  stepNumberPrefix: string;\n};\n\nexport type PageSizeProps = {\n  availablePageSizes: number[];\n  pageSize?: number;\n  /**\n   * The label describing the page size select.\n   */\n  pageSizeLabel: string;\n};\n\nexport type NoPageSizeProps = {\n  availablePageSizes?: never;\n  pageSize?: number;\n  pageSizeLabel?: never;\n};\n\nexport type PaginationProps = {\n  currentPage: number;\n  pageSelectorId?: string;\n  totalItems: number;\n} & PaginationTexts &\n  (PageSizeProps | NoPageSizeProps) &\n  (LinkProps | NoLinkProps);\n\nconst rootClassName = \"purpur-pagination\";\n\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-pagination\",\n      linkElement = \"a\",\n      asLink,\n      availablePageSizes,\n      className,\n      currentPage = 1,\n      hrefGetter,\n      navigationFunction,\n      nextButtonAriaLabel,\n      nextButtonText,\n      onPageChange,\n      outOfLabel,\n      pageSelectorId,\n      pageSelectorLabel,\n      pageSize = 10,\n      pageSizeLabel,\n      previousButtonAriaLabel,\n      previousButtonText,\n      stepNumberPrefix,\n      totalItems,\n      truncationSeparatorAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const [_pageSize, _setPageSize] = useState(pageSize);\n    const { pages, numberOfPages } = usePaginationPages(totalItems, _pageSize, currentPage);\n    const isIconOnly = !previousButtonText && !nextButtonText;\n\n    const _onPageChange = (page: number): void => {\n      onPageChange?.({ currentPage: page, pageSize });\n    };\n\n    const _hrefGetter = (page: number): string => {\n      return hrefGetter?.({ page, pageSize }) ?? \"\";\n    };\n\n    const _onPageSizeChange = (newPageSize: number): void => {\n      _setPageSize(newPageSize);\n      onPageChange?.({ currentPage: 1, pageSize: newPageSize });\n    };\n\n    const _navigationFunction = (page: number, url: string): void => {\n      if (navigationFunction) {\n        navigationFunction({ currentPage: page, pageSize: _pageSize, url });\n      } else {\n        navigateToPage(url);\n      }\n    };\n\n    const linkProps = asLink\n      ? { asLink: true as const, hrefGetter: _hrefGetter }\n      : {\n          asLink: undefined as never,\n          hrefGetter: undefined as never,\n        };\n\n    const ContainerTag = asLink ? \"nav\" : \"div\";\n\n    if (!numberOfPages) {\n      return null;\n    }\n\n    return (\n      <ContainerTag className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <div\n          className={cx(`${rootClassName}__pagination-container`, {\n            [`${rootClassName}__pagination-container--with-page-size-select`]: !!availablePageSizes,\n          })}\n        >\n          <div className={cx(`${rootClassName}__page-navigation-container`)}>\n            <PaginationStepTrigger\n              {...linkProps}\n              linkElement={linkElement}\n              aria-label={previousButtonAriaLabel}\n              className={cx(`${rootClassName}__step-trigger`)}\n              data-testid={`${dataTestId}-previous-step-trigger`}\n              disabled={currentPage === 1}\n              onPageChange={_onPageChange}\n              pageToNavigateTo={currentPage - 1}\n              isIconOnly={isIconOnly}\n            >\n              <IconArrowLeft size=\"sm\" />\n              <span\n                className={cx(`${rootClassName}__step-trigger-label`, {\n                  [`${rootClassName}__step-trigger-label--not-icon-only`]: !isIconOnly,\n                })}\n              >\n                {previousButtonText}\n              </span>\n              {currentPage !== 1 && (\n                <VisuallyHidden data-testid={`${dataTestId}-previous-step-trigger-hidden-text`}>\n                  {`${stepNumberPrefix} ${currentPage - 1}`}\n                </VisuallyHidden>\n              )}\n            </PaginationStepTrigger>\n            <div className={cx(`${rootClassName}__page-trigger-container`)}>\n              <PaginationPageSelector\n                {...linkProps}\n                className={cx(`${rootClassName}__page-selector`, {\n                  [`${rootClassName}__page-selector--visible`]: pages.length > 3,\n                })}\n                currentPage={currentPage}\n                data-testid={`${dataTestId}-page-selector`}\n                navigationFunction={_navigationFunction}\n                numberOfPages={numberOfPages}\n                onPageChange={_onPageChange}\n                outOfLabel={outOfLabel}\n                pageSelectorId={pageSelectorId}\n                pageSelectorLabel={pageSelectorLabel}\n              />\n              <PaginationPages\n                {...linkProps}\n                linkElement={linkElement}\n                className={cx(`${rootClassName}__pages`, {\n                  [`${rootClassName}__pages--visible`]: pages.length <= 3,\n                })}\n                currentPage={currentPage}\n                data-testid={`${dataTestId}-pages`}\n                stepNumberPrefix={stepNumberPrefix}\n                onPageChange={_onPageChange}\n                truncationSeparatorAriaLabel={truncationSeparatorAriaLabel}\n                pages={pages}\n              />\n            </div>\n            <PaginationStepTrigger\n              {...linkProps}\n              linkElement={linkElement}\n              aria-label={nextButtonAriaLabel}\n              className={cx(`${rootClassName}__step-trigger`)}\n              data-testid={`${dataTestId}-next-step-trigger`}\n              disabled={currentPage === numberOfPages}\n              onPageChange={_onPageChange}\n              pageToNavigateTo={currentPage + 1}\n              isIconOnly={isIconOnly}\n            >\n              <span\n                className={cx(`${rootClassName}__step-trigger-label`, {\n                  [`${rootClassName}__step-trigger-label--not-icon-only`]: !isIconOnly,\n                })}\n              >\n                {nextButtonText}\n              </span>\n              {currentPage !== numberOfPages && (\n                <VisuallyHidden data-testid={`${dataTestId}-next-step-trigger-hidden-text`}>\n                  {`${stepNumberPrefix} ${currentPage + 1}`}\n                </VisuallyHidden>\n              )}\n              <IconArrowRight size=\"sm\" />\n            </PaginationStepTrigger>\n          </div>\n          {availablePageSizes && (\n            <div className={cx(`${rootClassName}__page-size-select-container`)}>\n              <PaginationPageSizeSelector\n                {...(asLink\n                  ? { asLink: true, hrefGetter, navigationFunction }\n                  : { asLink: undefined as never, hrefGetter: undefined as never })}\n                availablePageSizes={availablePageSizes}\n                className={cx(`${rootClassName}__page-size-selector`)}\n                data-testid={`${dataTestId}-page-size-selector`}\n                onPageSizeChange={_onPageSizeChange}\n                pageSize={_pageSize}\n                pageSizeLabel={pageSizeLabel}\n              />\n            </div>\n          )}\n        </div>\n      </ContainerTag>\n    );\n  }\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":["t","l","o","r","e","navigateToPage","url","usePageOptions","numberOfPages","useMemo","_","i","cx","c","styles","rootClassName","PaginationPageSelector","forwardRef","dataTestId","asLink","className","currentPage","hrefGetter","navigationFunction","onPageChange","outOfLabel","pageSelectorId","pageSelectorLabel","props","ref","id","useId","classes","options","onSelectionChange","event","page","jsxs","jsx","VisuallyHidden","Label","Select","Paragraph","usePageSizeOptions","availablePageSizes","pageSize","PaginationPageSizeSelector","onPageSizeChange","pageSizeLabel","selectId","selectedPageSize","PaginationPageTrigger","LinkElement","disabled","pageNumber","selected","stepNumberPrefix","PaginationTruncationSeparator","ariaLabel","PaginationPages","pages","truncationSeparatorAriaLabel","idx","TriggerComponent","createElement","PaginationStepTrigger","children","pageToNavigateTo","isIconOnly","usePaginationPages","totalItems","setPages","useState","setNumberOfPages","useEffect","totalNumberOfPages","getPagesToDisplay","firstThreePages","lastThreePages","Pagination","linkElement","nextButtonAriaLabel","nextButtonText","previousButtonAriaLabel","previousButtonText","_pageSize","_setPageSize","_onPageChange","_hrefGetter","_onPageSizeChange","newPageSize","_navigationFunction","linkProps","ContainerTag","IconArrowLeft","IconArrowRight"],"mappings":"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"}