@flipdish/ui-library 0.20.1 → 0.22.0

package/dist/components/molecules/Alert/index.cjs

@@ -1,21 +1,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var uiIcons = require('@flipdish/ui-icons');
 var Button = require('@flipdish/ui-library/components/atoms/Button');
 var CloseButton = require('@flipdish/ui-library/components/atoms/CloseButton');
 var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var statusIcon_utils = require('../../__internal__/statusIcon/statusIcon.utils.cjs');
 
-const iconMap = {
-    default: uiIcons.InfoCircle,
-    brand: uiIcons.InfoCircle,
-    gray: uiIcons.InfoCircle,
-    error: uiIcons.AlertCircle,
-    warning: uiIcons.AlertCircle,
-    success: uiIcons.CheckCircle,
-};
 /**
  * Floating card alert for in-page contextual notices with optional confirm and dismiss actions.
  *
@@ -23,7 +15,7 @@ const iconMap = {
  */
 const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
     const alertTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'alert-floating', rootName: 'alert-floating' });
-    return (jsxRuntime.jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-3", children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": testIdUtils.joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": testIdUtils.joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }))] }), onClose && (jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2", "data-testid": testIdUtils.joinTestId(alertTestId, 'close') }))] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { ...statusIcon_utils.getStatusFeaturedIconProps(color), size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-3", children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": testIdUtils.joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": testIdUtils.joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }))] }), onClose && (jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2", "data-testid": testIdUtils.joinTestId(alertTestId, 'close') }))] }));
 };
 /**
  * Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
@@ -32,7 +24,7 @@ const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, c
  */
 const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
     const alertTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'alert-full-width', rootName: 'alert-full-width' });
-    return (jsxRuntime.jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { className: "hidden md:flex", icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsxs("div", { className: cx.cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", "data-testid": testIdUtils.joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", "data-testid": testIdUtils.joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }), onClose && (jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static", "data-testid": testIdUtils.joinTestId(alertTestId, 'close') }))] }))] }) }));
+    return (jsxRuntime.jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { className: "hidden md:flex", ...statusIcon_utils.getStatusFeaturedIconProps(color), size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsxs("div", { className: cx.cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", "data-testid": testIdUtils.joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", "data-testid": testIdUtils.joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }), onClose && (jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static", "data-testid": testIdUtils.joinTestId(alertTestId, 'close') }))] }))] }) }));
 };
 
 exports.AlertFloating = AlertFloating;

package/dist/components/molecules/Alert/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["InfoCircle","AlertCircle","CheckCircle","useResolvedTestId","_jsxs","_jsx","FeaturedIcon","Button","joinTestId","CloseButton","cx"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsxs","_jsx","FeaturedIcon","getStatusFeaturedIconProps","Button","joinTestId","CloseButton","cx"],"mappings":";;;;;;;;;;AAiDA;;;;AAIG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,OAAO,EACP,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,YAAY,GAAG,SAAS,EACxB,aAAa,EAAE,UAAU,GACN,KAAI;AACvB,IAAA,MAAM,WAAW,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AAEpH,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,WAAW,EAAE,SAAS,EAAC,wGAAwG,EAAA,QAAA,EAAA,CAC/IC,cAAA,CAACC,yBAAY,EAAA,EAAA,GAAKC,2CAA0B,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,IAAI,GAAG,EAEjEH,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAChDA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAChDC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,+DAA+D,EAAA,QAAA,EAAE,KAAK,EAAA,CAAK,EACxFA,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,mCAAmC,YAAE,WAAW,EAAA,CAAK,CAAA,EAAA,CAC9D,EAEL,CAAC,SAAS,IAAI,OAAO,MACpBD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACxB,OAAO,KACNC,eAACG,aAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAA,aAAA,EAAcC,sBAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAA,QAAA,EAClG,YAAY,EAAA,CACN,CACV,EACA,SAAS,KACRJ,eAACG,aAAM,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,aAAA,EAAcC,sBAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAA,QAAA,EACrG,YAAY,EAAA,CACN,CACV,IACG,CACP,CAAA,EAAA,CACG,EAEL,OAAO,KACNJ,cAAA,CAACK,uBAAW,EAAA,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,YAAY,EACnB,SAAS,EAAC,wBAAwB,iBACrBD,sBAAU,CAAC,WAAW,EAAE,OAAO,CAAC,EAAA,CAC7C,CACH,CAAA,EAAA,CACG;AAEV;AA6CA;;;;AAIG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,OAAO,EACP,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,UAAU,GAAG,QAAQ,EACrB,YAAY,GAAG,SAAS,EACxB,aAAa,EAAE,UAAU,GACL,KAAI;AACxB,IAAA,MAAM,WAAW,GAAGN,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAExH,QACEE,uCAAkB,WAAW,EAAE,SAAS,EAAC,yEAAyE,EAAA,QAAA,EAChHD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sGAAsG,EAAA,QAAA,EAAA,CACnHA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+DAA+D,aAC5EC,cAAA,CAACC,yBAAY,EAAA,EAAC,SAAS,EAAC,gBAAgB,KAAKC,2CAA0B,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,IAAI,EAAA,CAAG,EAE5FH,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAAA,CAC3EC,sBAAG,SAAS,EAAC,+DAA+D,EAAA,QAAA,EAAE,KAAK,EAAA,CAAK,EACxFA,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAE,WAAW,EAAA,CAAK,CAAA,EAAA,CAC9D,IACF,EAEL,CAAC,SAAS,IAAI,OAAO,MACpBD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,aACzBA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEO,KAAE,CAAC,mBAAmB,EAAE,UAAU,KAAK,QAAQ,GAAG,8BAA8B,GAAG,UAAU,CAAC,aAC3G,OAAO,KACNN,cAAA,CAACG,aAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,KAAK,QAAQ,GAAG,WAAW,GAAG,WAAW,EAC1D,IAAI,EAAC,IAAI,EAAA,aAAA,EACIC,sBAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAA,QAAA,EAE9C,YAAY,EAAA,CACN,CACV,EACA,SAAS,KACRJ,cAAA,CAACG,aAAM,IACL,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,UAAU,KAAK,QAAQ,GAAG,SAAS,GAAG,YAAY,EACzD,IAAI,EAAC,IAAI,EAAA,aAAA,EACIC,sBAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAA,QAAA,EAE9C,YAAY,EAAA,CACN,CACV,IACG,EAEL,OAAO,KACNJ,cAAA,CAACK,uBAAW,EAAA,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,YAAY,EACnB,SAAS,EAAC,2CAA2C,EAAA,aAAA,EACxCD,sBAAU,CAAC,WAAW,EAAE,OAAO,CAAC,EAAA,CAC7C,CACH,IACG,CACP,CAAA,EAAA,CACG,EAAA,CACF;AAEV;;;;;"}

package/dist/components/molecules/Alert/index.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { StatusColor } from '../../__internal__/statusIcon/statusIcon.types';
 export interface AlertFloatingProps {
     /**
      * The title of the alert.
@@ -21,7 +22,7 @@ export interface AlertFloatingProps {
      * The color of the alert.
      * @default "default"
      */
-    color?: 'default' | 'brand' | 'gray' | 'error' | 'warning' | 'success';
+    color?: StatusColor;
     /**
      * The function to call when the dismiss button is clicked.
      */
@@ -69,7 +70,7 @@ interface AlertFullWidthProps {
      * The color of the alert.
      * @default "default"
      */
-    color?: 'default' | 'brand' | 'gray' | 'error' | 'warning' | 'success';
+    color?: StatusColor;
     /**
      * The function to call when the dismiss button is clicked.
      */

package/dist/components/molecules/Alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,2GAS3B,kBAAkB,gCAwCpB,CAAC;AAEF,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,uHAU5B,mBAAmB,gCA4DrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAElF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,2GAS3B,kBAAkB,gCAwCpB,CAAC;AAEF,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,uHAU5B,mBAAmB,gCAsDrB,CAAC"}

package/dist/components/molecules/Alert/index.js

@@ -1,19 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { CheckCircle, AlertCircle, InfoCircle } from '@flipdish/ui-icons';
 import { Button } from '@flipdish/ui-library/components/atoms/Button';
 import { CloseButton } from '@flipdish/ui-library/components/atoms/CloseButton';
 import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { getStatusFeaturedIconProps } from '../../__internal__/statusIcon/statusIcon.utils.js';
 
-const iconMap = {
-    default: InfoCircle,
-    brand: InfoCircle,
-    gray: InfoCircle,
-    error: AlertCircle,
-    warning: AlertCircle,
-    success: CheckCircle,
-};
 /**
  * Floating card alert for in-page contextual notices with optional confirm and dismiss actions.
  *
@@ -21,7 +13,7 @@ const iconMap = {
  */
 const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
     const alertTestId = useResolvedTestId({ testId: dataTestId, segment: 'alert-floating', rootName: 'alert-floating' });
-    return (jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsx(FeaturedIcon, { icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-3", children: [onClose && (jsx(Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }))] }), onClose && (jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2", "data-testid": joinTestId(alertTestId, 'close') }))] }));
+    return (jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsx(FeaturedIcon, { ...getStatusFeaturedIconProps(color), size: "md" }), jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-3", children: [onClose && (jsx(Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }))] }), onClose && (jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2", "data-testid": joinTestId(alertTestId, 'close') }))] }));
 };
 /**
  * Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
@@ -30,7 +22,7 @@ const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, c
  */
 const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
     const alertTestId = useResolvedTestId({ testId: dataTestId, segment: 'alert-full-width', rootName: 'alert-full-width' });
-    return (jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsx(FeaturedIcon, { className: "hidden md:flex", icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-2", children: [jsxs("div", { className: cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsx(Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", "data-testid": joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", "data-testid": joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }), onClose && (jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static", "data-testid": joinTestId(alertTestId, 'close') }))] }))] }) }));
+    return (jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsx(FeaturedIcon, { className: "hidden md:flex", ...getStatusFeaturedIconProps(color), size: "md" }), jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-2", children: [jsxs("div", { className: cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsx(Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", "data-testid": joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", "data-testid": joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }), onClose && (jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static", "data-testid": joinTestId(alertTestId, 'close') }))] }))] }) }));
 };
 
 export { AlertFloating, AlertFullWidth };

package/dist/components/molecules/Alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/molecules/Notification/index.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var uiIcons = require('@flipdish/ui-icons');
 var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
 var Button = require('@flipdish/ui-library/components/atoms/Button');
 var CloseButton = require('@flipdish/ui-library/components/atoms/CloseButton');
@@ -9,22 +8,16 @@ var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon')
 var ProgressBar = require('@flipdish/ui-library/components/atoms/ProgressBar');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var statusIcon_utils = require('../../__internal__/statusIcon/statusIcon.utils.cjs');
 
-const iconMap = {
-    default: uiIcons.InfoCircle,
-    brand: uiIcons.InfoCircle,
-    gray: uiIcons.InfoCircle,
-    error: uiIcons.AlertCircle,
-    warning: uiIcons.AlertCircle,
-    success: uiIcons.CheckCircle,
-};
 /**
  * @summary toast notification led by a featured icon
  */
 const IconNotification = ({ title, description, confirmLabel, dismissLabel = 'Dismiss', hideDismissLabel, icon, progress, onClose, onConfirm, color = 'default', 'data-testid': dataTestId, }) => {
     const showProgress = typeof progress === 'number';
     const notificationTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'icon-notification', rootName: 'icon-notification' });
-    return (jsxRuntime.jsxs("div", { "data-testid": notificationTestId, className: "relative z-[var(--z-index)] flex max-w-full flex-col gap-4 rounded-xl bg-primary_alt p-4 shadow-lg ring ring-secondary_alt xs:w-[var(--width)] xs:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: icon || iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 flex-col gap-3 md:pr-8', color !== 'default' && 'md:pt-0.5', showProgress && 'gap-4'), children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsx("p", { className: "text-sm font-semibold text-fg-primary", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-fg-secondary", children: description })] }), showProgress && (jsxRuntime.jsx(ProgressBar.ProgressBar, { labelPosition: "bottom", value: progress, valueFormatter: (value) => `${value}% uploaded...`, "data-testid": testIdUtils.joinTestId(notificationTestId, 'progress') })), jsxRuntime.jsxs("div", { className: "flex gap-3", children: [!hideDismissLabel && (jsxRuntime.jsx(Button.Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": testIdUtils.joinTestId(notificationTestId, 'dismiss'), children: dismissLabel })), confirmLabel && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": testIdUtils.joinTestId(notificationTestId, 'confirm'), children: confirmLabel }))] })] }), jsxRuntime.jsx("div", { className: "absolute top-2 right-2 flex items-center justify-center", children: jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: "Dismiss", "data-testid": testIdUtils.joinTestId(notificationTestId, 'close') }) })] }));
+    const statusIconProps = statusIcon_utils.getStatusFeaturedIconProps(color);
+    return (jsxRuntime.jsxs("div", { "data-testid": notificationTestId, className: "relative z-[var(--z-index)] flex max-w-full flex-col gap-4 rounded-xl bg-primary_alt p-4 shadow-lg ring ring-secondary_alt xs:w-[var(--width)] xs:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { ...statusIconProps, icon: icon || statusIconProps.icon, size: "md" }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 flex-col gap-3 md:pr-8', color !== 'default' && 'md:pt-0.5', showProgress && 'gap-4'), children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsx("p", { className: "text-sm font-semibold text-fg-primary", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-fg-secondary", children: description })] }), showProgress && (jsxRuntime.jsx(ProgressBar.ProgressBar, { labelPosition: "bottom", value: progress, valueFormatter: (value) => `${value}% uploaded...`, "data-testid": testIdUtils.joinTestId(notificationTestId, 'progress') })), jsxRuntime.jsxs("div", { className: "flex gap-3", children: [!hideDismissLabel && (jsxRuntime.jsx(Button.Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": testIdUtils.joinTestId(notificationTestId, 'dismiss'), children: dismissLabel })), confirmLabel && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": testIdUtils.joinTestId(notificationTestId, 'confirm'), children: confirmLabel }))] })] }), jsxRuntime.jsx("div", { className: "absolute top-2 right-2 flex items-center justify-center", children: jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: "Dismiss", "data-testid": testIdUtils.joinTestId(notificationTestId, 'close') }) })] }));
 };
 /**
  * @summary toast notification led by a sender's avatar

package/dist/components/molecules/Notification/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Notification/index.tsx"],"sourcesContent":[null],"names":["InfoCircle","AlertCircle","CheckCircle","useResolvedTestId","_jsxs","_jsx","FeaturedIcon","cx","ProgressBar","joinTestId","Button","CloseButton","Avatar"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Notification/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","getStatusFeaturedIconProps","_jsxs","_jsx","FeaturedIcon","cx","ProgressBar","joinTestId","Button","CloseButton","Avatar"],"mappings":"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"}

package/dist/components/molecules/Notification/index.d.ts

@@ -1,4 +1,5 @@
 import type { FC } from 'react';
+import type { StatusColor } from '../../__internal__/statusIcon/statusIcon.types';
 export interface IconNotificationProps {
     title: string;
     description: string;
@@ -8,7 +9,7 @@ export interface IconNotificationProps {
     icon?: FC<{
         className?: string;
     }>;
-    color?: 'default' | 'brand' | 'gray' | 'error' | 'warning' | 'success';
+    color?: StatusColor;
     progress?: number;
     onClose?: () => void;
     onConfirm?: () => void;

package/dist/components/molecules/Notification/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Notification/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAW/C,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,6IAY9B,qBAAqB,gCAkDvB,CAAC;AAEF,UAAU,uBAAuB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,+HAWhC,uBAAuB,gCAsCzB,CAAC;AAEF,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,iJAW/B,sBAAsB,gCA+CxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Notification/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAElF,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,6IAY9B,qBAAqB,gCA8CvB,CAAC;AAEF,UAAU,uBAAuB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,+HAWhC,uBAAuB,gCAsCzB,CAAC;AAEF,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,iJAW/B,sBAAsB,gCA+CxB,CAAC"}

package/dist/components/molecules/Notification/index.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { CheckCircle, AlertCircle, InfoCircle } from '@flipdish/ui-icons';
 import { Avatar } from '@flipdish/ui-library/components/atoms/Avatar';
 import { Button } from '@flipdish/ui-library/components/atoms/Button';
 import { CloseButton } from '@flipdish/ui-library/components/atoms/CloseButton';
@@ -7,22 +6,16 @@ import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon
 import { ProgressBar } from '@flipdish/ui-library/components/atoms/ProgressBar';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { getStatusFeaturedIconProps } from '../../__internal__/statusIcon/statusIcon.utils.js';
 
-const iconMap = {
-    default: InfoCircle,
-    brand: InfoCircle,
-    gray: InfoCircle,
-    error: AlertCircle,
-    warning: AlertCircle,
-    success: CheckCircle,
-};
 /**
  * @summary toast notification led by a featured icon
  */
 const IconNotification = ({ title, description, confirmLabel, dismissLabel = 'Dismiss', hideDismissLabel, icon, progress, onClose, onConfirm, color = 'default', 'data-testid': dataTestId, }) => {
     const showProgress = typeof progress === 'number';
     const notificationTestId = useResolvedTestId({ testId: dataTestId, segment: 'icon-notification', rootName: 'icon-notification' });
-    return (jsxs("div", { "data-testid": notificationTestId, className: "relative z-[var(--z-index)] flex max-w-full flex-col gap-4 rounded-xl bg-primary_alt p-4 shadow-lg ring ring-secondary_alt xs:w-[var(--width)] xs:flex-row", children: [jsx(FeaturedIcon, { icon: icon || iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: cx('flex flex-1 flex-col gap-3 md:pr-8', color !== 'default' && 'md:pt-0.5', showProgress && 'gap-4'), children: [jsxs("div", { className: "flex flex-col gap-1", children: [jsx("p", { className: "text-sm font-semibold text-fg-primary", children: title }), jsx("p", { className: "text-sm text-fg-secondary", children: description })] }), showProgress && (jsx(ProgressBar, { labelPosition: "bottom", value: progress, valueFormatter: (value) => `${value}% uploaded...`, "data-testid": joinTestId(notificationTestId, 'progress') })), jsxs("div", { className: "flex gap-3", children: [!hideDismissLabel && (jsx(Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": joinTestId(notificationTestId, 'dismiss'), children: dismissLabel })), confirmLabel && (jsx(Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": joinTestId(notificationTestId, 'confirm'), children: confirmLabel }))] })] }), jsx("div", { className: "absolute top-2 right-2 flex items-center justify-center", children: jsx(CloseButton, { onClick: onClose, size: "sm", label: "Dismiss", "data-testid": joinTestId(notificationTestId, 'close') }) })] }));
+    const statusIconProps = getStatusFeaturedIconProps(color);
+    return (jsxs("div", { "data-testid": notificationTestId, className: "relative z-[var(--z-index)] flex max-w-full flex-col gap-4 rounded-xl bg-primary_alt p-4 shadow-lg ring ring-secondary_alt xs:w-[var(--width)] xs:flex-row", children: [jsx(FeaturedIcon, { ...statusIconProps, icon: icon || statusIconProps.icon, size: "md" }), jsxs("div", { className: cx('flex flex-1 flex-col gap-3 md:pr-8', color !== 'default' && 'md:pt-0.5', showProgress && 'gap-4'), children: [jsxs("div", { className: "flex flex-col gap-1", children: [jsx("p", { className: "text-sm font-semibold text-fg-primary", children: title }), jsx("p", { className: "text-sm text-fg-secondary", children: description })] }), showProgress && (jsx(ProgressBar, { labelPosition: "bottom", value: progress, valueFormatter: (value) => `${value}% uploaded...`, "data-testid": joinTestId(notificationTestId, 'progress') })), jsxs("div", { className: "flex gap-3", children: [!hideDismissLabel && (jsx(Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": joinTestId(notificationTestId, 'dismiss'), children: dismissLabel })), confirmLabel && (jsx(Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": joinTestId(notificationTestId, 'confirm'), children: confirmLabel }))] })] }), jsx("div", { className: "absolute top-2 right-2 flex items-center justify-center", children: jsx(CloseButton, { onClick: onClose, size: "sm", label: "Dismiss", "data-testid": joinTestId(notificationTestId, 'close') }) })] }));
 };
 /**
  * @summary toast notification led by a sender's avatar

package/dist/components/molecules/Notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Notification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Notification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/molecules/Pagination/components/pagination-pages.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var paginationBase = require('./pagination-base.cjs');
+
+const PaginationItem = ({ value, rounded, isCurrent }) => {
+    return (jsxRuntime.jsx(paginationBase.Pagination.Item, { value: value, isCurrent: isCurrent, className: ({ isSelected }) => cx.cx('flex size-9 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2', rounded ? 'rounded-full' : 'rounded-lg', isSelected && 'bg-primary_hover text-secondary'), children: value }));
+};
+/**
+ * Shared `Pagination.Context` body used by the numbered-page pagination variants:
+ * the desktop row of page buttons/ellipses, plus the mobile "Page X of Y" line.
+ */
+const PaginationPages = ({ rounded, wideMobileLine, 'data-testid': dataTestId }) => {
+    return (jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total, testIdPrefix }) => {
+            const prefix = dataTestId ?? testIdPrefix;
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'pages') : undefined, children: pages.map((page, index) => page.type === 'page' ? (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                        jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                        jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: cx.cx('flex', wideMobileLine && 'flex-1', 'justify-center text-sm whitespace-pre text-fg-secondary md:hidden'), "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'mobile-status') : undefined, children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] }));
+        } }));
+};
+
+exports.PaginationPages = PaginationPages;
+//# sourceMappingURL=pagination-pages.cjs.map

package/dist/components/molecules/Pagination/components/pagination-pages.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-pages.cjs","sources":["../../../../../src/components/molecules/Pagination/components/pagination-pages.tsx"],"sourcesContent":[null],"names":["_jsx","Pagination","cx","_jsxs","_Fragment","joinTestId"],"mappings":";;;;;;;AAMA,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAA4D,KAAI;IACjH,QACEA,eAACC,yBAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,KACxBC,KAAE,CACA,4SAA4S,EAC5S,OAAO,GAAG,cAAc,GAAG,YAAY,EACvC,UAAU,IAAI,iCAAiC,CAChD,EAAA,QAAA,EAGF,KAAK,EAAA,CACU;AAEtB,CAAC;AAcD;;;AAGG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAwB,KAAI;AAC9G,IAAA,QACEF,cAAA,CAACC,yBAAU,CAAC,OAAO,cAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAI;AAC/C,YAAA,MAAM,MAAM,GAAG,UAAU,IAAI,YAAY;AACzC,YAAA,QACEE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,iBAAc,MAAM,GAAGK,sBAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAA,QAAA,EACjH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,wBAAAL,cAAA,CAAC,cAAc,EAAA,EAAa,OAAO,EAAE,OAAO,EAAA,GAAM,IAAI,EAAA,EAAjC,KAAK,CAAgC;;AAG1D,wBAAAA,cAAA,CAACC,yBAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENE,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,KAAE,CAAC,MAAM,EAAE,cAAc,IAAI,QAAQ,EAAE,mEAAmE,CAAC,EAAA,aAAA,EACzG,MAAM,GAAGG,sBAAU,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,EAAA,QAAA,EAAA,CAAA,OAAA,EAEhEL,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAAA,MAAA,EAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACnG,CAAA,EAAA,CACL;QAEP,CAAC,EAAA,CACkB;AAEzB;;;;"}

package/dist/components/molecules/Pagination/components/pagination-pages.d.ts

@@ -0,0 +1,18 @@
+interface PaginationPagesProps {
+    /** Whether the pagination buttons are rounded. */
+    rounded?: boolean;
+    /** Whether the mobile "Page X of Y" line grows to fill the available space (`flex-1`). */
+    wideMobileLine?: boolean;
+    /**
+     * Overrides the derived `data-testid` prefix (defaults to the root's testid).
+     * The desktop pages row renders `<prefix>--pages`, the mobile status line `<prefix>--mobile-status`.
+     */
+    'data-testid'?: string;
+}
+/**
+ * Shared `Pagination.Context` body used by the numbered-page pagination variants:
+ * the desktop row of page buttons/ellipses, plus the mobile "Page X of Y" line.
+ */
+export declare const PaginationPages: ({ rounded, wideMobileLine, "data-testid": dataTestId }: PaginationPagesProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=pagination-pages.d.ts.map

package/dist/components/molecules/Pagination/components/pagination-pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-pages.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/components/pagination-pages.tsx"],"names":[],"mappings":"AAwBA,UAAU,oBAAoB;IAC5B,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wDAAwD,oBAAoB,gCAgC3G,CAAC"}

package/dist/components/molecules/Pagination/components/pagination-pages.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { Pagination } from './pagination-base.js';
+
+const PaginationItem = ({ value, rounded, isCurrent }) => {
+    return (jsx(Pagination.Item, { value: value, isCurrent: isCurrent, className: ({ isSelected }) => cx('flex size-9 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2', rounded ? 'rounded-full' : 'rounded-lg', isSelected && 'bg-primary_hover text-secondary'), children: value }));
+};
+/**
+ * Shared `Pagination.Context` body used by the numbered-page pagination variants:
+ * the desktop row of page buttons/ellipses, plus the mobile "Page X of Y" line.
+ */
+const PaginationPages = ({ rounded, wideMobileLine, 'data-testid': dataTestId }) => {
+    return (jsx(Pagination.Context, { children: ({ pages, currentPage, total, testIdPrefix }) => {
+            const prefix = dataTestId ?? testIdPrefix;
+            return (jsxs(Fragment, { children: [jsx("div", { className: "hidden justify-center gap-0.5 md:flex", "data-testid": prefix ? joinTestId(prefix, 'pages') : undefined, children: pages.map((page, index) => page.type === 'page' ? (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                        jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                        jsx(Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxs("div", { className: cx('flex', wideMobileLine && 'flex-1', 'justify-center text-sm whitespace-pre text-fg-secondary md:hidden'), "data-testid": prefix ? joinTestId(prefix, 'mobile-status') : undefined, children: ["Page ", jsx("span", { className: "font-medium", children: currentPage }), " of ", jsx("span", { className: "font-medium", children: total })] })] }));
+        } }));
+};
+
+export { PaginationPages };
+//# sourceMappingURL=pagination-pages.js.map

package/dist/components/molecules/Pagination/components/pagination-pages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-pages.js","sources":["../../../../../src/components/molecules/Pagination/components/pagination-pages.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;AAMA,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAA4D,KAAI;IACjH,QACEA,IAAC,UAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,KACxB,EAAE,CACA,4SAA4S,EAC5S,OAAO,GAAG,cAAc,GAAG,YAAY,EACvC,UAAU,IAAI,iCAAiC,CAChD,EAAA,QAAA,EAGF,KAAK,EAAA,CACU;AAEtB,CAAC;AAcD;;;AAGG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAwB,KAAI;AAC9G,IAAA,QACEA,GAAA,CAAC,UAAU,CAAC,OAAO,cAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAI;AAC/C,YAAA,MAAM,MAAM,GAAG,UAAU,IAAI,YAAY;AACzC,YAAA,QACEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,iBAAc,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAA,QAAA,EACjH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,wBAAAA,GAAA,CAAC,cAAc,EAAA,EAAa,OAAO,EAAE,OAAO,EAAA,GAAM,IAAI,EAAA,EAAjC,KAAK,CAAgC;;AAG1D,wBAAAA,GAAA,CAAC,UAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,cAAc,IAAI,QAAQ,EAAE,mEAAmE,CAAC,EAAA,aAAA,EACzG,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,EAAA,QAAA,EAAA,CAAA,OAAA,EAEhED,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAAA,MAAA,EAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACnG,CAAA,EAAA,CACL;QAEP,CAAC,EAAA,CACkB;AAEzB;;;;"}

package/dist/components/molecules/Pagination/index.cjs

@@ -10,38 +10,24 @@ var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var paginationBase = require('./components/pagination-base.cjs');
+var paginationPages = require('./components/pagination-pages.cjs');
 var paginationDot = require('./components/pagination-dot.cjs');
 var paginationLine = require('./components/pagination-line.cjs');
 
-const PaginationItem = ({ value, rounded, isCurrent }) => {
-    return (jsxRuntime.jsx(paginationBase.Pagination.Item, { value: value, isCurrent: isCurrent, className: ({ isSelected }) => cx.cx('flex size-9 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2', rounded ? 'rounded-full' : 'rounded-lg', isSelected && 'bg-primary_hover text-secondary'), children: value }));
-};
 const MobilePagination = ({ page = 1, total = 10, className, onPageChange }) => {
     return (jsxRuntime.jsxs("nav", { "aria-label": "Pagination", className: cx.cx('flex items-center justify-between md:hidden', className), children: [jsxRuntime.jsx(Button.Button, { "aria-label": "Go to previous page", iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.max(0, page - 1)) }), jsxRuntime.jsxs("span", { className: "text-sm text-fg-secondary", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: page }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] }), jsxRuntime.jsx(Button.Button, { "aria-label": "Go to next page", iconLeading: uiIcons.ArrowRight, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.min(total, page + 1)) })] }));
 };
 const PaginationPageDefault = ({ rounded, page = 1, total = 10, className, ...props }) => {
-    const isDesktop = useBreakpoints.useBreakpoint('md');
-    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: cx.cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsxRuntime.jsx("div", { className: "hidden flex-1 justify-start md:flex", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "link-gray", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, className: "md:hidden", children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }), jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                            jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                            jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] })) }), jsxRuntime.jsx("div", { className: "hidden flex-1 justify-end md:flex", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "link-gray", size: "sm", children: isDesktop ? 'Next' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, className: "md:hidden", children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) })] }));
+    const isDesktop = useBreakpoints.useBreakpoints('md');
+    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: cx.cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsxRuntime.jsx("div", { className: "hidden flex-1 justify-start md:flex", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "link-gray", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, className: "md:hidden", children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }), jsxRuntime.jsx(paginationPages.PaginationPages, { rounded: rounded }), jsxRuntime.jsx("div", { className: "hidden flex-1 justify-end md:flex", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "link-gray", size: "sm", children: isDesktop ? 'Next' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, className: "md:hidden", children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) })] }));
 };
 const PaginationPageMinimalCenter = ({ rounded, page = 1, total = 10, className, ...props }) => {
-    const isDesktop = useBreakpoints.useBreakpoint('md');
-    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: cx.cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsxRuntime.jsx("div", { className: "flex flex-1 justify-start", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                            jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                            jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] })) }), jsxRuntime.jsx("div", { className: "flex flex-1 justify-end", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
+    const isDesktop = useBreakpoints.useBreakpoints('md');
+    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: cx.cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsxRuntime.jsx("div", { className: "flex flex-1 justify-start", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationPages.PaginationPages, { rounded: rounded }), jsxRuntime.jsx("div", { className: "flex flex-1 justify-end", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
 };
 const PaginationCardDefault = ({ rounded, page = 1, total = 10, className, ...props }) => {
-    const isDesktop = useBreakpoints.useBreakpoint('md');
-    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: cx.cx('flex w-full items-center justify-between gap-3 border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: [jsxRuntime.jsx("div", { className: "flex flex-1 justify-start", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                            jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                            jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] })) }), jsxRuntime.jsx("div", { className: "flex flex-1 justify-end", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
+    const isDesktop = useBreakpoints.useBreakpoints('md');
+    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: cx.cx('flex w-full items-center justify-between gap-3 border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: [jsxRuntime.jsx("div", { className: "flex flex-1 justify-start", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationPages.PaginationPages, { rounded: rounded }), jsxRuntime.jsx("div", { className: "flex flex-1 justify-end", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
 };
 const PaginationCardMinimal = ({ page = 1, total = 10, pageSize = 10, align = 'left', onPageChange, className, onPageSizeChange, 'data-testid': dataTestId, }) => {
     const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'pagination-card-minimal', rootName: 'pagination-card-minimal' });
@@ -53,7 +39,7 @@ const PaginationCardMinimal = ({ page = 1, total = 10, pageSize = 10, align = 'l
                                 ], children: (item) => (jsxRuntime.jsx(Select.Select.Item, { id: item.id, children: item.label?.split(' ')[0] }, item.id)) })] }), jsxRuntime.jsx("div", { className: cx.cx(align === 'center' && 'flex flex-1 justify-end'), children: jsxRuntime.jsx(Button.Button, { isDisabled: page === total, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.min(total, page + 1)), "data-testid": testIdUtils.joinTestId(rootTestId, 'next'), children: "Next" }) })] })] }));
 };
 const PaginationButtonGroup = ({ align = 'left', page = 1, total = 10, ...props }) => {
-    const isDesktop = useBreakpoints.useBreakpoint('md');
+    const isDesktop = useBreakpoints.useBreakpoints('md');
     return (jsxRuntime.jsx("div", { className: cx.cx('flex border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', align === 'left' && 'justify-start', align === 'center' && 'justify-center', align === 'right' && 'justify-end'), children: jsxRuntime.jsx(paginationBase.Pagination.Root, { ...props, page: page, total: total, children: jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages }) => (jsxRuntime.jsxs(ButtonGroup.ButtonGroup, { size: "sm", children: [jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { iconLeading: uiIcons.ArrowLeft, children: isDesktop ? 'Previous' : undefined }) }), pages.map((page, index) => page.type === 'page' ? (
                         // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
                         jsxRuntime.jsx(paginationBase.Pagination.Item, { ...page, asChild: true, children: jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { isSelected: page.isCurrent, className: "size-9 items-center justify-center", children: page.value }) }, index)) : (
@@ -66,11 +52,7 @@ const PaginationCardAdvanced = ({ page = 1, total = 10, pageSize = 10, align = '
                                 { label: '25', id: 25 },
                                 { label: '50', id: 50 },
                                 { label: '100', id: 100 },
-                            ], children: (item) => (jsxRuntime.jsx(Select.Select.Item, { selectionIndicator: "none", id: item.id, children: item.label })) })] }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 items-center gap-4 md:ml-auto md:justify-end', align === 'center' && 'md:justify-center'), children: [jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(Button.Button, { "aria-label": "Go to first page", iconLeading: uiIcons.ChevronLeftDouble, color: "secondary", size: "sm", isDisabled: page === 1, onClick: () => onPageChange?.(1) }), jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { "aria-label": "Go to previous page", iconLeading: uiIcons.ChevronLeft, color: "secondary", size: "sm" }) })] }), jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
-                                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                                        jsxRuntime.jsx(PaginationItem, { ...page }, index)) : (
-                                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                                        jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: "flex flex-1 justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] })) }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(Button.Button, { "aria-label": "Go to last page", iconTrailing: uiIcons.ChevronRightDouble, color: "secondary", size: "sm", isDisabled: page === total, onClick: () => onPageChange?.(total) }), jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { "aria-label": "Go to next page", iconTrailing: uiIcons.ChevronRight, color: "secondary", size: "sm" }) })] })] })] }) }));
+                            ], children: (item) => (jsxRuntime.jsx(Select.Select.Item, { selectionIndicator: "none", id: item.id, children: item.label })) })] }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 items-center gap-4 md:ml-auto md:justify-end', align === 'center' && 'md:justify-center'), children: [jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(Button.Button, { "aria-label": "Go to first page", iconLeading: uiIcons.ChevronLeftDouble, color: "secondary", size: "sm", isDisabled: page === 1, onClick: () => onPageChange?.(1) }), jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { "aria-label": "Go to previous page", iconLeading: uiIcons.ChevronLeft, color: "secondary", size: "sm" }) })] }), jsxRuntime.jsx(paginationPages.PaginationPages, { wideMobileLine: true }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(Button.Button, { "aria-label": "Go to last page", iconTrailing: uiIcons.ChevronRightDouble, color: "secondary", size: "sm", isDisabled: page === total, onClick: () => onPageChange?.(total) }), jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { "aria-label": "Go to next page", iconTrailing: uiIcons.ChevronRight, color: "secondary", size: "sm" }) })] })] })] }) }));
 };
 
 exports.PaginationDot = paginationDot.PaginationDot;