@flipdish/portal-library 8.5.7 → 8.6.0

package/dist/components/molecules/AlertGlobal/alertGlobalTokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"alertGlobalTokens.cjs.js","sources":["../../../../src/components/molecules/AlertGlobal/alertGlobalTokens.tsx"],"sourcesContent":["import { type ReactElement,Suspense } from 'react';\n\nimport type { Theme } from '@mui/material/styles';\n\nimport { lazyWithRetry } from '@fd/utilities/renderUtilities';\n\nimport type { AlertTones } from '../Alert';\n\nconst DiamondIcon = lazyWithRetry(() => import('@fd/icons/Diamond'));\nconst AlertIcon = lazyWithRetry(() => import('@fd/icons/Alert'));\nconst CancelCircleIcon = lazyWithRetry(() => import('@fd/icons/CancelCircle'));\nconst CheckmarkCircleIcon = lazyWithRetry(() => import('@fd/icons/CheckmarkCircle'));\nconst InformationCircleIcon = lazyWithRetry(() => import('@fd/icons/InformationCircle'));\n\nconst ICONS = {\n  neutral: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-strong']} />\n    </Suspense>\n  ),\n  brand: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-primary']} />\n    </Suspense>\n  ),\n  destructive: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <CancelCircleIcon color={theme.palette.semantic.icon['icon-error']} />\n    </Suspense>\n  ),\n  warning: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <AlertIcon color={theme.palette.semantic.icon['icon-warning']} />\n    </Suspense>\n  ),\n  information: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <InformationCircleIcon color={theme.palette.semantic.icon['icon-information']} />\n    </Suspense>\n  ),\n  'neutral-inverse': (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-inverse']} />\n    </Suspense>\n  ),\n  'brand-inverse': (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-inverse']} />\n    </Suspense>\n  ),\n  success: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <CheckmarkCircleIcon color={theme.palette.semantic.icon['icon-success']} />\n    </Suspense>\n  ),\n};\n\nconst COLOURS = {\n  background: {\n    neutral: (theme: Theme): string => theme.palette.semantic.fill['fill-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.fill['fill-primary-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.fill['fill-error-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.fill['fill-warning-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.fill['fill-success-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.fill['fill-information-weak'],\n    'neutral-inverse': (theme: Theme): string => theme.palette.semantic.background['background-inverse'],\n    'brand-inverse': (theme: Theme): string => theme.palette.semantic.fill['fill-primary-strong'],\n  },\n  border: {\n    neutral: (theme: Theme): string => theme.palette.semantic.stroke['stroke-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.stroke['stroke-primary-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.stroke['stroke-error-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.stroke['stroke-warning-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.stroke['stroke-success-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.stroke['stroke-information-weak'],\n    'neutral-inverse': (): string => 'transparent',\n    'brand-inverse': (): string => 'transparent',\n  },\n  text: {\n    neutral: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    'neutral-inverse': (theme: Theme): string => theme.palette.semantic.text['text-inverse-weak'],\n    'brand-inverse': (theme: Theme): string => theme.palette.semantic.text['text-inverse-weak'],\n  },\n};\n/**\n * Returns the icon element for the given theme and alert tone.\n * Values are looked up from the ICONS map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which icon to render.\n * @returns ReactElement configured for the provided theme and tone.\n */\nexport const getAlertGlobalIcon = (theme: Theme, tone: AlertTones): ReactElement => ICONS[tone](theme);\n/**\n * Returns the background colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.background map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which background colour to use.\n * @returns string containing the background colour for the provided theme and tone.\n */\nexport const getAlertGlobalBackgroundColour = (theme: Theme, tone: AlertTones): string => COLOURS.background[tone](theme);\n/**\n * Returns the border colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.border map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which border colour to use.\n * @returns string containing the border colour for the provided theme and tone.\n */\nexport const getAlertGlobalBorderColour = (theme: Theme, tone: AlertTones): string => COLOURS.border[tone](theme);\n/**\n * Returns the text colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.text map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which text colour to use.\n * @returns string containing the text colour for the provided theme and tone.e.\n */\nexport const getAlertGlobalTextColour = (theme: Theme, tone: AlertTones): string => COLOURS.text[tone](theme);\n"],"names":["DiamondIcon","lazyWithRetry","Promise","resolve","then","_interopNamespaceDefaultOnly","require","AlertIcon","CancelCircleIcon","CheckmarkCircleIcon","InformationCircleIcon","ICONS","neutral","theme","_jsx","Suspense","fallback","children","color","palette","semantic","icon","brand","destructive","warning","information","success","COLOURS","background","fill","border","stroke","text","tone"],"mappings":"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"}
+{"version":3,"file":"alertGlobalTokens.cjs.js","sources":["../../../../src/components/molecules/AlertGlobal/alertGlobalTokens.tsx"],"sourcesContent":["import { type ReactElement, Suspense } from 'react';\n\nimport type { Theme } from '@mui/material/styles';\n\nimport { lazyWithRetry } from '@fd/utilities/renderUtilities';\n\nimport type { AlertTones } from '../Alert';\n\nconst DiamondIcon = lazyWithRetry(() => import('@fd/icons/Diamond'));\nconst AlertIcon = lazyWithRetry(() => import('@fd/icons/Alert'));\nconst CancelCircleIcon = lazyWithRetry(() => import('@fd/icons/CancelCircle'));\nconst CheckmarkCircleIcon = lazyWithRetry(() => import('@fd/icons/CheckmarkCircle'));\nconst InformationCircleIcon = lazyWithRetry(() => import('@fd/icons/InformationCircle'));\n\nconst ICONS = {\n  neutral: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-strong']} />\n    </Suspense>\n  ),\n  brand: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-primary']} />\n    </Suspense>\n  ),\n  destructive: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <CancelCircleIcon color={theme.palette.semantic.icon['icon-error']} />\n    </Suspense>\n  ),\n  warning: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <AlertIcon color={theme.palette.semantic.icon['icon-warning']} />\n    </Suspense>\n  ),\n  information: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <InformationCircleIcon color={theme.palette.semantic.icon['icon-information']} />\n    </Suspense>\n  ),\n  'neutral-inverse': (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-inverse']} />\n    </Suspense>\n  ),\n  'brand-inverse': (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-inverse']} />\n    </Suspense>\n  ),\n  success: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <CheckmarkCircleIcon color={theme.palette.semantic.icon['icon-success']} />\n    </Suspense>\n  ),\n};\n\nconst COLOURS = {\n  background: {\n    neutral: (theme: Theme): string => theme.palette.semantic.fill['fill-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.fill['fill-primary-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.fill['fill-error-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.fill['fill-warning-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.fill['fill-success-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.fill['fill-information-weak'],\n    'neutral-inverse': (theme: Theme): string => theme.palette.semantic.background['background-inverse'],\n    'brand-inverse': (theme: Theme): string => theme.palette.semantic.fill['fill-primary-strong'],\n  },\n  border: {\n    neutral: (theme: Theme): string => theme.palette.semantic.stroke['stroke-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.stroke['stroke-primary-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.stroke['stroke-error-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.stroke['stroke-warning-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.stroke['stroke-success-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.stroke['stroke-information-weak'],\n    'neutral-inverse': (): string => 'transparent',\n    'brand-inverse': (): string => 'transparent',\n  },\n  text: {\n    neutral: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    'neutral-inverse': (theme: Theme): string => theme.palette.semantic.text['text-inverse-weak'],\n    'brand-inverse': (theme: Theme): string => theme.palette.semantic.text['text-inverse-weak'],\n  },\n};\n/**\n * Returns the icon element for the given theme and alert tone.\n * Values are looked up from the ICONS map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which icon to render.\n * @returns ReactElement configured for the provided theme and tone.\n */\nexport const getAlertGlobalIcon = (theme: Theme, tone: AlertTones): ReactElement => ICONS[tone](theme);\n/**\n * Returns the background colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.background map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which background colour to use.\n * @returns string containing the background colour for the provided theme and tone.\n */\nexport const getAlertGlobalBackgroundColour = (theme: Theme, tone: AlertTones): string =>\n  COLOURS.background[tone](theme);\n/**\n * Returns the border colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.border map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which border colour to use.\n * @returns string containing the border colour for the provided theme and tone.\n */\nexport const getAlertGlobalBorderColour = (theme: Theme, tone: AlertTones): string =>\n  COLOURS.border[tone](theme);\n/**\n * Returns the text colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.text map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which text colour to use.\n * @returns string containing the text colour for the provided theme and tone.e.\n */\nexport const getAlertGlobalTextColour = (theme: Theme, tone: AlertTones): string => COLOURS.text[tone](theme);\n"],"names":["DiamondIcon","lazyWithRetry","Promise","resolve","then","_interopNamespaceDefaultOnly","require","AlertIcon","CancelCircleIcon","CheckmarkCircleIcon","InformationCircleIcon","ICONS","neutral","theme","_jsx","Suspense","fallback","children","color","palette","semantic","icon","brand","destructive","warning","information","success","COLOURS","background","fill","border","stroke","text","tone"],"mappings":"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"}

package/dist/components/molecules/AlertGlobal/alertGlobalTokens.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{Suspense as t}from"react";import{lazyWithRetry as n}from"../../../utilities/renderUtilities.js";const a=n((()=>import("../../../icons/Diamond/index.js"))),i=n((()=>import("../../../icons/Alert/index.js"))),r=n((()=>import("../../../icons/CancelCircle/index.js"))),l=n((()=>import("../../../icons/CheckmarkCircle/index.js"))),c=n((()=>import("../../../icons/InformationCircle/index.js"))),s={neutral:n=>e(t,{fallback:null,children:e(a,{color:n.palette.semantic.icon["icon-strong"]})}),brand:n=>e(t,{fallback:null,children:e(a,{color:n.palette.semantic.icon["icon-primary"]})}),destructive:n=>e(t,{fallback:null,children:e(r,{color:n.palette.semantic.icon["icon-error"]})}),warning:n=>e(t,{fallback:null,children:e(i,{color:n.palette.semantic.icon["icon-warning"]})}),information:n=>e(t,{fallback:null,children:e(c,{color:n.palette.semantic.icon["icon-information"]})}),"neutral-inverse":n=>e(t,{fallback:null,children:e(a,{color:n.palette.semantic.icon["icon-inverse"]})}),"brand-inverse":n=>e(t,{fallback:null,children:e(a,{color:n.palette.semantic.icon["icon-inverse"]})}),success:n=>e(t,{fallback:null,children:e(l,{color:n.palette.semantic.icon["icon-success"]})})},o={background:{neutral:e=>e.palette.semantic.fill["fill-weak"],brand:e=>e.palette.semantic.fill["fill-primary-weak"],destructive:e=>e.palette.semantic.fill["fill-error-weak"],warning:e=>e.palette.semantic.fill["fill-warning-weak"],success:e=>e.palette.semantic.fill["fill-success-weak"],information:e=>e.palette.semantic.fill["fill-information-weak"],"neutral-inverse":e=>e.palette.semantic.background["background-inverse"],"brand-inverse":e=>e.palette.semantic.fill["fill-primary-strong"]},border:{neutral:e=>e.palette.semantic.stroke["stroke-weak"],brand:e=>e.palette.semantic.stroke["stroke-primary-weak"],destructive:e=>e.palette.semantic.stroke["stroke-error-weak"],warning:e=>e.palette.semantic.stroke["stroke-warning-weak"],success:e=>e.palette.semantic.stroke["stroke-success-weak"],information:e=>e.palette.semantic.stroke["stroke-information-weak"],"neutral-inverse":()=>"transparent","brand-inverse":()=>"transparent"},text:{neutral:e=>e.palette.semantic.text["text-weak"],brand:e=>e.palette.semantic.text["text-weak"],destructive:e=>e.palette.semantic.text["text-weak"],warning:e=>e.palette.semantic.text["text-weak"],success:e=>e.palette.semantic.text["text-weak"],information:e=>e.palette.semantic.text["text-weak"],"neutral-inverse":e=>e.palette.semantic.text["text-inverse-weak"],"brand-inverse":e=>e.palette.semantic.text["text-inverse-weak"]}},m=(e,t)=>s[t](e),k=(e,t)=>o.background[t](e),p=(e,t)=>o.border[t](e),d=(e,t)=>o.text[t](e);export{k as getAlertGlobalBackgroundColour,p as getAlertGlobalBorderColour,m as getAlertGlobalIcon,d as getAlertGlobalTextColour};
+import{jsx as e}from"react/jsx-runtime";import{Suspense as t}from"react";import{lazyWithRetry as n}from"../../../utilities/renderUtilities.js";const a=n(()=>import("../../../icons/Diamond/index.js")),i=n(()=>import("../../../icons/Alert/index.js")),r=n(()=>import("../../../icons/CancelCircle/index.js")),l=n(()=>import("../../../icons/CheckmarkCircle/index.js")),c=n(()=>import("../../../icons/InformationCircle/index.js")),s={neutral:n=>e(t,{fallback:null,children:e(a,{color:n.palette.semantic.icon["icon-strong"]})}),brand:n=>e(t,{fallback:null,children:e(a,{color:n.palette.semantic.icon["icon-primary"]})}),destructive:n=>e(t,{fallback:null,children:e(r,{color:n.palette.semantic.icon["icon-error"]})}),warning:n=>e(t,{fallback:null,children:e(i,{color:n.palette.semantic.icon["icon-warning"]})}),information:n=>e(t,{fallback:null,children:e(c,{color:n.palette.semantic.icon["icon-information"]})}),"neutral-inverse":n=>e(t,{fallback:null,children:e(a,{color:n.palette.semantic.icon["icon-inverse"]})}),"brand-inverse":n=>e(t,{fallback:null,children:e(a,{color:n.palette.semantic.icon["icon-inverse"]})}),success:n=>e(t,{fallback:null,children:e(l,{color:n.palette.semantic.icon["icon-success"]})})},o={background:{neutral:e=>e.palette.semantic.fill["fill-weak"],brand:e=>e.palette.semantic.fill["fill-primary-weak"],destructive:e=>e.palette.semantic.fill["fill-error-weak"],warning:e=>e.palette.semantic.fill["fill-warning-weak"],success:e=>e.palette.semantic.fill["fill-success-weak"],information:e=>e.palette.semantic.fill["fill-information-weak"],"neutral-inverse":e=>e.palette.semantic.background["background-inverse"],"brand-inverse":e=>e.palette.semantic.fill["fill-primary-strong"]},border:{neutral:e=>e.palette.semantic.stroke["stroke-weak"],brand:e=>e.palette.semantic.stroke["stroke-primary-weak"],destructive:e=>e.palette.semantic.stroke["stroke-error-weak"],warning:e=>e.palette.semantic.stroke["stroke-warning-weak"],success:e=>e.palette.semantic.stroke["stroke-success-weak"],information:e=>e.palette.semantic.stroke["stroke-information-weak"],"neutral-inverse":()=>"transparent","brand-inverse":()=>"transparent"},text:{neutral:e=>e.palette.semantic.text["text-weak"],brand:e=>e.palette.semantic.text["text-weak"],destructive:e=>e.palette.semantic.text["text-weak"],warning:e=>e.palette.semantic.text["text-weak"],success:e=>e.palette.semantic.text["text-weak"],information:e=>e.palette.semantic.text["text-weak"],"neutral-inverse":e=>e.palette.semantic.text["text-inverse-weak"],"brand-inverse":e=>e.palette.semantic.text["text-inverse-weak"]}},m=(e,t)=>s[t](e),k=(e,t)=>o.background[t](e),p=(e,t)=>o.border[t](e),d=(e,t)=>o.text[t](e);export{k as getAlertGlobalBackgroundColour,p as getAlertGlobalBorderColour,m as getAlertGlobalIcon,d as getAlertGlobalTextColour};
 //# sourceMappingURL=alertGlobalTokens.js.map

package/dist/components/molecules/AlertGlobal/alertGlobalTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"alertGlobalTokens.js","sources":["../../../../src/components/molecules/AlertGlobal/alertGlobalTokens.tsx"],"sourcesContent":["import { type ReactElement,Suspense } from 'react';\n\nimport type { Theme } from '@mui/material/styles';\n\nimport { lazyWithRetry } from '@fd/utilities/renderUtilities';\n\nimport type { AlertTones } from '../Alert';\n\nconst DiamondIcon = lazyWithRetry(() => import('@fd/icons/Diamond'));\nconst AlertIcon = lazyWithRetry(() => import('@fd/icons/Alert'));\nconst CancelCircleIcon = lazyWithRetry(() => import('@fd/icons/CancelCircle'));\nconst CheckmarkCircleIcon = lazyWithRetry(() => import('@fd/icons/CheckmarkCircle'));\nconst InformationCircleIcon = lazyWithRetry(() => import('@fd/icons/InformationCircle'));\n\nconst ICONS = {\n  neutral: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-strong']} />\n    </Suspense>\n  ),\n  brand: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-primary']} />\n    </Suspense>\n  ),\n  destructive: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <CancelCircleIcon color={theme.palette.semantic.icon['icon-error']} />\n    </Suspense>\n  ),\n  warning: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <AlertIcon color={theme.palette.semantic.icon['icon-warning']} />\n    </Suspense>\n  ),\n  information: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <InformationCircleIcon color={theme.palette.semantic.icon['icon-information']} />\n    </Suspense>\n  ),\n  'neutral-inverse': (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-inverse']} />\n    </Suspense>\n  ),\n  'brand-inverse': (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-inverse']} />\n    </Suspense>\n  ),\n  success: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <CheckmarkCircleIcon color={theme.palette.semantic.icon['icon-success']} />\n    </Suspense>\n  ),\n};\n\nconst COLOURS = {\n  background: {\n    neutral: (theme: Theme): string => theme.palette.semantic.fill['fill-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.fill['fill-primary-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.fill['fill-error-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.fill['fill-warning-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.fill['fill-success-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.fill['fill-information-weak'],\n    'neutral-inverse': (theme: Theme): string => theme.palette.semantic.background['background-inverse'],\n    'brand-inverse': (theme: Theme): string => theme.palette.semantic.fill['fill-primary-strong'],\n  },\n  border: {\n    neutral: (theme: Theme): string => theme.palette.semantic.stroke['stroke-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.stroke['stroke-primary-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.stroke['stroke-error-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.stroke['stroke-warning-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.stroke['stroke-success-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.stroke['stroke-information-weak'],\n    'neutral-inverse': (): string => 'transparent',\n    'brand-inverse': (): string => 'transparent',\n  },\n  text: {\n    neutral: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    'neutral-inverse': (theme: Theme): string => theme.palette.semantic.text['text-inverse-weak'],\n    'brand-inverse': (theme: Theme): string => theme.palette.semantic.text['text-inverse-weak'],\n  },\n};\n/**\n * Returns the icon element for the given theme and alert tone.\n * Values are looked up from the ICONS map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which icon to render.\n * @returns ReactElement configured for the provided theme and tone.\n */\nexport const getAlertGlobalIcon = (theme: Theme, tone: AlertTones): ReactElement => ICONS[tone](theme);\n/**\n * Returns the background colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.background map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which background colour to use.\n * @returns string containing the background colour for the provided theme and tone.\n */\nexport const getAlertGlobalBackgroundColour = (theme: Theme, tone: AlertTones): string => COLOURS.background[tone](theme);\n/**\n * Returns the border colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.border map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which border colour to use.\n * @returns string containing the border colour for the provided theme and tone.\n */\nexport const getAlertGlobalBorderColour = (theme: Theme, tone: AlertTones): string => COLOURS.border[tone](theme);\n/**\n * Returns the text colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.text map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which text colour to use.\n * @returns string containing the text colour for the provided theme and tone.e.\n */\nexport const getAlertGlobalTextColour = (theme: Theme, tone: AlertTones): string => COLOURS.text[tone](theme);\n"],"names":["DiamondIcon","lazyWithRetry","import","AlertIcon","CancelCircleIcon","CheckmarkCircleIcon","InformationCircleIcon","ICONS","neutral","theme","_jsx","Suspense","fallback","children","color","palette","semantic","icon","brand","destructive","warning","information","success","COLOURS","background","fill","border","stroke","text","getAlertGlobalIcon","tone","getAlertGlobalBackgroundColour","getAlertGlobalBorderColour","getAlertGlobalTextColour"],"mappings":"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"}
+{"version":3,"file":"alertGlobalTokens.js","sources":["../../../../src/components/molecules/AlertGlobal/alertGlobalTokens.tsx"],"sourcesContent":["import { type ReactElement, Suspense } from 'react';\n\nimport type { Theme } from '@mui/material/styles';\n\nimport { lazyWithRetry } from '@fd/utilities/renderUtilities';\n\nimport type { AlertTones } from '../Alert';\n\nconst DiamondIcon = lazyWithRetry(() => import('@fd/icons/Diamond'));\nconst AlertIcon = lazyWithRetry(() => import('@fd/icons/Alert'));\nconst CancelCircleIcon = lazyWithRetry(() => import('@fd/icons/CancelCircle'));\nconst CheckmarkCircleIcon = lazyWithRetry(() => import('@fd/icons/CheckmarkCircle'));\nconst InformationCircleIcon = lazyWithRetry(() => import('@fd/icons/InformationCircle'));\n\nconst ICONS = {\n  neutral: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-strong']} />\n    </Suspense>\n  ),\n  brand: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-primary']} />\n    </Suspense>\n  ),\n  destructive: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <CancelCircleIcon color={theme.palette.semantic.icon['icon-error']} />\n    </Suspense>\n  ),\n  warning: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <AlertIcon color={theme.palette.semantic.icon['icon-warning']} />\n    </Suspense>\n  ),\n  information: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <InformationCircleIcon color={theme.palette.semantic.icon['icon-information']} />\n    </Suspense>\n  ),\n  'neutral-inverse': (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-inverse']} />\n    </Suspense>\n  ),\n  'brand-inverse': (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <DiamondIcon color={theme.palette.semantic.icon['icon-inverse']} />\n    </Suspense>\n  ),\n  success: (theme: Theme): ReactElement => (\n    <Suspense fallback={null}>\n      <CheckmarkCircleIcon color={theme.palette.semantic.icon['icon-success']} />\n    </Suspense>\n  ),\n};\n\nconst COLOURS = {\n  background: {\n    neutral: (theme: Theme): string => theme.palette.semantic.fill['fill-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.fill['fill-primary-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.fill['fill-error-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.fill['fill-warning-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.fill['fill-success-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.fill['fill-information-weak'],\n    'neutral-inverse': (theme: Theme): string => theme.palette.semantic.background['background-inverse'],\n    'brand-inverse': (theme: Theme): string => theme.palette.semantic.fill['fill-primary-strong'],\n  },\n  border: {\n    neutral: (theme: Theme): string => theme.palette.semantic.stroke['stroke-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.stroke['stroke-primary-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.stroke['stroke-error-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.stroke['stroke-warning-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.stroke['stroke-success-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.stroke['stroke-information-weak'],\n    'neutral-inverse': (): string => 'transparent',\n    'brand-inverse': (): string => 'transparent',\n  },\n  text: {\n    neutral: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    brand: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    destructive: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    warning: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    success: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    information: (theme: Theme): string => theme.palette.semantic.text['text-weak'],\n    'neutral-inverse': (theme: Theme): string => theme.palette.semantic.text['text-inverse-weak'],\n    'brand-inverse': (theme: Theme): string => theme.palette.semantic.text['text-inverse-weak'],\n  },\n};\n/**\n * Returns the icon element for the given theme and alert tone.\n * Values are looked up from the ICONS map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which icon to render.\n * @returns ReactElement configured for the provided theme and tone.\n */\nexport const getAlertGlobalIcon = (theme: Theme, tone: AlertTones): ReactElement => ICONS[tone](theme);\n/**\n * Returns the background colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.background map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which background colour to use.\n * @returns string containing the background colour for the provided theme and tone.\n */\nexport const getAlertGlobalBackgroundColour = (theme: Theme, tone: AlertTones): string =>\n  COLOURS.background[tone](theme);\n/**\n * Returns the border colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.border map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which border colour to use.\n * @returns string containing the border colour for the provided theme and tone.\n */\nexport const getAlertGlobalBorderColour = (theme: Theme, tone: AlertTones): string =>\n  COLOURS.border[tone](theme);\n/**\n * Returns the text colour string for the given theme and alert tone.\n * Values are looked up from the COLOURS.text map.\n * @param theme - MUI theme used to resolve palette colours.\n * @param tone - Alert tone determining which text colour to use.\n * @returns string containing the text colour for the provided theme and tone.e.\n */\nexport const getAlertGlobalTextColour = (theme: Theme, tone: AlertTones): string => COLOURS.text[tone](theme);\n"],"names":["DiamondIcon","lazyWithRetry","import","AlertIcon","CancelCircleIcon","CheckmarkCircleIcon","InformationCircleIcon","ICONS","neutral","theme","_jsx","Suspense","fallback","children","color","palette","semantic","icon","brand","destructive","warning","information","success","COLOURS","background","fill","border","stroke","text","getAlertGlobalIcon","tone","getAlertGlobalBackgroundColour","getAlertGlobalBorderColour","getAlertGlobalTextColour"],"mappings":"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"}

package/dist/components/molecules/AlertGlobal/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("@mui/material/Alert"),i=require("@mui/material/Box"),n=require("../../atoms/Button/index.cjs.js"),o=require("../../atoms/IconButton/index.cjs.js"),l=require("../ButtonGroup/index.cjs.js"),r=require("../../../icons/Cancel/index.cjs.js"),s=require("../../../providers/TranslationProvider.cjs.js"),c=require("@mui/material/styles"),d=require("@mui/material/useMediaQuery"),u=require("@mui/material/styles/useTheme"),p=require("./alertGlobalTokens.cjs.js");const g=c.styled(a,{shouldForwardProp:e=>!["tone"].includes(e)})((({theme:e,tone:t})=>({alignItems:"center",backgroundColor:p.getAlertGlobalBackgroundColour(e,t),borderBottom:"1px solid",borderRadius:0,borderColor:p.getAlertGlobalBorderColour(e,t),color:p.getAlertGlobalTextColour(e,t),padding:e.spacing(3),paddingTop:e.spacing(1.5),paddingBottom:e.spacing(1.5),width:"100%",display:"flex",position:"relative","& .MuiAlert-icon":{alignSelf:"flex-start"},"& .MuiAlert-message":{display:"flex",alignItems:"center",gap:e.spacing(2),flexGrow:1,minWidth:0},"& .MuiAlert-action":{display:"flex",alignItems:"center",gap:e.spacing(3),marginLeft:"auto"},"& .MuiAlert-action .MuiIconButton-root":{outline:"none",boxShadow:"none",border:"none"},"& .MuiAlert-action .MuiIconButton-root:focus, & .MuiAlert-action .MuiIconButton-root:focus-visible":{outline:"none",boxShadow:"none"},"& .fd-alert-message":{display:"flex",alignItems:"center",gap:e.spacing(2),width:"100%"},"& .fd-alert-description":{flexGrow:1,minWidth:0},"& .fd-alert-actions-inline":{marginLeft:"auto",display:"none"},"& .fd-alert-actions-action":{display:"flex"},[e.breakpoints.down("tablet")]:{"& .fd-alert-message":{flexDirection:"column",alignItems:"stretch",gap:e.spacing(2)},"& .fd-alert-actions-inline":{marginLeft:0,marginTop:e.spacing(2),width:"100%",justifyContent:"flex-end",display:"flex"},"& .fd-alert-actions-action":{display:"none"},"& .MuiAlert-action":{position:"absolute",top:e.spacing(3),right:e.spacing(3),marginLeft:0}}}))),m=c.styled(i)((({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(3)}))),f=t.memo((({description:t,tone:a="neutral",onClose:c,action:f,className:x,"data-fd":h})=>{const y=u(),b=d(y.breakpoints.down("tablet")),{translate:j}=s.useTranslation(),A=(f?Array.isArray(f)?f:[f]:[]).map((t=>{const a=t.id??`${t.label.replace(/\s+/g,"-").toLowerCase()}-${t.type??"type"}`;return e.jsx(n.Button,{fdKey:t["data-fd"]??`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`,onClick:t.onClick,size:"small",tone:"neutral",variant:t.type??"secondary",children:t.label},a)})),C=[];return A.length&&!b&&C.push(e.jsx(l,{align:"right",className:"fd-alert-actions-action",layout:"horizontal",size:"small",children:A},"action-group-action")),c&&C.push(e.jsx(o.IconButton,{"aria-label":j("Close"),"data-fd":"close-button",onClick:c,size:"small",tone:"neutral",variant:"tertiary",children:e.jsx(r,{})},"close")),e.jsx(g,{action:C.length?e.jsx(m,{children:C}):void 0,className:x,"data-fd":h,icon:p.getAlertGlobalIcon(y,a),role:"alert",tone:a,children:e.jsxs(i,{className:"fd-alert-message",children:[e.jsx(i,{className:"fd-alert-description",children:t}),b&&A.length?e.jsx(l,{align:"right",className:"fd-alert-actions-inline",layout:"horizontal",size:"small",children:A}):null]})})}));f.displayName="AlertGlobal",module.exports=f;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("@mui/material/Alert"),i=require("@mui/material/Box"),n=require("../../atoms/Button/index.cjs.js"),o=require("../../atoms/IconButton/index.cjs.js"),l=require("../ButtonGroup/index.cjs.js"),r=require("../../../icons/Cancel/index.cjs.js"),s=require("../../../providers/TranslationProvider.cjs.js"),c=require("@mui/material/styles"),d=require("@mui/material/useMediaQuery"),u=require("@mui/material/styles/useTheme"),p=require("./alertGlobalTokens.cjs.js");const g=c.styled(a,{shouldForwardProp:e=>!["tone"].includes(e)})(({theme:e,tone:t})=>({alignItems:"center",backgroundColor:p.getAlertGlobalBackgroundColour(e,t),borderBottom:"1px solid",borderRadius:0,borderColor:p.getAlertGlobalBorderColour(e,t),color:p.getAlertGlobalTextColour(e,t),padding:e.spacing(3),paddingTop:e.spacing(1.5),paddingBottom:e.spacing(1.5),width:"100%",display:"flex",position:"relative","& .MuiAlert-icon":{alignSelf:"flex-start"},"& .MuiAlert-message":{display:"flex",alignItems:"center",gap:e.spacing(2),flexGrow:1,minWidth:0},"& .MuiAlert-action":{display:"flex",alignItems:"center",gap:e.spacing(3),marginLeft:"auto"},"& .MuiAlert-action .MuiIconButton-root":{outline:"none",boxShadow:"none",border:"none"},"& .MuiAlert-action .MuiIconButton-root:focus, & .MuiAlert-action .MuiIconButton-root:focus-visible":{outline:"none",boxShadow:"none"},"& .fd-alert-message":{display:"flex",alignItems:"center",gap:e.spacing(2),width:"100%"},"& .fd-alert-description":{flexGrow:1,minWidth:0},"& .fd-alert-actions-inline":{marginLeft:"auto",display:"none"},"& .fd-alert-actions-action":{display:"flex"},[e.breakpoints.down("tablet")]:{"& .fd-alert-message":{flexDirection:"column",alignItems:"stretch",gap:e.spacing(2)},"& .fd-alert-actions-inline":{marginLeft:0,marginTop:e.spacing(2),width:"100%",justifyContent:"flex-end",display:"flex"},"& .fd-alert-actions-action":{display:"none"},"& .MuiAlert-action":{position:"absolute",top:e.spacing(3),right:e.spacing(3),marginLeft:0}}})),m=c.styled(i)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(3)})),f=t.memo(({description:t,tone:a="neutral",onClose:c,action:f,className:x,"data-fd":h})=>{const y=u(),b=d(y.breakpoints.down("tablet")),{translate:j}=s.useTranslation(),A=(f?Array.isArray(f)?f:[f]:[]).map(t=>{const a=t.id??`${t.label.replace(/\s+/g,"-").toLowerCase()}-${t.type??"type"}`;return e.jsx(n.Button,{fdKey:t["data-fd"]??`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`,onClick:t.onClick,size:"small",tone:"neutral",variant:t.type??"secondary",children:t.label},a)}),C=[];return A.length&&!b&&C.push(e.jsx(l,{align:"right",className:"fd-alert-actions-action",layout:"horizontal",size:"small",children:A},"action-group-action")),c&&C.push(e.jsx(o.IconButton,{"aria-label":j("Close"),"data-fd":"close-button",onClick:c,size:"small",tone:"neutral",variant:"tertiary",children:e.jsx(r,{})},"close")),e.jsx(g,{action:C.length?e.jsx(m,{children:C}):void 0,className:x,"data-fd":h,icon:p.getAlertGlobalIcon(y,a),role:"alert",tone:a,children:e.jsxs(i,{className:"fd-alert-message",children:[e.jsx(i,{className:"fd-alert-description",children:t}),b&&A.length?e.jsx(l,{align:"right",className:"fd-alert-actions-inline",layout:"horizontal",size:"small",children:A}):null]})})});f.displayName="AlertGlobal",module.exports=f;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/AlertGlobal/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/AlertGlobal/index.tsx"],"sourcesContent":["import { memo, type ReactElement, type ReactNode } from 'react';\n\nimport MuiAlert from '@mui/material/Alert';\n\nimport Box from '@fd/components/atoms/Box';\nimport Button from '@fd/components/atoms/Button';\nimport type { ButtonType } from '@fd/components/atoms/Button/getButtonStyles';\nimport IconButton from '@fd/components/atoms/IconButton';\nimport type { AlertTones } from '@fd/components/molecules/Alert';\nimport ButtonGroup from '@fd/components/molecules/ButtonGroup';\nimport CancelIcon from '@fd/icons/Cancel';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\nimport styled from '@fd/utilities/styledUtilities';\nimport useMediaQuery from '@fd/utilities/useMediaQuery';\nimport useTheme from '@fd/utilities/useTheme';\n\nimport {\n  getAlertGlobalBackgroundColour,\n  getAlertGlobalBorderColour,\n  getAlertGlobalIcon,\n  getAlertGlobalTextColour,\n} from './alertGlobalTokens';\n\n/**\n * Global alert component for prominent, page-level messages.\n *\n * - Renders an icon and description with optional actions and a close button\n * - `action` accepts a single action object or an array of action objects\n *   (use an array to render multiple buttons side-by-side)\n */\nexport interface AlertGlobalProps {\n  /**\n   * Message content shown in the alert. Provide a localized string.\n   */\n  description: string;\n  /**\n   * Visual tone of the alert which controls icon and colors.\n   * Defaults to `neutral`.\n   */\n  tone?: AlertTones;\n  /**\n   * Called when the close button is pressed. When omitted, no close button is rendered.\n   */\n  onClose?: () => void;\n  /**\n   * One or more actions to render as buttons. A single object renders one button;\n   * an array renders multiple buttons. Provide localized `label` values.\n   */\n  action?: AlertAction | AlertAction[];\n  /** Optional CSS class name for the root element. */\n  className?: string;\n  /** Optional test id for the root element. */\n  'data-fd'?: string;\n}\n\n/**\n * Describes a user action rendered as a button in the alert.\n */\nexport interface AlertAction {\n  /** Optional unique identifier for this action. Recommended for stable React keys. */\n  id?: string;\n  /** Button text. Provide a localized string. */\n  label: string;\n  /** Visual variant of the button. Defaults to `secondary`. */\n  type?: ButtonType;\n  /** Click handler for the action. */\n  onClick: () => void;\n  /** Optional test id applied to the button. */\n  'data-fd'?: string;\n}\n\ninterface StyledAlertProps {\n  tone: AlertTones;\n}\n\nconst StyledGlobalAlert = styled(MuiAlert, {\n  shouldForwardProp: (prop: string): boolean => !['tone'].includes(prop),\n})<StyledAlertProps>(({ theme, tone }) => ({\n  alignItems: 'center',\n  backgroundColor: getAlertGlobalBackgroundColour(theme, tone),\n  borderBottom: '1px solid',\n  borderRadius: 0,\n  borderColor: getAlertGlobalBorderColour(theme, tone),\n  color: getAlertGlobalTextColour(theme, tone),\n  padding: theme.spacing(3),\n  paddingTop: theme.spacing(1.5),\n  paddingBottom: theme.spacing(1.5),\n  width: '100%',\n  display: 'flex',\n  position: 'relative',\n  '& .MuiAlert-icon': {\n    alignSelf: 'flex-start',\n  },\n  '& .MuiAlert-message': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    flexGrow: 1,\n    minWidth: 0,\n  },\n  '& .MuiAlert-action': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(3),\n    marginLeft: 'auto',\n  },\n  '& .MuiAlert-action .MuiIconButton-root': {\n    outline: 'none',\n    boxShadow: 'none',\n    border: 'none',\n  },\n  '& .MuiAlert-action .MuiIconButton-root:focus, & .MuiAlert-action .MuiIconButton-root:focus-visible': {\n    outline: 'none',\n    boxShadow: 'none',\n  },\n  // Inline actions inside message container\n  '& .fd-alert-message': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    width: '100%',\n  },\n  '& .fd-alert-description': {\n    flexGrow: 1,\n    minWidth: 0,\n  },\n  '& .fd-alert-actions-inline': {\n    marginLeft: 'auto',\n    display: 'none',\n  },\n  '& .fd-alert-actions-action': {\n    display: 'flex',\n  },\n  // Mobile layout: stack and right-align button group below description\n  [theme.breakpoints.down('tablet')]: {\n    '& .fd-alert-message': {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: theme.spacing(2),\n    },\n    '& .fd-alert-actions-inline': {\n      marginLeft: 0,\n      marginTop: theme.spacing(2),\n      width: '100%',\n      justifyContent: 'flex-end',\n      display: 'flex',\n    },\n    '& .fd-alert-actions-action': {\n      display: 'none',\n    },\n    '& .MuiAlert-action': {\n      position: 'absolute',\n      top: theme.spacing(3),\n      right: theme.spacing(3),\n      marginLeft: 0,\n    },\n  },\n}));\n\nconst ActionContainer = styled(Box)(\n  ({ theme }): Record<string, unknown> => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(3),\n  }),\n);\n\nconst AlertGlobalComponent = ({\n  description,\n  tone = 'neutral',\n  onClose,\n  action,\n  className,\n  'data-fd': dataFd,\n}: AlertGlobalProps): ReactElement => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const { translate } = useTranslation();\n\n  const actionsArray = action ? (Array.isArray(action) ? action : [action]) : [];\n  const actionButtons = actionsArray.map((actionItem) => {\n    const uniqueKey =\n      actionItem.id ?? `${actionItem.label.replace(/\\s+/g, '-').toLowerCase()}-${actionItem.type ?? 'type'}`;\n    return (\n      <Button\n        key={uniqueKey}\n        fdKey={\n          actionItem['data-fd'] ?? `action-button-${actionItem.label.replace(/\\s+/g, '-').toLowerCase()}`\n        }\n        onClick={actionItem.onClick}\n        size=\"small\"\n        tone=\"neutral\"\n        variant={actionItem.type ?? 'secondary'}\n      >\n        {actionItem.label}\n      </Button>\n    );\n  });\n\n  const nodes: ReactNode[] = [];\n  if (actionButtons.length && !isMobile) {\n    nodes.push(\n      <ButtonGroup\n        key=\"action-group-action\"\n        align=\"right\"\n        className=\"fd-alert-actions-action\"\n        layout=\"horizontal\"\n        size=\"small\"\n      >\n        {actionButtons}\n      </ButtonGroup>,\n    );\n  }\n  if (onClose) {\n    nodes.push(\n      <IconButton\n        key=\"close\"\n        aria-label={translate('Close')}\n        data-fd=\"close-button\"\n        onClick={onClose}\n        size=\"small\"\n        tone=\"neutral\"\n        variant=\"tertiary\"\n      >\n        <CancelIcon />\n      </IconButton>,\n    );\n  }\n\n  return (\n    <StyledGlobalAlert\n      action={nodes.length ? <ActionContainer>{nodes}</ActionContainer> : undefined}\n      className={className}\n      data-fd={dataFd}\n      icon={getAlertGlobalIcon(theme, tone)}\n      role=\"alert\"\n      tone={tone}\n    >\n      <Box className=\"fd-alert-message\">\n        <Box className=\"fd-alert-description\">{description}</Box>\n        {isMobile && actionButtons.length ? (\n          <ButtonGroup align=\"right\" className=\"fd-alert-actions-inline\" layout=\"horizontal\" size=\"small\">\n            {actionButtons}\n          </ButtonGroup>\n        ) : null}\n      </Box>\n    </StyledGlobalAlert>\n  );\n};\n\nconst AlertGlobal = memo(AlertGlobalComponent);\nAlertGlobal.displayName = 'AlertGlobal';\n\nexport default AlertGlobal;\n"],"names":["StyledGlobalAlert","styled","MuiAlert","shouldForwardProp","prop","includes","theme","tone","alignItems","backgroundColor","getAlertGlobalBackgroundColour","borderBottom","borderRadius","borderColor","getAlertGlobalBorderColour","color","getAlertGlobalTextColour","padding","spacing","paddingTop","paddingBottom","width","display","position","alignSelf","gap","flexGrow","minWidth","marginLeft","outline","boxShadow","border","breakpoints","down","flexDirection","marginTop","justifyContent","top","right","ActionContainer","Box","AlertGlobal","memo","description","onClose","action","className","dataFd","useTheme","isMobile","useMediaQuery","translate","useTranslation","actionButtons","Array","isArray","map","actionItem","uniqueKey","id","label","replace","toLowerCase","type","_jsx","Button","fdKey","onClick","size","variant","children","nodes","length","push","ButtonGroup","align","layout","IconButton","CancelIcon","undefined","icon","getAlertGlobalIcon","role","_jsxs","displayName"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/AlertGlobal/index.tsx"],"sourcesContent":["import { memo, type ReactElement, type ReactNode } from 'react';\n\nimport MuiAlert from '@mui/material/Alert';\n\nimport Box from '@fd/components/atoms/Box';\nimport Button from '@fd/components/atoms/Button';\nimport type { ButtonType } from '@fd/components/atoms/Button/getButtonStyles';\nimport IconButton from '@fd/components/atoms/IconButton';\nimport type { AlertTones } from '@fd/components/molecules/Alert';\nimport ButtonGroup from '@fd/components/molecules/ButtonGroup';\nimport CancelIcon from '@fd/icons/Cancel';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\nimport styled from '@fd/utilities/styledUtilities';\nimport useMediaQuery from '@fd/utilities/useMediaQuery';\nimport useTheme from '@fd/utilities/useTheme';\n\nimport {\n  getAlertGlobalBackgroundColour,\n  getAlertGlobalBorderColour,\n  getAlertGlobalIcon,\n  getAlertGlobalTextColour,\n} from './alertGlobalTokens';\n\n/**\n * Global alert component for prominent, page-level messages.\n *\n * - Renders an icon and description with optional actions and a close button\n * - `action` accepts a single action object or an array of action objects\n *   (use an array to render multiple buttons side-by-side)\n */\nexport interface AlertGlobalProps {\n  /**\n   * Message content shown in the alert. Provide a localized string.\n   */\n  description: string;\n  /**\n   * Visual tone of the alert which controls icon and colors.\n   * Defaults to `neutral`.\n   */\n  tone?: AlertTones;\n  /**\n   * Called when the close button is pressed. When omitted, no close button is rendered.\n   */\n  onClose?: () => void;\n  /**\n   * One or more actions to render as buttons. A single object renders one button;\n   * an array renders multiple buttons. Provide localized `label` values.\n   */\n  action?: AlertAction | AlertAction[];\n  /** Optional CSS class name for the root element. */\n  className?: string;\n  /** Optional test id for the root element. */\n  'data-fd'?: string;\n}\n\n/**\n * Describes a user action rendered as a button in the alert.\n */\nexport interface AlertAction {\n  /** Optional unique identifier for this action. Recommended for stable React keys. */\n  id?: string;\n  /** Button text. Provide a localized string. */\n  label: string;\n  /** Visual variant of the button. Defaults to `secondary`. */\n  type?: ButtonType;\n  /** Click handler for the action. */\n  onClick: () => void;\n  /** Optional test id applied to the button. */\n  'data-fd'?: string;\n}\n\ninterface StyledAlertProps {\n  tone: AlertTones;\n}\n\nconst StyledGlobalAlert = styled(MuiAlert, {\n  shouldForwardProp: (prop: string): boolean => !['tone'].includes(prop),\n})<StyledAlertProps>(({ theme, tone }) => ({\n  alignItems: 'center',\n  backgroundColor: getAlertGlobalBackgroundColour(theme, tone),\n  borderBottom: '1px solid',\n  borderRadius: 0,\n  borderColor: getAlertGlobalBorderColour(theme, tone),\n  color: getAlertGlobalTextColour(theme, tone),\n  padding: theme.spacing(3),\n  paddingTop: theme.spacing(1.5),\n  paddingBottom: theme.spacing(1.5),\n  width: '100%',\n  display: 'flex',\n  position: 'relative',\n  '& .MuiAlert-icon': {\n    alignSelf: 'flex-start',\n  },\n  '& .MuiAlert-message': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    flexGrow: 1,\n    minWidth: 0,\n  },\n  '& .MuiAlert-action': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(3),\n    marginLeft: 'auto',\n  },\n  '& .MuiAlert-action .MuiIconButton-root': {\n    outline: 'none',\n    boxShadow: 'none',\n    border: 'none',\n  },\n  '& .MuiAlert-action .MuiIconButton-root:focus, & .MuiAlert-action .MuiIconButton-root:focus-visible': {\n    outline: 'none',\n    boxShadow: 'none',\n  },\n  // Inline actions inside message container\n  '& .fd-alert-message': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    width: '100%',\n  },\n  '& .fd-alert-description': {\n    flexGrow: 1,\n    minWidth: 0,\n  },\n  '& .fd-alert-actions-inline': {\n    marginLeft: 'auto',\n    display: 'none',\n  },\n  '& .fd-alert-actions-action': {\n    display: 'flex',\n  },\n  // Mobile layout: stack and right-align button group below description\n  [theme.breakpoints.down('tablet')]: {\n    '& .fd-alert-message': {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: theme.spacing(2),\n    },\n    '& .fd-alert-actions-inline': {\n      marginLeft: 0,\n      marginTop: theme.spacing(2),\n      width: '100%',\n      justifyContent: 'flex-end',\n      display: 'flex',\n    },\n    '& .fd-alert-actions-action': {\n      display: 'none',\n    },\n    '& .MuiAlert-action': {\n      position: 'absolute',\n      top: theme.spacing(3),\n      right: theme.spacing(3),\n      marginLeft: 0,\n    },\n  },\n}));\n\nconst ActionContainer = styled(Box)(\n  ({ theme }): Record<string, unknown> => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(3),\n  }),\n);\n\nconst AlertGlobalComponent = ({\n  description,\n  tone = 'neutral',\n  onClose,\n  action,\n  className,\n  'data-fd': dataFd,\n}: AlertGlobalProps): ReactElement => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const { translate } = useTranslation();\n\n  const actionsArray = action ? (Array.isArray(action) ? action : [action]) : [];\n  const actionButtons = actionsArray.map((actionItem) => {\n    const uniqueKey =\n      actionItem.id ?? `${actionItem.label.replace(/\\s+/g, '-').toLowerCase()}-${actionItem.type ?? 'type'}`;\n    return (\n      <Button\n        key={uniqueKey}\n        fdKey={\n          actionItem['data-fd'] ?? `action-button-${actionItem.label.replace(/\\s+/g, '-').toLowerCase()}`\n        }\n        onClick={actionItem.onClick}\n        size=\"small\"\n        tone=\"neutral\"\n        variant={actionItem.type ?? 'secondary'}\n      >\n        {actionItem.label}\n      </Button>\n    );\n  });\n\n  const nodes: ReactNode[] = [];\n  if (actionButtons.length && !isMobile) {\n    nodes.push(\n      <ButtonGroup\n        key=\"action-group-action\"\n        align=\"right\"\n        className=\"fd-alert-actions-action\"\n        layout=\"horizontal\"\n        size=\"small\"\n      >\n        {actionButtons}\n      </ButtonGroup>,\n    );\n  }\n  if (onClose) {\n    nodes.push(\n      <IconButton\n        key=\"close\"\n        aria-label={translate('Close')}\n        data-fd=\"close-button\"\n        onClick={onClose}\n        size=\"small\"\n        tone=\"neutral\"\n        variant=\"tertiary\"\n      >\n        <CancelIcon />\n      </IconButton>,\n    );\n  }\n\n  return (\n    <StyledGlobalAlert\n      action={nodes.length ? <ActionContainer>{nodes}</ActionContainer> : undefined}\n      className={className}\n      data-fd={dataFd}\n      icon={getAlertGlobalIcon(theme, tone)}\n      role=\"alert\"\n      tone={tone}\n    >\n      <Box className=\"fd-alert-message\">\n        <Box className=\"fd-alert-description\">{description}</Box>\n        {isMobile && actionButtons.length ? (\n          <ButtonGroup align=\"right\" className=\"fd-alert-actions-inline\" layout=\"horizontal\" size=\"small\">\n            {actionButtons}\n          </ButtonGroup>\n        ) : null}\n      </Box>\n    </StyledGlobalAlert>\n  );\n};\n\nconst AlertGlobal = memo(AlertGlobalComponent);\nAlertGlobal.displayName = 'AlertGlobal';\n\nexport default AlertGlobal;\n"],"names":["StyledGlobalAlert","styled","MuiAlert","shouldForwardProp","prop","includes","theme","tone","alignItems","backgroundColor","getAlertGlobalBackgroundColour","borderBottom","borderRadius","borderColor","getAlertGlobalBorderColour","color","getAlertGlobalTextColour","padding","spacing","paddingTop","paddingBottom","width","display","position","alignSelf","gap","flexGrow","minWidth","marginLeft","outline","boxShadow","border","breakpoints","down","flexDirection","marginTop","justifyContent","top","right","ActionContainer","Box","AlertGlobal","memo","description","onClose","action","className","dataFd","useTheme","isMobile","useMediaQuery","translate","useTranslation","actionButtons","Array","isArray","map","actionItem","uniqueKey","id","label","replace","toLowerCase","type","_jsx","Button","fdKey","onClick","size","variant","children","nodes","length","push","ButtonGroup","align","layout","IconButton","CancelIcon","undefined","icon","getAlertGlobalIcon","role","_jsxs","displayName"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{memo as a}from"react";import i from"@mui/material/Alert";import o from"@mui/material/Box";import{Button as n}from"../../atoms/Button/index.js";import{IconButton as r}from"../../atoms/IconButton/index.js";import l from"../ButtonGroup/index.js";import s from"../../../icons/Cancel/index.js";import{useTranslation as c}from"../../../providers/TranslationProvider.js";import{styled as d}from"@mui/material/styles";import m from"@mui/material/useMediaQuery";import p from"@mui/material/styles/useTheme";import{getAlertGlobalTextColour as u,getAlertGlobalBorderColour as f,getAlertGlobalBackgroundColour as g,getAlertGlobalIcon as h}from"./alertGlobalTokens.js";const y=d(i,{shouldForwardProp:e=>!["tone"].includes(e)})((({theme:e,tone:t})=>({alignItems:"center",backgroundColor:g(e,t),borderBottom:"1px solid",borderRadius:0,borderColor:f(e,t),color:u(e,t),padding:e.spacing(3),paddingTop:e.spacing(1.5),paddingBottom:e.spacing(1.5),width:"100%",display:"flex",position:"relative","& .MuiAlert-icon":{alignSelf:"flex-start"},"& .MuiAlert-message":{display:"flex",alignItems:"center",gap:e.spacing(2),flexGrow:1,minWidth:0},"& .MuiAlert-action":{display:"flex",alignItems:"center",gap:e.spacing(3),marginLeft:"auto"},"& .MuiAlert-action .MuiIconButton-root":{outline:"none",boxShadow:"none",border:"none"},"& .MuiAlert-action .MuiIconButton-root:focus, & .MuiAlert-action .MuiIconButton-root:focus-visible":{outline:"none",boxShadow:"none"},"& .fd-alert-message":{display:"flex",alignItems:"center",gap:e.spacing(2),width:"100%"},"& .fd-alert-description":{flexGrow:1,minWidth:0},"& .fd-alert-actions-inline":{marginLeft:"auto",display:"none"},"& .fd-alert-actions-action":{display:"flex"},[e.breakpoints.down("tablet")]:{"& .fd-alert-message":{flexDirection:"column",alignItems:"stretch",gap:e.spacing(2)},"& .fd-alert-actions-inline":{marginLeft:0,marginTop:e.spacing(2),width:"100%",justifyContent:"flex-end",display:"flex"},"& .fd-alert-actions-action":{display:"none"},"& .MuiAlert-action":{position:"absolute",top:e.spacing(3),right:e.spacing(3),marginLeft:0}}}))),x=d(o)((({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(3)}))),b=a((({description:a,tone:i="neutral",onClose:d,action:u,className:f,"data-fd":g})=>{const b=p(),w=m(b.breakpoints.down("tablet")),{translate:A}=c(),C=(u?Array.isArray(u)?u:[u]:[]).map((t=>{const a=t.id??`${t.label.replace(/\s+/g,"-").toLowerCase()}-${t.type??"type"}`;return e(n,{fdKey:t["data-fd"]??`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`,onClick:t.onClick,size:"small",tone:"neutral",variant:t.type??"secondary",children:t.label},a)})),M=[];return C.length&&!w&&M.push(e(l,{align:"right",className:"fd-alert-actions-action",layout:"horizontal",size:"small",children:C},"action-group-action")),d&&M.push(e(r,{"aria-label":A("Close"),"data-fd":"close-button",onClick:d,size:"small",tone:"neutral",variant:"tertiary",children:e(s,{})},"close")),e(y,{action:M.length?e(x,{children:M}):void 0,className:f,"data-fd":g,icon:h(b,i),role:"alert",tone:i,children:t(o,{className:"fd-alert-message",children:[e(o,{className:"fd-alert-description",children:a}),w&&C.length?e(l,{align:"right",className:"fd-alert-actions-inline",layout:"horizontal",size:"small",children:C}):null]})})}));b.displayName="AlertGlobal";export{b as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{memo as a}from"react";import i from"@mui/material/Alert";import o from"@mui/material/Box";import{Button as n}from"../../atoms/Button/index.js";import{IconButton as r}from"../../atoms/IconButton/index.js";import l from"../ButtonGroup/index.js";import s from"../../../icons/Cancel/index.js";import{useTranslation as c}from"../../../providers/TranslationProvider.js";import{styled as d}from"@mui/material/styles";import m from"@mui/material/useMediaQuery";import p from"@mui/material/styles/useTheme";import{getAlertGlobalTextColour as u,getAlertGlobalBorderColour as f,getAlertGlobalBackgroundColour as g,getAlertGlobalIcon as h}from"./alertGlobalTokens.js";const y=d(i,{shouldForwardProp:e=>!["tone"].includes(e)})(({theme:e,tone:t})=>({alignItems:"center",backgroundColor:g(e,t),borderBottom:"1px solid",borderRadius:0,borderColor:f(e,t),color:u(e,t),padding:e.spacing(3),paddingTop:e.spacing(1.5),paddingBottom:e.spacing(1.5),width:"100%",display:"flex",position:"relative","& .MuiAlert-icon":{alignSelf:"flex-start"},"& .MuiAlert-message":{display:"flex",alignItems:"center",gap:e.spacing(2),flexGrow:1,minWidth:0},"& .MuiAlert-action":{display:"flex",alignItems:"center",gap:e.spacing(3),marginLeft:"auto"},"& .MuiAlert-action .MuiIconButton-root":{outline:"none",boxShadow:"none",border:"none"},"& .MuiAlert-action .MuiIconButton-root:focus, & .MuiAlert-action .MuiIconButton-root:focus-visible":{outline:"none",boxShadow:"none"},"& .fd-alert-message":{display:"flex",alignItems:"center",gap:e.spacing(2),width:"100%"},"& .fd-alert-description":{flexGrow:1,minWidth:0},"& .fd-alert-actions-inline":{marginLeft:"auto",display:"none"},"& .fd-alert-actions-action":{display:"flex"},[e.breakpoints.down("tablet")]:{"& .fd-alert-message":{flexDirection:"column",alignItems:"stretch",gap:e.spacing(2)},"& .fd-alert-actions-inline":{marginLeft:0,marginTop:e.spacing(2),width:"100%",justifyContent:"flex-end",display:"flex"},"& .fd-alert-actions-action":{display:"none"},"& .MuiAlert-action":{position:"absolute",top:e.spacing(3),right:e.spacing(3),marginLeft:0}}})),x=d(o)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(3)})),b=a(({description:a,tone:i="neutral",onClose:d,action:u,className:f,"data-fd":g})=>{const b=p(),w=m(b.breakpoints.down("tablet")),{translate:A}=c(),C=(u?Array.isArray(u)?u:[u]:[]).map(t=>{const a=t.id??`${t.label.replace(/\s+/g,"-").toLowerCase()}-${t.type??"type"}`;return e(n,{fdKey:t["data-fd"]??`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`,onClick:t.onClick,size:"small",tone:"neutral",variant:t.type??"secondary",children:t.label},a)}),M=[];return C.length&&!w&&M.push(e(l,{align:"right",className:"fd-alert-actions-action",layout:"horizontal",size:"small",children:C},"action-group-action")),d&&M.push(e(r,{"aria-label":A("Close"),"data-fd":"close-button",onClick:d,size:"small",tone:"neutral",variant:"tertiary",children:e(s,{})},"close")),e(y,{action:M.length?e(x,{children:M}):void 0,className:f,"data-fd":g,icon:h(b,i),role:"alert",tone:i,children:t(o,{className:"fd-alert-message",children:[e(o,{className:"fd-alert-description",children:a}),w&&C.length?e(l,{align:"right",className:"fd-alert-actions-inline",layout:"horizontal",size:"small",children:C}):null]})})});b.displayName="AlertGlobal";export{b as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/AlertGlobal/index.tsx"],"sourcesContent":["import { memo, type ReactElement, type ReactNode } from 'react';\n\nimport MuiAlert from '@mui/material/Alert';\n\nimport Box from '@fd/components/atoms/Box';\nimport Button from '@fd/components/atoms/Button';\nimport type { ButtonType } from '@fd/components/atoms/Button/getButtonStyles';\nimport IconButton from '@fd/components/atoms/IconButton';\nimport type { AlertTones } from '@fd/components/molecules/Alert';\nimport ButtonGroup from '@fd/components/molecules/ButtonGroup';\nimport CancelIcon from '@fd/icons/Cancel';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\nimport styled from '@fd/utilities/styledUtilities';\nimport useMediaQuery from '@fd/utilities/useMediaQuery';\nimport useTheme from '@fd/utilities/useTheme';\n\nimport {\n  getAlertGlobalBackgroundColour,\n  getAlertGlobalBorderColour,\n  getAlertGlobalIcon,\n  getAlertGlobalTextColour,\n} from './alertGlobalTokens';\n\n/**\n * Global alert component for prominent, page-level messages.\n *\n * - Renders an icon and description with optional actions and a close button\n * - `action` accepts a single action object or an array of action objects\n *   (use an array to render multiple buttons side-by-side)\n */\nexport interface AlertGlobalProps {\n  /**\n   * Message content shown in the alert. Provide a localized string.\n   */\n  description: string;\n  /**\n   * Visual tone of the alert which controls icon and colors.\n   * Defaults to `neutral`.\n   */\n  tone?: AlertTones;\n  /**\n   * Called when the close button is pressed. When omitted, no close button is rendered.\n   */\n  onClose?: () => void;\n  /**\n   * One or more actions to render as buttons. A single object renders one button;\n   * an array renders multiple buttons. Provide localized `label` values.\n   */\n  action?: AlertAction | AlertAction[];\n  /** Optional CSS class name for the root element. */\n  className?: string;\n  /** Optional test id for the root element. */\n  'data-fd'?: string;\n}\n\n/**\n * Describes a user action rendered as a button in the alert.\n */\nexport interface AlertAction {\n  /** Optional unique identifier for this action. Recommended for stable React keys. */\n  id?: string;\n  /** Button text. Provide a localized string. */\n  label: string;\n  /** Visual variant of the button. Defaults to `secondary`. */\n  type?: ButtonType;\n  /** Click handler for the action. */\n  onClick: () => void;\n  /** Optional test id applied to the button. */\n  'data-fd'?: string;\n}\n\ninterface StyledAlertProps {\n  tone: AlertTones;\n}\n\nconst StyledGlobalAlert = styled(MuiAlert, {\n  shouldForwardProp: (prop: string): boolean => !['tone'].includes(prop),\n})<StyledAlertProps>(({ theme, tone }) => ({\n  alignItems: 'center',\n  backgroundColor: getAlertGlobalBackgroundColour(theme, tone),\n  borderBottom: '1px solid',\n  borderRadius: 0,\n  borderColor: getAlertGlobalBorderColour(theme, tone),\n  color: getAlertGlobalTextColour(theme, tone),\n  padding: theme.spacing(3),\n  paddingTop: theme.spacing(1.5),\n  paddingBottom: theme.spacing(1.5),\n  width: '100%',\n  display: 'flex',\n  position: 'relative',\n  '& .MuiAlert-icon': {\n    alignSelf: 'flex-start',\n  },\n  '& .MuiAlert-message': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    flexGrow: 1,\n    minWidth: 0,\n  },\n  '& .MuiAlert-action': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(3),\n    marginLeft: 'auto',\n  },\n  '& .MuiAlert-action .MuiIconButton-root': {\n    outline: 'none',\n    boxShadow: 'none',\n    border: 'none',\n  },\n  '& .MuiAlert-action .MuiIconButton-root:focus, & .MuiAlert-action .MuiIconButton-root:focus-visible': {\n    outline: 'none',\n    boxShadow: 'none',\n  },\n  // Inline actions inside message container\n  '& .fd-alert-message': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    width: '100%',\n  },\n  '& .fd-alert-description': {\n    flexGrow: 1,\n    minWidth: 0,\n  },\n  '& .fd-alert-actions-inline': {\n    marginLeft: 'auto',\n    display: 'none',\n  },\n  '& .fd-alert-actions-action': {\n    display: 'flex',\n  },\n  // Mobile layout: stack and right-align button group below description\n  [theme.breakpoints.down('tablet')]: {\n    '& .fd-alert-message': {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: theme.spacing(2),\n    },\n    '& .fd-alert-actions-inline': {\n      marginLeft: 0,\n      marginTop: theme.spacing(2),\n      width: '100%',\n      justifyContent: 'flex-end',\n      display: 'flex',\n    },\n    '& .fd-alert-actions-action': {\n      display: 'none',\n    },\n    '& .MuiAlert-action': {\n      position: 'absolute',\n      top: theme.spacing(3),\n      right: theme.spacing(3),\n      marginLeft: 0,\n    },\n  },\n}));\n\nconst ActionContainer = styled(Box)(\n  ({ theme }): Record<string, unknown> => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(3),\n  }),\n);\n\nconst AlertGlobalComponent = ({\n  description,\n  tone = 'neutral',\n  onClose,\n  action,\n  className,\n  'data-fd': dataFd,\n}: AlertGlobalProps): ReactElement => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const { translate } = useTranslation();\n\n  const actionsArray = action ? (Array.isArray(action) ? action : [action]) : [];\n  const actionButtons = actionsArray.map((actionItem) => {\n    const uniqueKey =\n      actionItem.id ?? `${actionItem.label.replace(/\\s+/g, '-').toLowerCase()}-${actionItem.type ?? 'type'}`;\n    return (\n      <Button\n        key={uniqueKey}\n        fdKey={\n          actionItem['data-fd'] ?? `action-button-${actionItem.label.replace(/\\s+/g, '-').toLowerCase()}`\n        }\n        onClick={actionItem.onClick}\n        size=\"small\"\n        tone=\"neutral\"\n        variant={actionItem.type ?? 'secondary'}\n      >\n        {actionItem.label}\n      </Button>\n    );\n  });\n\n  const nodes: ReactNode[] = [];\n  if (actionButtons.length && !isMobile) {\n    nodes.push(\n      <ButtonGroup\n        key=\"action-group-action\"\n        align=\"right\"\n        className=\"fd-alert-actions-action\"\n        layout=\"horizontal\"\n        size=\"small\"\n      >\n        {actionButtons}\n      </ButtonGroup>,\n    );\n  }\n  if (onClose) {\n    nodes.push(\n      <IconButton\n        key=\"close\"\n        aria-label={translate('Close')}\n        data-fd=\"close-button\"\n        onClick={onClose}\n        size=\"small\"\n        tone=\"neutral\"\n        variant=\"tertiary\"\n      >\n        <CancelIcon />\n      </IconButton>,\n    );\n  }\n\n  return (\n    <StyledGlobalAlert\n      action={nodes.length ? <ActionContainer>{nodes}</ActionContainer> : undefined}\n      className={className}\n      data-fd={dataFd}\n      icon={getAlertGlobalIcon(theme, tone)}\n      role=\"alert\"\n      tone={tone}\n    >\n      <Box className=\"fd-alert-message\">\n        <Box className=\"fd-alert-description\">{description}</Box>\n        {isMobile && actionButtons.length ? (\n          <ButtonGroup align=\"right\" className=\"fd-alert-actions-inline\" layout=\"horizontal\" size=\"small\">\n            {actionButtons}\n          </ButtonGroup>\n        ) : null}\n      </Box>\n    </StyledGlobalAlert>\n  );\n};\n\nconst AlertGlobal = memo(AlertGlobalComponent);\nAlertGlobal.displayName = 'AlertGlobal';\n\nexport default AlertGlobal;\n"],"names":["StyledGlobalAlert","styled","MuiAlert","shouldForwardProp","prop","includes","theme","tone","alignItems","backgroundColor","getAlertGlobalBackgroundColour","borderBottom","borderRadius","borderColor","getAlertGlobalBorderColour","color","getAlertGlobalTextColour","padding","spacing","paddingTop","paddingBottom","width","display","position","alignSelf","gap","flexGrow","minWidth","marginLeft","outline","boxShadow","border","breakpoints","down","flexDirection","marginTop","justifyContent","top","right","ActionContainer","Box","AlertGlobal","memo","description","onClose","action","className","dataFd","useTheme","isMobile","useMediaQuery","translate","useTranslation","actionButtons","Array","isArray","map","actionItem","uniqueKey","id","label","replace","toLowerCase","type","_jsx","Button","fdKey","onClick","size","variant","children","nodes","length","push","ButtonGroup","align","layout","IconButton","CancelIcon","undefined","icon","getAlertGlobalIcon","role","_jsxs","displayName"],"mappings":"ysBA2EA,MAAMA,EAAoBC,EAAOC,EAAU,CACzCC,kBAAoBC,IAA2B,CAAC,QAAQC,SAASD,IADzCH,EAEL,EAAGK,QAAOC,WAAM,CACnCC,WAAY,SACZC,gBAAiBC,EAA+BJ,EAAOC,GACvDI,aAAc,YACdC,aAAc,EACdC,YAAaC,EAA2BR,EAAOC,GAC/CQ,MAAOC,EAAyBV,EAAOC,GACvCU,QAASX,EAAMY,QAAQ,GACvBC,WAAYb,EAAMY,QAAQ,KAC1BE,cAAed,EAAMY,QAAQ,KAC7BG,MAAO,OACPC,QAAS,OACTC,SAAU,WACV,mBAAoB,CAClBC,UAAW,cAEb,sBAAuB,CACrBF,QAAS,OACTd,WAAY,SACZiB,IAAKnB,EAAMY,QAAQ,GACnBQ,SAAU,EACVC,SAAU,GAEZ,qBAAsB,CACpBL,QAAS,OACTd,WAAY,SACZiB,IAAKnB,EAAMY,QAAQ,GACnBU,WAAY,QAEd,yCAA0C,CACxCC,QAAS,OACTC,UAAW,OACXC,OAAQ,QAEV,qGAAsG,CACpGF,QAAS,OACTC,UAAW,QAGb,sBAAuB,CACrBR,QAAS,OACTd,WAAY,SACZiB,IAAKnB,EAAMY,QAAQ,GACnBG,MAAO,QAET,0BAA2B,CACzBK,SAAU,EACVC,SAAU,GAEZ,6BAA8B,CAC5BC,WAAY,OACZN,QAAS,QAEX,6BAA8B,CAC5BA,QAAS,QAGX,CAAChB,EAAM0B,YAAYC,KAAK,WAAY,CAClC,sBAAuB,CACrBC,cAAe,SACf1B,WAAY,UACZiB,IAAKnB,EAAMY,QAAQ,IAErB,6BAA8B,CAC5BU,WAAY,EACZO,UAAW7B,EAAMY,QAAQ,GACzBG,MAAO,OACPe,eAAgB,WAChBd,QAAS,QAEX,6BAA8B,CAC5BA,QAAS,QAEX,qBAAsB,CACpBC,SAAU,WACVc,IAAK/B,EAAMY,QAAQ,GACnBoB,MAAOhC,EAAMY,QAAQ,GACrBU,WAAY,QAKZW,EAAkBtC,EAAOuC,EAAPvC,EACtB,EAAGK,YAAO,CACRgB,QAAS,OACTd,WAAY,SACZiB,IAAKnB,EAAMY,QAAQ,OAuFjBuB,EAAcC,GAnFS,EAC3BC,cACApC,OAAO,UACPqC,UACAC,SACAC,YACA,UAAWC,MAEX,MAAMzC,EAAQ0C,IACRC,EAAWC,EAAc5C,EAAM0B,YAAYC,KAAK,YAChDkB,UAAEA,GAAcC,IAGhBC,GADeR,EAAUS,MAAMC,QAAQV,GAAUA,EAAS,CAACA,GAAW,IACzCW,KAAKC,IACtC,MAAMC,EACJD,EAAWE,IAAM,GAAGF,EAAWG,MAAMC,QAAQ,OAAQ,KAAKC,iBAAiBL,EAAWM,MAAQ,SAChG,OACEC,EAACC,EAAM,CAELC,MACET,EAAW,YAAc,iBAAiBA,EAAWG,MAAMC,QAAQ,OAAQ,KAAKC,gBAElFK,QAASV,EAAWU,QACpBC,KAAK,QACL7D,KAAK,UACL8D,QAASZ,EAAWM,MAAQ,YAAWO,SAEtCb,EAAWG,OATPF,MAcLa,EAAqB,GA8B3B,OA7BIlB,EAAcmB,SAAWvB,GAC3BsB,EAAME,KACJT,EAACU,EAAW,CAEVC,MAAM,QACN7B,UAAU,0BACV8B,OAAO,aACPR,KAAK,QAAOE,SAEXjB,GANG,wBAUNT,GACF2B,EAAME,KACJT,EAACa,gBAEa1B,EAAU,mBACd,eACRgB,QAASvB,EACTwB,KAAK,QACL7D,KAAK,UACL8D,QAAQ,WAAUC,SAElBN,EAACc,EAAU,CAAA,IARP,UAcRd,EAAChE,EAAiB,CAChB6C,OAAQ0B,EAAMC,OAASR,EAACzB,YAAiBgC,SAA2BQ,EACpEjC,UAAWA,EAAS,UACXC,EACTiC,KAAMC,EAAmB3E,EAAOC,GAChC2E,KAAK,QACL3E,KAAMA,EAAI+D,SAEVa,EAAC3C,EAAG,CAACM,UAAU,mBAAkBwB,SAAA,CAC/BN,EAACxB,EAAG,CAACM,UAAU,uBAAsBwB,SAAE3B,IACtCM,GAAYI,EAAcmB,OACzBR,EAACU,EAAW,CAACC,MAAM,QAAQ7B,UAAU,0BAA0B8B,OAAO,aAAaR,KAAK,iBACrFf,IAED,aAOZZ,EAAY2C,YAAc"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/AlertGlobal/index.tsx"],"sourcesContent":["import { memo, type ReactElement, type ReactNode } from 'react';\n\nimport MuiAlert from '@mui/material/Alert';\n\nimport Box from '@fd/components/atoms/Box';\nimport Button from '@fd/components/atoms/Button';\nimport type { ButtonType } from '@fd/components/atoms/Button/getButtonStyles';\nimport IconButton from '@fd/components/atoms/IconButton';\nimport type { AlertTones } from '@fd/components/molecules/Alert';\nimport ButtonGroup from '@fd/components/molecules/ButtonGroup';\nimport CancelIcon from '@fd/icons/Cancel';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\nimport styled from '@fd/utilities/styledUtilities';\nimport useMediaQuery from '@fd/utilities/useMediaQuery';\nimport useTheme from '@fd/utilities/useTheme';\n\nimport {\n  getAlertGlobalBackgroundColour,\n  getAlertGlobalBorderColour,\n  getAlertGlobalIcon,\n  getAlertGlobalTextColour,\n} from './alertGlobalTokens';\n\n/**\n * Global alert component for prominent, page-level messages.\n *\n * - Renders an icon and description with optional actions and a close button\n * - `action` accepts a single action object or an array of action objects\n *   (use an array to render multiple buttons side-by-side)\n */\nexport interface AlertGlobalProps {\n  /**\n   * Message content shown in the alert. Provide a localized string.\n   */\n  description: string;\n  /**\n   * Visual tone of the alert which controls icon and colors.\n   * Defaults to `neutral`.\n   */\n  tone?: AlertTones;\n  /**\n   * Called when the close button is pressed. When omitted, no close button is rendered.\n   */\n  onClose?: () => void;\n  /**\n   * One or more actions to render as buttons. A single object renders one button;\n   * an array renders multiple buttons. Provide localized `label` values.\n   */\n  action?: AlertAction | AlertAction[];\n  /** Optional CSS class name for the root element. */\n  className?: string;\n  /** Optional test id for the root element. */\n  'data-fd'?: string;\n}\n\n/**\n * Describes a user action rendered as a button in the alert.\n */\nexport interface AlertAction {\n  /** Optional unique identifier for this action. Recommended for stable React keys. */\n  id?: string;\n  /** Button text. Provide a localized string. */\n  label: string;\n  /** Visual variant of the button. Defaults to `secondary`. */\n  type?: ButtonType;\n  /** Click handler for the action. */\n  onClick: () => void;\n  /** Optional test id applied to the button. */\n  'data-fd'?: string;\n}\n\ninterface StyledAlertProps {\n  tone: AlertTones;\n}\n\nconst StyledGlobalAlert = styled(MuiAlert, {\n  shouldForwardProp: (prop: string): boolean => !['tone'].includes(prop),\n})<StyledAlertProps>(({ theme, tone }) => ({\n  alignItems: 'center',\n  backgroundColor: getAlertGlobalBackgroundColour(theme, tone),\n  borderBottom: '1px solid',\n  borderRadius: 0,\n  borderColor: getAlertGlobalBorderColour(theme, tone),\n  color: getAlertGlobalTextColour(theme, tone),\n  padding: theme.spacing(3),\n  paddingTop: theme.spacing(1.5),\n  paddingBottom: theme.spacing(1.5),\n  width: '100%',\n  display: 'flex',\n  position: 'relative',\n  '& .MuiAlert-icon': {\n    alignSelf: 'flex-start',\n  },\n  '& .MuiAlert-message': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    flexGrow: 1,\n    minWidth: 0,\n  },\n  '& .MuiAlert-action': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(3),\n    marginLeft: 'auto',\n  },\n  '& .MuiAlert-action .MuiIconButton-root': {\n    outline: 'none',\n    boxShadow: 'none',\n    border: 'none',\n  },\n  '& .MuiAlert-action .MuiIconButton-root:focus, & .MuiAlert-action .MuiIconButton-root:focus-visible': {\n    outline: 'none',\n    boxShadow: 'none',\n  },\n  // Inline actions inside message container\n  '& .fd-alert-message': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    width: '100%',\n  },\n  '& .fd-alert-description': {\n    flexGrow: 1,\n    minWidth: 0,\n  },\n  '& .fd-alert-actions-inline': {\n    marginLeft: 'auto',\n    display: 'none',\n  },\n  '& .fd-alert-actions-action': {\n    display: 'flex',\n  },\n  // Mobile layout: stack and right-align button group below description\n  [theme.breakpoints.down('tablet')]: {\n    '& .fd-alert-message': {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: theme.spacing(2),\n    },\n    '& .fd-alert-actions-inline': {\n      marginLeft: 0,\n      marginTop: theme.spacing(2),\n      width: '100%',\n      justifyContent: 'flex-end',\n      display: 'flex',\n    },\n    '& .fd-alert-actions-action': {\n      display: 'none',\n    },\n    '& .MuiAlert-action': {\n      position: 'absolute',\n      top: theme.spacing(3),\n      right: theme.spacing(3),\n      marginLeft: 0,\n    },\n  },\n}));\n\nconst ActionContainer = styled(Box)(\n  ({ theme }): Record<string, unknown> => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(3),\n  }),\n);\n\nconst AlertGlobalComponent = ({\n  description,\n  tone = 'neutral',\n  onClose,\n  action,\n  className,\n  'data-fd': dataFd,\n}: AlertGlobalProps): ReactElement => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const { translate } = useTranslation();\n\n  const actionsArray = action ? (Array.isArray(action) ? action : [action]) : [];\n  const actionButtons = actionsArray.map((actionItem) => {\n    const uniqueKey =\n      actionItem.id ?? `${actionItem.label.replace(/\\s+/g, '-').toLowerCase()}-${actionItem.type ?? 'type'}`;\n    return (\n      <Button\n        key={uniqueKey}\n        fdKey={\n          actionItem['data-fd'] ?? `action-button-${actionItem.label.replace(/\\s+/g, '-').toLowerCase()}`\n        }\n        onClick={actionItem.onClick}\n        size=\"small\"\n        tone=\"neutral\"\n        variant={actionItem.type ?? 'secondary'}\n      >\n        {actionItem.label}\n      </Button>\n    );\n  });\n\n  const nodes: ReactNode[] = [];\n  if (actionButtons.length && !isMobile) {\n    nodes.push(\n      <ButtonGroup\n        key=\"action-group-action\"\n        align=\"right\"\n        className=\"fd-alert-actions-action\"\n        layout=\"horizontal\"\n        size=\"small\"\n      >\n        {actionButtons}\n      </ButtonGroup>,\n    );\n  }\n  if (onClose) {\n    nodes.push(\n      <IconButton\n        key=\"close\"\n        aria-label={translate('Close')}\n        data-fd=\"close-button\"\n        onClick={onClose}\n        size=\"small\"\n        tone=\"neutral\"\n        variant=\"tertiary\"\n      >\n        <CancelIcon />\n      </IconButton>,\n    );\n  }\n\n  return (\n    <StyledGlobalAlert\n      action={nodes.length ? <ActionContainer>{nodes}</ActionContainer> : undefined}\n      className={className}\n      data-fd={dataFd}\n      icon={getAlertGlobalIcon(theme, tone)}\n      role=\"alert\"\n      tone={tone}\n    >\n      <Box className=\"fd-alert-message\">\n        <Box className=\"fd-alert-description\">{description}</Box>\n        {isMobile && actionButtons.length ? (\n          <ButtonGroup align=\"right\" className=\"fd-alert-actions-inline\" layout=\"horizontal\" size=\"small\">\n            {actionButtons}\n          </ButtonGroup>\n        ) : null}\n      </Box>\n    </StyledGlobalAlert>\n  );\n};\n\nconst AlertGlobal = memo(AlertGlobalComponent);\nAlertGlobal.displayName = 'AlertGlobal';\n\nexport default AlertGlobal;\n"],"names":["StyledGlobalAlert","styled","MuiAlert","shouldForwardProp","prop","includes","theme","tone","alignItems","backgroundColor","getAlertGlobalBackgroundColour","borderBottom","borderRadius","borderColor","getAlertGlobalBorderColour","color","getAlertGlobalTextColour","padding","spacing","paddingTop","paddingBottom","width","display","position","alignSelf","gap","flexGrow","minWidth","marginLeft","outline","boxShadow","border","breakpoints","down","flexDirection","marginTop","justifyContent","top","right","ActionContainer","Box","AlertGlobal","memo","description","onClose","action","className","dataFd","useTheme","isMobile","useMediaQuery","translate","useTranslation","actionButtons","Array","isArray","map","actionItem","uniqueKey","id","label","replace","toLowerCase","type","_jsx","Button","fdKey","onClick","size","variant","children","nodes","length","push","ButtonGroup","align","layout","IconButton","CancelIcon","undefined","icon","getAlertGlobalIcon","role","_jsxs","displayName"],"mappings":"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"}

package/dist/components/molecules/AlertSnackbar/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("@mui/material/Box"),r=require("@mui/material/Snackbar"),i=require("@mui/material/styles"),a=require("../../../icons/Cancel/index.cjs.js"),o=require("../../../icons/Diamond/index.cjs.js"),l=require("../../atoms/Button/index.cjs.js"),s=require("../ButtonGroup/index.cjs.js");const c=e=>e.palette.semantic.icon["icon-inverse-strong"],d=i.styled(n)((({theme:e})=>{const t=(e=>({bg:e.palette.semantic.fill["fill-strong"],text:e.palette.semantic.text["text-inverse-strong"],border:e.palette.semantic.stroke["stroke-strong"]}))(e);return{display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(3),padding:e.spacing(1.5,2),backgroundColor:t.bg,color:t.text,border:`1px solid ${t.border}`,borderRadius:e.radius["radius-8"],role:"alert"}})),p=i.styled(n)((({theme:e})=>({fontSize:e.typography.b1Weak.fontSize,lineHeight:e.typography.b1Weak.lineHeight,fontFamily:e.typography.b1Weak.fontFamily,fontWeight:e.typography.b1Weak.fontWeight,letterSpacing:e.typography.b1Weak.letterSpacing,flexShrink:1,minWidth:0}))),u=i.styled(n)({display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}),y=i.styled(u)((({theme:e})=>({color:c(e)}))),g=i.styled(n)((({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1),flex:1,minWidth:0}))),h=i.styled(n)((({theme:e})=>({display:"flex",gap:e.spacing(1),alignItems:"center",flexShrink:0}))),m=i.styled("button")((({theme:e})=>({background:"none",border:"none",color:"inherit",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(.5),margin:e.spacing(0,-.5),"&:hover":{opacity:.8},"&:focus":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"}}))),f=i.styled("button")((({theme:e})=>({background:"none",border:"none",fontSize:e.typography.b1Weak.fontSize,lineHeight:e.typography.b1Weak.lineHeight,fontFamily:e.typography.b1Weak.fontFamily,fontWeight:e.typography.b1Weak.fontWeight,letterSpacing:e.typography.b1Weak.letterSpacing,textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",cursor:"pointer",color:"inherit",padding:0,whiteSpace:"nowrap","&:hover":{opacity:.8},"&:focus":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px",borderRadius:e.radius["radius-8"]}}))),x=i.styled(n)({maxWidth:"60vw"}),b=t.memo((({content:n,onClose:i,className:c,fdKey:u,actions:b,textLink:k,open:j,autoHideDuration:W=5e3})=>{const[C,S]=t.useState(j??!0),v=void 0!==j?j:C,q=t.useCallback(((e,t)=>{"clickaway"!==t&&(void 0===j&&S(!1),i?.())}),[i,j]);return e.jsx(r,{anchorOrigin:{horizontal:"center",vertical:"bottom"},autoHideDuration:W,className:c,"data-fd":u,onClose:q,open:v,children:e.jsx(x,{children:e.jsxs(d,{role:"alert",children:[e.jsxs(g,{children:[e.jsx(y,{children:e.jsx(o,{})}),e.jsx(p,{children:n})]}),e.jsxs(h,{children:[k&&(()=>{if(!k)return;const t=k.fdKey??`text-link-${k.label.replace(/\s+/g,"-").toLowerCase()}`;return e.jsx(f,{"aria-label":k.label,"data-fd":t,onClick:()=>{k.onClick(),q()},type:"button",children:k.label})})(),b&&b.length>0&&(()=>{if(!b||0===b.length)return;const t=[...b].sort(((e,t)=>{const n={tertiary:0,secondary:1,primary:2},r=e.type??"primary",i=t.type??"primary";return n[r]-n[i]}));return e.jsx(s,{align:"right",size:"small",children:t.map((t=>{const n=t.fdKey??`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`;return e.jsx(l.Button,{"aria-label":t.label,fdKey:n,onClick:()=>{t.onClick(),q()},tone:"inverse",variant:t.type??"primary",children:t.label},n)}))})})(),i&&e.jsx(m,{"aria-label":"Close notification",onClick:q,type:"button",children:e.jsx(a,{})})]})]})})})}));b.displayName="AlertSnackbar",module.exports=b;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("@mui/material/Box"),r=require("@mui/material/Snackbar"),i=require("@mui/material/styles"),a=require("../../../icons/Cancel/index.cjs.js"),o=require("../../../icons/Diamond/index.cjs.js"),l=require("../../atoms/Button/index.cjs.js"),s=require("../ButtonGroup/index.cjs.js");const c=e=>e.palette.semantic.icon["icon-inverse-strong"],d=i.styled(n)(({theme:e})=>{const t=(e=>({bg:e.palette.semantic.fill["fill-strong"],text:e.palette.semantic.text["text-inverse-strong"],border:e.palette.semantic.stroke["stroke-strong"]}))(e);return{display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(3),padding:e.spacing(1.5,2),backgroundColor:t.bg,color:t.text,border:`1px solid ${t.border}`,borderRadius:e.radius["radius-8"],role:"alert"}}),p=i.styled(n)(({theme:e})=>({fontSize:e.typography.b1Weak.fontSize,lineHeight:e.typography.b1Weak.lineHeight,fontFamily:e.typography.b1Weak.fontFamily,fontWeight:e.typography.b1Weak.fontWeight,letterSpacing:e.typography.b1Weak.letterSpacing,flexShrink:1,minWidth:0})),u=i.styled(n)({display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}),y=i.styled(u)(({theme:e})=>({color:c(e)})),g=i.styled(n)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1),flex:1,minWidth:0})),h=i.styled(n)(({theme:e})=>({display:"flex",gap:e.spacing(1),alignItems:"center",flexShrink:0})),m=i.styled("button")(({theme:e})=>({background:"none",border:"none",color:"inherit",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(.5),margin:e.spacing(0,-.5),"&:hover":{opacity:.8},"&:focus":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"}})),f=i.styled("button")(({theme:e})=>({background:"none",border:"none",fontSize:e.typography.b1Weak.fontSize,lineHeight:e.typography.b1Weak.lineHeight,fontFamily:e.typography.b1Weak.fontFamily,fontWeight:e.typography.b1Weak.fontWeight,letterSpacing:e.typography.b1Weak.letterSpacing,textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",cursor:"pointer",color:"inherit",padding:0,whiteSpace:"nowrap","&:hover":{opacity:.8},"&:focus":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px",borderRadius:e.radius["radius-8"]}})),x=i.styled(n)({maxWidth:"60vw"}),b=t.memo(({content:n,onClose:i,className:c,fdKey:u,actions:b,textLink:k,open:j,autoHideDuration:W=5e3})=>{const[C,S]=t.useState(j??!0),v=void 0!==j?j:C,q=t.useCallback((e,t)=>{"clickaway"!==t&&(void 0===j&&S(!1),i?.())},[i,j]);return e.jsx(r,{anchorOrigin:{horizontal:"center",vertical:"bottom"},autoHideDuration:W,className:c,"data-fd":u,onClose:q,open:v,children:e.jsx(x,{children:e.jsxs(d,{role:"alert",children:[e.jsxs(g,{children:[e.jsx(y,{children:e.jsx(o,{})}),e.jsx(p,{children:n})]}),e.jsxs(h,{children:[k&&(()=>{if(!k)return;const t=k.fdKey??`text-link-${k.label.replace(/\s+/g,"-").toLowerCase()}`;return e.jsx(f,{"aria-label":k.label,"data-fd":t,onClick:()=>{k.onClick(),q()},type:"button",children:k.label})})(),b&&b.length>0&&(()=>{if(!b||0===b.length)return;const t=[...b].sort((e,t)=>{const n={tertiary:0,secondary:1,primary:2},r=e.type??"primary",i=t.type??"primary";return n[r]-n[i]});return e.jsx(s,{align:"right",size:"small",children:t.map(t=>{const n=t.fdKey??`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`;return e.jsx(l.Button,{"aria-label":t.label,fdKey:n,onClick:()=>{t.onClick(),q()},tone:"inverse",variant:t.type??"primary",children:t.label},n)})})})(),i&&e.jsx(m,{"aria-label":"Close notification",onClick:q,type:"button",children:e.jsx(a,{})})]})]})})})});b.displayName="AlertSnackbar",module.exports=b;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/AlertSnackbar/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/AlertSnackbar/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { memo, useCallback, useState } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Snackbar from '@mui/material/Snackbar';\nimport { styled, type Theme } from '@mui/material/styles';\n\nimport CancelIcon from '@fd/icons/Cancel';\nimport DiamondIcon from '@fd/icons/Diamond';\n\nimport Button from '../../atoms/Button';\nimport type { ButtonType } from '../../atoms/Button/getButtonStyles';\nimport ButtonGroup from '../ButtonGroup';\n\n/** Action button configuration */\nexport interface ActionButton {\n  /** Text label for the action button */\n  label: string;\n  /** Visual style of the action button */\n  type?: ButtonType;\n  /** Callback function when the action button is clicked */\n  onClick: () => void;\n  /** Test ID for the action button */\n  fdKey?: string;\n}\n\n/** Text link configuration */\nexport interface TextLink {\n  /** Text label for the link */\n  label: string;\n  /** Callback function when the link is clicked */\n  onClick: () => void;\n  /** Test ID for the link */\n  fdKey?: string;\n}\n\n/** Props for the AlertSnackbar component */\nexport interface AlertSnackbarProps {\n  /** Content of the alert snackbar  */\n  content: string;\n  /** Callback function when the alert snackbar is closed */\n  onClose?: () => void;\n  /** Action buttons configuration - supports Primary, Secondary, Tertiary buttons via ButtonGroup */\n  actions?: ActionButton[];\n  /** Text link configuration - separate from action buttons */\n  textLink?: TextLink;\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  fdKey?: string;\n  /** Whether the snackbar is open */\n  open?: boolean;\n  /** Duration in milliseconds the snackbar should be displayed */\n  autoHideDuration?: number;\n}\n\nconst getDefaultColors = (theme: Theme) => {\n  return {\n    bg: theme.palette.semantic.fill['fill-strong'],\n    text: theme.palette.semantic.text['text-inverse-strong'],\n    border: theme.palette.semantic.stroke['stroke-strong'],\n  };\n};\n\nconst getDefaultIconColor = (theme: Theme): string => {\n  return theme.palette.semantic.icon['icon-inverse-strong'];\n};\n\nconst StyledContent = styled(Box)(({ theme }) => {\n  const colors = getDefaultColors(theme);\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: theme.spacing(3),\n    padding: theme.spacing(1.5, 2),\n    backgroundColor: colors.bg,\n    color: colors.text,\n    border: `1px solid ${colors.border}`,\n    borderRadius: theme.radius['radius-8'],\n    role: 'alert',\n  };\n});\n\nconst StyledText = styled(Box)(({ theme }) => ({\n  fontSize: theme.typography.b1Weak.fontSize,\n  lineHeight: theme.typography.b1Weak.lineHeight,\n  fontFamily: theme.typography.b1Weak.fontFamily,\n  fontWeight: theme.typography.b1Weak.fontWeight,\n  letterSpacing: theme.typography.b1Weak.letterSpacing,\n  flexShrink: 1,\n  minWidth: 0,\n}));\n\nconst StyledIcon = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n});\n\nconst StyledIconWrapper = styled(StyledIcon)(({ theme }) => ({\n  color: getDefaultIconColor(theme),\n}));\n\nconst StyledContentLeft = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  flex: 1,\n  minWidth: 0,\n}));\n\nconst StyledActions = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(1),\n  alignItems: 'center',\n  flexShrink: 0,\n}));\n\nconst StyledCloseButton = styled('button')(({ theme }) => ({\n  background: 'none',\n  border: 'none',\n  color: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: theme.spacing(0.5),\n  margin: theme.spacing(0, -0.5),\n  '&:hover': {\n    opacity: 0.8,\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n    outlineOffset: '2px',\n  },\n}));\n\nconst StyledTextLink = styled('button')(({ theme }) => ({\n  background: 'none',\n  border: 'none',\n  fontSize: theme.typography.b1Weak.fontSize,\n  lineHeight: theme.typography.b1Weak.lineHeight,\n  fontFamily: theme.typography.b1Weak.fontFamily,\n  fontWeight: theme.typography.b1Weak.fontWeight,\n  letterSpacing: theme.typography.b1Weak.letterSpacing,\n  textDecoration: 'underline',\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n  cursor: 'pointer',\n  color: 'inherit',\n  padding: 0,\n  whiteSpace: 'nowrap',\n  '&:hover': {\n    opacity: 0.8,\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n    outlineOffset: '2px',\n    borderRadius: theme.radius['radius-8'],\n  },\n}));\n\nconst SnackbarPaper = styled(Box)({\n  maxWidth: '60vw',\n});\n\n/**\n * AlertSnackbar component is used to display important notifications to users.\n * It can include optional action buttons (via ButtonGroup supporting Primary, Secondary, Tertiary variants)\n * and/or a text link component.\n * The component wraps MUI's Snackbar component to provide a consistent,\n * accessible notification experience. It is wrapped with React.memo to optimize\n * performance by preventing unnecessary re-renders when props haven't changed.\n * Uses semantic design tokens for colors and typography to ensure proper light/dark mode support.\n */\nconst AlertSnackbar = memo(\n  ({\n    content,\n    onClose,\n    className,\n    fdKey,\n    actions,\n    textLink,\n    open: controlledOpen,\n    autoHideDuration = 5000,\n  }: AlertSnackbarProps) => {\n    // Use internal state when not controlled\n    const [internalOpen, setInternalOpen] = useState(controlledOpen ?? true);\n    // When controlled (open prop is defined), use it; otherwise use internal state\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    const handleClose = useCallback(\n      (_event?: Event | React.SyntheticEvent, reason?: string) => {\n        if (reason === 'clickaway') {\n          return;\n        }\n        // Update internal state for uncontrolled mode\n        if (controlledOpen === undefined) {\n          setInternalOpen(false);\n        }\n        // Call external callback if provided\n        onClose?.();\n      },\n      [onClose, controlledOpen],\n    );\n\n    const renderActions = (): React.ReactNode => {\n      if (!actions || actions.length === 0) {\n        return undefined;\n      }\n\n      // Sort actions: Tertiary (left), Secondary (middle), Primary (right)\n      const sortedActions = [...actions].sort((a, b) => {\n        const orderMap: Record<ButtonType, number> = {\n          tertiary: 0,\n          secondary: 1,\n          primary: 2,\n        };\n        const aType = a.type ?? 'primary';\n        const bType = b.type ?? 'primary';\n        return orderMap[aType] - orderMap[bType];\n      });\n\n      return (\n        <ButtonGroup align=\"right\" size=\"small\">\n          {sortedActions.map((action) => {\n            const actionTestId =\n              action.fdKey ?? `action-button-${action.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n            return (\n              <Button\n                key={actionTestId}\n                aria-label={action.label}\n                fdKey={actionTestId}\n                onClick={() => {\n                  action.onClick();\n                  handleClose();\n                }}\n                tone=\"inverse\"\n                variant={action.type ?? 'primary'}\n              >\n                {action.label}\n              </Button>\n            );\n          })}\n        </ButtonGroup>\n      );\n    };\n\n    const renderTextLink = (): React.ReactNode => {\n      if (!textLink) {\n        return undefined;\n      }\n\n      const linkTestId = textLink.fdKey ?? `text-link-${textLink.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n      return (\n        <StyledTextLink\n          aria-label={textLink.label}\n          data-fd={linkTestId}\n          onClick={() => {\n            textLink.onClick();\n            handleClose();\n          }}\n          type=\"button\"\n        >\n          {textLink.label}\n        </StyledTextLink>\n      );\n    };\n\n    return (\n      <Snackbar\n        anchorOrigin={{ horizontal: 'center', vertical: 'bottom' }}\n        autoHideDuration={autoHideDuration}\n        className={className}\n        data-fd={fdKey}\n        onClose={handleClose}\n        open={isOpen}\n      >\n        <SnackbarPaper>\n          <StyledContent role=\"alert\">\n            <StyledContentLeft>\n              <StyledIconWrapper>\n                <DiamondIcon />\n              </StyledIconWrapper>\n              <StyledText>{content}</StyledText>\n            </StyledContentLeft>\n            <StyledActions>\n              {textLink && renderTextLink()}\n              {actions && actions.length > 0 && renderActions()}\n              {onClose && (\n                <StyledCloseButton aria-label=\"Close notification\" onClick={handleClose} type=\"button\">\n                  <CancelIcon />\n                </StyledCloseButton>\n              )}\n            </StyledActions>\n          </StyledContent>\n        </SnackbarPaper>\n      </Snackbar>\n    );\n  },\n);\n\nAlertSnackbar.displayName = 'AlertSnackbar';\n\nexport default AlertSnackbar;\n"],"names":["getDefaultIconColor","theme","palette","semantic","icon","StyledContent","styled","Box","colors","bg","fill","text","border","stroke","getDefaultColors","display","alignItems","justifyContent","gap","spacing","padding","backgroundColor","color","borderRadius","radius","role","StyledText","fontSize","typography","b1Weak","lineHeight","fontFamily","fontWeight","letterSpacing","flexShrink","minWidth","StyledIcon","StyledIconWrapper","StyledContentLeft","flex","StyledActions","StyledCloseButton","background","cursor","margin","opacity","outline","outlineOffset","StyledTextLink","textDecoration","textUnderlineOffset","textUnderlinePosition","whiteSpace","SnackbarPaper","maxWidth","AlertSnackbar","memo","content","onClose","className","fdKey","actions","textLink","open","controlledOpen","autoHideDuration","internalOpen","setInternalOpen","useState","isOpen","undefined","handleClose","useCallback","_event","reason","_jsx","Snackbar","anchorOrigin","horizontal","vertical","children","_jsxs","DiamondIcon","linkTestId","label","replace","toLowerCase","onClick","type","renderTextLink","length","sortedActions","sort","a","b","orderMap","tertiary","secondary","primary","aType","bType","ButtonGroup","align","size","map","action","actionTestId","Button","tone","variant","renderActions","CancelIcon","displayName"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/AlertSnackbar/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { memo, useCallback, useState } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Snackbar from '@mui/material/Snackbar';\nimport { styled, type Theme } from '@mui/material/styles';\n\nimport CancelIcon from '@fd/icons/Cancel';\nimport DiamondIcon from '@fd/icons/Diamond';\n\nimport Button from '../../atoms/Button';\nimport type { ButtonType } from '../../atoms/Button/getButtonStyles';\nimport ButtonGroup from '../ButtonGroup';\n\n/** Action button configuration */\nexport interface ActionButton {\n  /** Text label for the action button */\n  label: string;\n  /** Visual style of the action button */\n  type?: ButtonType;\n  /** Callback function when the action button is clicked */\n  onClick: () => void;\n  /** Test ID for the action button */\n  fdKey?: string;\n}\n\n/** Text link configuration */\nexport interface TextLink {\n  /** Text label for the link */\n  label: string;\n  /** Callback function when the link is clicked */\n  onClick: () => void;\n  /** Test ID for the link */\n  fdKey?: string;\n}\n\n/** Props for the AlertSnackbar component */\nexport interface AlertSnackbarProps {\n  /** Content of the alert snackbar  */\n  content: string;\n  /** Callback function when the alert snackbar is closed */\n  onClose?: () => void;\n  /** Action buttons configuration - supports Primary, Secondary, Tertiary buttons via ButtonGroup */\n  actions?: ActionButton[];\n  /** Text link configuration - separate from action buttons */\n  textLink?: TextLink;\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  fdKey?: string;\n  /** Whether the snackbar is open */\n  open?: boolean;\n  /** Duration in milliseconds the snackbar should be displayed */\n  autoHideDuration?: number;\n}\n\nconst getDefaultColors = (theme: Theme) => {\n  return {\n    bg: theme.palette.semantic.fill['fill-strong'],\n    text: theme.palette.semantic.text['text-inverse-strong'],\n    border: theme.palette.semantic.stroke['stroke-strong'],\n  };\n};\n\nconst getDefaultIconColor = (theme: Theme): string => {\n  return theme.palette.semantic.icon['icon-inverse-strong'];\n};\n\nconst StyledContent = styled(Box)(({ theme }) => {\n  const colors = getDefaultColors(theme);\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: theme.spacing(3),\n    padding: theme.spacing(1.5, 2),\n    backgroundColor: colors.bg,\n    color: colors.text,\n    border: `1px solid ${colors.border}`,\n    borderRadius: theme.radius['radius-8'],\n    role: 'alert',\n  };\n});\n\nconst StyledText = styled(Box)(({ theme }) => ({\n  fontSize: theme.typography.b1Weak.fontSize,\n  lineHeight: theme.typography.b1Weak.lineHeight,\n  fontFamily: theme.typography.b1Weak.fontFamily,\n  fontWeight: theme.typography.b1Weak.fontWeight,\n  letterSpacing: theme.typography.b1Weak.letterSpacing,\n  flexShrink: 1,\n  minWidth: 0,\n}));\n\nconst StyledIcon = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n});\n\nconst StyledIconWrapper = styled(StyledIcon)(({ theme }) => ({\n  color: getDefaultIconColor(theme),\n}));\n\nconst StyledContentLeft = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  flex: 1,\n  minWidth: 0,\n}));\n\nconst StyledActions = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(1),\n  alignItems: 'center',\n  flexShrink: 0,\n}));\n\nconst StyledCloseButton = styled('button')(({ theme }) => ({\n  background: 'none',\n  border: 'none',\n  color: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: theme.spacing(0.5),\n  margin: theme.spacing(0, -0.5),\n  '&:hover': {\n    opacity: 0.8,\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n    outlineOffset: '2px',\n  },\n}));\n\nconst StyledTextLink = styled('button')(({ theme }) => ({\n  background: 'none',\n  border: 'none',\n  fontSize: theme.typography.b1Weak.fontSize,\n  lineHeight: theme.typography.b1Weak.lineHeight,\n  fontFamily: theme.typography.b1Weak.fontFamily,\n  fontWeight: theme.typography.b1Weak.fontWeight,\n  letterSpacing: theme.typography.b1Weak.letterSpacing,\n  textDecoration: 'underline',\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n  cursor: 'pointer',\n  color: 'inherit',\n  padding: 0,\n  whiteSpace: 'nowrap',\n  '&:hover': {\n    opacity: 0.8,\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n    outlineOffset: '2px',\n    borderRadius: theme.radius['radius-8'],\n  },\n}));\n\nconst SnackbarPaper = styled(Box)({\n  maxWidth: '60vw',\n});\n\n/**\n * AlertSnackbar component is used to display important notifications to users.\n * It can include optional action buttons (via ButtonGroup supporting Primary, Secondary, Tertiary variants)\n * and/or a text link component.\n * The component wraps MUI's Snackbar component to provide a consistent,\n * accessible notification experience. It is wrapped with React.memo to optimize\n * performance by preventing unnecessary re-renders when props haven't changed.\n * Uses semantic design tokens for colors and typography to ensure proper light/dark mode support.\n */\nconst AlertSnackbar = memo(\n  ({\n    content,\n    onClose,\n    className,\n    fdKey,\n    actions,\n    textLink,\n    open: controlledOpen,\n    autoHideDuration = 5000,\n  }: AlertSnackbarProps) => {\n    // Use internal state when not controlled\n    const [internalOpen, setInternalOpen] = useState(controlledOpen ?? true);\n    // When controlled (open prop is defined), use it; otherwise use internal state\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    const handleClose = useCallback(\n      (_event?: Event | React.SyntheticEvent, reason?: string) => {\n        if (reason === 'clickaway') {\n          return;\n        }\n        // Update internal state for uncontrolled mode\n        if (controlledOpen === undefined) {\n          setInternalOpen(false);\n        }\n        // Call external callback if provided\n        onClose?.();\n      },\n      [onClose, controlledOpen],\n    );\n\n    const renderActions = (): React.ReactNode => {\n      if (!actions || actions.length === 0) {\n        return undefined;\n      }\n\n      // Sort actions: Tertiary (left), Secondary (middle), Primary (right)\n      const sortedActions = [...actions].sort((a, b) => {\n        const orderMap: Record<ButtonType, number> = {\n          tertiary: 0,\n          secondary: 1,\n          primary: 2,\n        };\n        const aType = a.type ?? 'primary';\n        const bType = b.type ?? 'primary';\n        return orderMap[aType] - orderMap[bType];\n      });\n\n      return (\n        <ButtonGroup align=\"right\" size=\"small\">\n          {sortedActions.map((action) => {\n            const actionTestId =\n              action.fdKey ?? `action-button-${action.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n            return (\n              <Button\n                key={actionTestId}\n                aria-label={action.label}\n                fdKey={actionTestId}\n                onClick={() => {\n                  action.onClick();\n                  handleClose();\n                }}\n                tone=\"inverse\"\n                variant={action.type ?? 'primary'}\n              >\n                {action.label}\n              </Button>\n            );\n          })}\n        </ButtonGroup>\n      );\n    };\n\n    const renderTextLink = (): React.ReactNode => {\n      if (!textLink) {\n        return undefined;\n      }\n\n      const linkTestId = textLink.fdKey ?? `text-link-${textLink.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n      return (\n        <StyledTextLink\n          aria-label={textLink.label}\n          data-fd={linkTestId}\n          onClick={() => {\n            textLink.onClick();\n            handleClose();\n          }}\n          type=\"button\"\n        >\n          {textLink.label}\n        </StyledTextLink>\n      );\n    };\n\n    return (\n      <Snackbar\n        anchorOrigin={{ horizontal: 'center', vertical: 'bottom' }}\n        autoHideDuration={autoHideDuration}\n        className={className}\n        data-fd={fdKey}\n        onClose={handleClose}\n        open={isOpen}\n      >\n        <SnackbarPaper>\n          <StyledContent role=\"alert\">\n            <StyledContentLeft>\n              <StyledIconWrapper>\n                <DiamondIcon />\n              </StyledIconWrapper>\n              <StyledText>{content}</StyledText>\n            </StyledContentLeft>\n            <StyledActions>\n              {textLink && renderTextLink()}\n              {actions && actions.length > 0 && renderActions()}\n              {onClose && (\n                <StyledCloseButton aria-label=\"Close notification\" onClick={handleClose} type=\"button\">\n                  <CancelIcon />\n                </StyledCloseButton>\n              )}\n            </StyledActions>\n          </StyledContent>\n        </SnackbarPaper>\n      </Snackbar>\n    );\n  },\n);\n\nAlertSnackbar.displayName = 'AlertSnackbar';\n\nexport default AlertSnackbar;\n"],"names":["getDefaultIconColor","theme","palette","semantic","icon","StyledContent","styled","Box","colors","bg","fill","text","border","stroke","getDefaultColors","display","alignItems","justifyContent","gap","spacing","padding","backgroundColor","color","borderRadius","radius","role","StyledText","fontSize","typography","b1Weak","lineHeight","fontFamily","fontWeight","letterSpacing","flexShrink","minWidth","StyledIcon","StyledIconWrapper","StyledContentLeft","flex","StyledActions","StyledCloseButton","background","cursor","margin","opacity","outline","outlineOffset","StyledTextLink","textDecoration","textUnderlineOffset","textUnderlinePosition","whiteSpace","SnackbarPaper","maxWidth","AlertSnackbar","memo","content","onClose","className","fdKey","actions","textLink","open","controlledOpen","autoHideDuration","internalOpen","setInternalOpen","useState","isOpen","undefined","handleClose","useCallback","_event","reason","_jsx","Snackbar","anchorOrigin","horizontal","vertical","children","_jsxs","DiamondIcon","linkTestId","label","replace","toLowerCase","onClick","type","renderTextLink","length","sortedActions","sort","a","b","orderMap","tertiary","secondary","primary","aType","bType","ButtonGroup","align","size","map","action","actionTestId","Button","tone","variant","renderActions","CancelIcon","displayName"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{memo as n,useState as i,useCallback as r}from"react";import o from"@mui/material/Box";import a from"@mui/material/Snackbar";import{styled as l}from"@mui/material/styles";import s from"../../../icons/Cancel/index.js";import c from"../../../icons/Diamond/index.js";import{Button as p}from"../../atoms/Button/index.js";import d from"../ButtonGroup/index.js";const m=e=>e.palette.semantic.icon["icon-inverse-strong"],f=l(o)((({theme:e})=>{const t=(e=>({bg:e.palette.semantic.fill["fill-strong"],text:e.palette.semantic.text["text-inverse-strong"],border:e.palette.semantic.stroke["stroke-strong"]}))(e);return{display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(3),padding:e.spacing(1.5,2),backgroundColor:t.bg,color:t.text,border:`1px solid ${t.border}`,borderRadius:e.radius["radius-8"],role:"alert"}})),g=l(o)((({theme:e})=>({fontSize:e.typography.b1Weak.fontSize,lineHeight:e.typography.b1Weak.lineHeight,fontFamily:e.typography.b1Weak.fontFamily,fontWeight:e.typography.b1Weak.fontWeight,letterSpacing:e.typography.b1Weak.letterSpacing,flexShrink:1,minWidth:0}))),h=l(o)({display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}),y=l(h)((({theme:e})=>({color:m(e)}))),u=l(o)((({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1),flex:1,minWidth:0}))),b=l(o)((({theme:e})=>({display:"flex",gap:e.spacing(1),alignItems:"center",flexShrink:0}))),k=l("button")((({theme:e})=>({background:"none",border:"none",color:"inherit",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(.5),margin:e.spacing(0,-.5),"&:hover":{opacity:.8},"&:focus":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"}}))),x=l("button")((({theme:e})=>({background:"none",border:"none",fontSize:e.typography.b1Weak.fontSize,lineHeight:e.typography.b1Weak.lineHeight,fontFamily:e.typography.b1Weak.fontFamily,fontWeight:e.typography.b1Weak.fontWeight,letterSpacing:e.typography.b1Weak.letterSpacing,textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",cursor:"pointer",color:"inherit",padding:0,whiteSpace:"nowrap","&:hover":{opacity:.8},"&:focus":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px",borderRadius:e.radius["radius-8"]}}))),W=l(o)({maxWidth:"60vw"}),C=n((({content:n,onClose:o,className:l,fdKey:m,actions:h,textLink:C,open:S,autoHideDuration:v=5e3})=>{const[j,w]=i(S??!0),z=void 0!==S?S:j,H=r(((e,t)=>{"clickaway"!==t&&(void 0===S&&w(!1),o?.())}),[o,S]);return e(a,{anchorOrigin:{horizontal:"center",vertical:"bottom"},autoHideDuration:v,className:l,"data-fd":m,onClose:H,open:z,children:e(W,{children:t(f,{role:"alert",children:[t(u,{children:[e(y,{children:e(c,{})}),e(g,{children:n})]}),t(b,{children:[C&&(()=>{if(!C)return;const t=C.fdKey??`text-link-${C.label.replace(/\s+/g,"-").toLowerCase()}`;return e(x,{"aria-label":C.label,"data-fd":t,onClick:()=>{C.onClick(),H()},type:"button",children:C.label})})(),h&&h.length>0&&(()=>{if(!h||0===h.length)return;const t=[...h].sort(((e,t)=>{const n={tertiary:0,secondary:1,primary:2},i=e.type??"primary",r=t.type??"primary";return n[i]-n[r]}));return e(d,{align:"right",size:"small",children:t.map((t=>{const n=t.fdKey??`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`;return e(p,{"aria-label":t.label,fdKey:n,onClick:()=>{t.onClick(),H()},tone:"inverse",variant:t.type??"primary",children:t.label},n)}))})})(),o&&e(k,{"aria-label":"Close notification",onClick:H,type:"button",children:e(s,{})})]})]})})})}));C.displayName="AlertSnackbar";export{C as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{memo as n,useState as i,useCallback as r}from"react";import o from"@mui/material/Box";import a from"@mui/material/Snackbar";import{styled as l}from"@mui/material/styles";import s from"../../../icons/Cancel/index.js";import c from"../../../icons/Diamond/index.js";import{Button as p}from"../../atoms/Button/index.js";import d from"../ButtonGroup/index.js";const m=e=>e.palette.semantic.icon["icon-inverse-strong"],f=l(o)(({theme:e})=>{const t=(e=>({bg:e.palette.semantic.fill["fill-strong"],text:e.palette.semantic.text["text-inverse-strong"],border:e.palette.semantic.stroke["stroke-strong"]}))(e);return{display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(3),padding:e.spacing(1.5,2),backgroundColor:t.bg,color:t.text,border:`1px solid ${t.border}`,borderRadius:e.radius["radius-8"],role:"alert"}}),g=l(o)(({theme:e})=>({fontSize:e.typography.b1Weak.fontSize,lineHeight:e.typography.b1Weak.lineHeight,fontFamily:e.typography.b1Weak.fontFamily,fontWeight:e.typography.b1Weak.fontWeight,letterSpacing:e.typography.b1Weak.letterSpacing,flexShrink:1,minWidth:0})),h=l(o)({display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}),y=l(h)(({theme:e})=>({color:m(e)})),u=l(o)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1),flex:1,minWidth:0})),b=l(o)(({theme:e})=>({display:"flex",gap:e.spacing(1),alignItems:"center",flexShrink:0})),k=l("button")(({theme:e})=>({background:"none",border:"none",color:"inherit",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(.5),margin:e.spacing(0,-.5),"&:hover":{opacity:.8},"&:focus":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"}})),x=l("button")(({theme:e})=>({background:"none",border:"none",fontSize:e.typography.b1Weak.fontSize,lineHeight:e.typography.b1Weak.lineHeight,fontFamily:e.typography.b1Weak.fontFamily,fontWeight:e.typography.b1Weak.fontWeight,letterSpacing:e.typography.b1Weak.letterSpacing,textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",cursor:"pointer",color:"inherit",padding:0,whiteSpace:"nowrap","&:hover":{opacity:.8},"&:focus":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px",borderRadius:e.radius["radius-8"]}})),W=l(o)({maxWidth:"60vw"}),C=n(({content:n,onClose:o,className:l,fdKey:m,actions:h,textLink:C,open:S,autoHideDuration:v=5e3})=>{const[j,w]=i(S??!0),z=void 0!==S?S:j,H=r((e,t)=>{"clickaway"!==t&&(void 0===S&&w(!1),o?.())},[o,S]);return e(a,{anchorOrigin:{horizontal:"center",vertical:"bottom"},autoHideDuration:v,className:l,"data-fd":m,onClose:H,open:z,children:e(W,{children:t(f,{role:"alert",children:[t(u,{children:[e(y,{children:e(c,{})}),e(g,{children:n})]}),t(b,{children:[C&&(()=>{if(!C)return;const t=C.fdKey??`text-link-${C.label.replace(/\s+/g,"-").toLowerCase()}`;return e(x,{"aria-label":C.label,"data-fd":t,onClick:()=>{C.onClick(),H()},type:"button",children:C.label})})(),h&&h.length>0&&(()=>{if(!h||0===h.length)return;const t=[...h].sort((e,t)=>{const n={tertiary:0,secondary:1,primary:2},i=e.type??"primary",r=t.type??"primary";return n[i]-n[r]});return e(d,{align:"right",size:"small",children:t.map(t=>{const n=t.fdKey??`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`;return e(p,{"aria-label":t.label,fdKey:n,onClick:()=>{t.onClick(),H()},tone:"inverse",variant:t.type??"primary",children:t.label},n)})})})(),o&&e(k,{"aria-label":"Close notification",onClick:H,type:"button",children:e(s,{})})]})]})})})});C.displayName="AlertSnackbar";export{C as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/AlertSnackbar/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { memo, useCallback, useState } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Snackbar from '@mui/material/Snackbar';\nimport { styled, type Theme } from '@mui/material/styles';\n\nimport CancelIcon from '@fd/icons/Cancel';\nimport DiamondIcon from '@fd/icons/Diamond';\n\nimport Button from '../../atoms/Button';\nimport type { ButtonType } from '../../atoms/Button/getButtonStyles';\nimport ButtonGroup from '../ButtonGroup';\n\n/** Action button configuration */\nexport interface ActionButton {\n  /** Text label for the action button */\n  label: string;\n  /** Visual style of the action button */\n  type?: ButtonType;\n  /** Callback function when the action button is clicked */\n  onClick: () => void;\n  /** Test ID for the action button */\n  fdKey?: string;\n}\n\n/** Text link configuration */\nexport interface TextLink {\n  /** Text label for the link */\n  label: string;\n  /** Callback function when the link is clicked */\n  onClick: () => void;\n  /** Test ID for the link */\n  fdKey?: string;\n}\n\n/** Props for the AlertSnackbar component */\nexport interface AlertSnackbarProps {\n  /** Content of the alert snackbar  */\n  content: string;\n  /** Callback function when the alert snackbar is closed */\n  onClose?: () => void;\n  /** Action buttons configuration - supports Primary, Secondary, Tertiary buttons via ButtonGroup */\n  actions?: ActionButton[];\n  /** Text link configuration - separate from action buttons */\n  textLink?: TextLink;\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  fdKey?: string;\n  /** Whether the snackbar is open */\n  open?: boolean;\n  /** Duration in milliseconds the snackbar should be displayed */\n  autoHideDuration?: number;\n}\n\nconst getDefaultColors = (theme: Theme) => {\n  return {\n    bg: theme.palette.semantic.fill['fill-strong'],\n    text: theme.palette.semantic.text['text-inverse-strong'],\n    border: theme.palette.semantic.stroke['stroke-strong'],\n  };\n};\n\nconst getDefaultIconColor = (theme: Theme): string => {\n  return theme.palette.semantic.icon['icon-inverse-strong'];\n};\n\nconst StyledContent = styled(Box)(({ theme }) => {\n  const colors = getDefaultColors(theme);\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: theme.spacing(3),\n    padding: theme.spacing(1.5, 2),\n    backgroundColor: colors.bg,\n    color: colors.text,\n    border: `1px solid ${colors.border}`,\n    borderRadius: theme.radius['radius-8'],\n    role: 'alert',\n  };\n});\n\nconst StyledText = styled(Box)(({ theme }) => ({\n  fontSize: theme.typography.b1Weak.fontSize,\n  lineHeight: theme.typography.b1Weak.lineHeight,\n  fontFamily: theme.typography.b1Weak.fontFamily,\n  fontWeight: theme.typography.b1Weak.fontWeight,\n  letterSpacing: theme.typography.b1Weak.letterSpacing,\n  flexShrink: 1,\n  minWidth: 0,\n}));\n\nconst StyledIcon = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n});\n\nconst StyledIconWrapper = styled(StyledIcon)(({ theme }) => ({\n  color: getDefaultIconColor(theme),\n}));\n\nconst StyledContentLeft = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  flex: 1,\n  minWidth: 0,\n}));\n\nconst StyledActions = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(1),\n  alignItems: 'center',\n  flexShrink: 0,\n}));\n\nconst StyledCloseButton = styled('button')(({ theme }) => ({\n  background: 'none',\n  border: 'none',\n  color: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: theme.spacing(0.5),\n  margin: theme.spacing(0, -0.5),\n  '&:hover': {\n    opacity: 0.8,\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n    outlineOffset: '2px',\n  },\n}));\n\nconst StyledTextLink = styled('button')(({ theme }) => ({\n  background: 'none',\n  border: 'none',\n  fontSize: theme.typography.b1Weak.fontSize,\n  lineHeight: theme.typography.b1Weak.lineHeight,\n  fontFamily: theme.typography.b1Weak.fontFamily,\n  fontWeight: theme.typography.b1Weak.fontWeight,\n  letterSpacing: theme.typography.b1Weak.letterSpacing,\n  textDecoration: 'underline',\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n  cursor: 'pointer',\n  color: 'inherit',\n  padding: 0,\n  whiteSpace: 'nowrap',\n  '&:hover': {\n    opacity: 0.8,\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n    outlineOffset: '2px',\n    borderRadius: theme.radius['radius-8'],\n  },\n}));\n\nconst SnackbarPaper = styled(Box)({\n  maxWidth: '60vw',\n});\n\n/**\n * AlertSnackbar component is used to display important notifications to users.\n * It can include optional action buttons (via ButtonGroup supporting Primary, Secondary, Tertiary variants)\n * and/or a text link component.\n * The component wraps MUI's Snackbar component to provide a consistent,\n * accessible notification experience. It is wrapped with React.memo to optimize\n * performance by preventing unnecessary re-renders when props haven't changed.\n * Uses semantic design tokens for colors and typography to ensure proper light/dark mode support.\n */\nconst AlertSnackbar = memo(\n  ({\n    content,\n    onClose,\n    className,\n    fdKey,\n    actions,\n    textLink,\n    open: controlledOpen,\n    autoHideDuration = 5000,\n  }: AlertSnackbarProps) => {\n    // Use internal state when not controlled\n    const [internalOpen, setInternalOpen] = useState(controlledOpen ?? true);\n    // When controlled (open prop is defined), use it; otherwise use internal state\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    const handleClose = useCallback(\n      (_event?: Event | React.SyntheticEvent, reason?: string) => {\n        if (reason === 'clickaway') {\n          return;\n        }\n        // Update internal state for uncontrolled mode\n        if (controlledOpen === undefined) {\n          setInternalOpen(false);\n        }\n        // Call external callback if provided\n        onClose?.();\n      },\n      [onClose, controlledOpen],\n    );\n\n    const renderActions = (): React.ReactNode => {\n      if (!actions || actions.length === 0) {\n        return undefined;\n      }\n\n      // Sort actions: Tertiary (left), Secondary (middle), Primary (right)\n      const sortedActions = [...actions].sort((a, b) => {\n        const orderMap: Record<ButtonType, number> = {\n          tertiary: 0,\n          secondary: 1,\n          primary: 2,\n        };\n        const aType = a.type ?? 'primary';\n        const bType = b.type ?? 'primary';\n        return orderMap[aType] - orderMap[bType];\n      });\n\n      return (\n        <ButtonGroup align=\"right\" size=\"small\">\n          {sortedActions.map((action) => {\n            const actionTestId =\n              action.fdKey ?? `action-button-${action.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n            return (\n              <Button\n                key={actionTestId}\n                aria-label={action.label}\n                fdKey={actionTestId}\n                onClick={() => {\n                  action.onClick();\n                  handleClose();\n                }}\n                tone=\"inverse\"\n                variant={action.type ?? 'primary'}\n              >\n                {action.label}\n              </Button>\n            );\n          })}\n        </ButtonGroup>\n      );\n    };\n\n    const renderTextLink = (): React.ReactNode => {\n      if (!textLink) {\n        return undefined;\n      }\n\n      const linkTestId = textLink.fdKey ?? `text-link-${textLink.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n      return (\n        <StyledTextLink\n          aria-label={textLink.label}\n          data-fd={linkTestId}\n          onClick={() => {\n            textLink.onClick();\n            handleClose();\n          }}\n          type=\"button\"\n        >\n          {textLink.label}\n        </StyledTextLink>\n      );\n    };\n\n    return (\n      <Snackbar\n        anchorOrigin={{ horizontal: 'center', vertical: 'bottom' }}\n        autoHideDuration={autoHideDuration}\n        className={className}\n        data-fd={fdKey}\n        onClose={handleClose}\n        open={isOpen}\n      >\n        <SnackbarPaper>\n          <StyledContent role=\"alert\">\n            <StyledContentLeft>\n              <StyledIconWrapper>\n                <DiamondIcon />\n              </StyledIconWrapper>\n              <StyledText>{content}</StyledText>\n            </StyledContentLeft>\n            <StyledActions>\n              {textLink && renderTextLink()}\n              {actions && actions.length > 0 && renderActions()}\n              {onClose && (\n                <StyledCloseButton aria-label=\"Close notification\" onClick={handleClose} type=\"button\">\n                  <CancelIcon />\n                </StyledCloseButton>\n              )}\n            </StyledActions>\n          </StyledContent>\n        </SnackbarPaper>\n      </Snackbar>\n    );\n  },\n);\n\nAlertSnackbar.displayName = 'AlertSnackbar';\n\nexport default AlertSnackbar;\n"],"names":["getDefaultIconColor","theme","palette","semantic","icon","StyledContent","styled","Box","colors","bg","fill","text","border","stroke","getDefaultColors","display","alignItems","justifyContent","gap","spacing","padding","backgroundColor","color","borderRadius","radius","role","StyledText","fontSize","typography","b1Weak","lineHeight","fontFamily","fontWeight","letterSpacing","flexShrink","minWidth","StyledIcon","StyledIconWrapper","StyledContentLeft","flex","StyledActions","StyledCloseButton","background","cursor","margin","opacity","outline","outlineOffset","StyledTextLink","textDecoration","textUnderlineOffset","textUnderlinePosition","whiteSpace","SnackbarPaper","maxWidth","AlertSnackbar","memo","content","onClose","className","fdKey","actions","textLink","open","controlledOpen","autoHideDuration","internalOpen","setInternalOpen","useState","isOpen","undefined","handleClose","useCallback","_event","reason","_jsx","Snackbar","anchorOrigin","horizontal","vertical","children","_jsxs","DiamondIcon","linkTestId","label","replace","toLowerCase","onClick","type","renderTextLink","length","sortedActions","sort","a","b","orderMap","tertiary","secondary","primary","aType","bType","ButtonGroup","align","size","map","action","actionTestId","Button","tone","variant","renderActions","CancelIcon","displayName"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/AlertSnackbar/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { memo, useCallback, useState } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Snackbar from '@mui/material/Snackbar';\nimport { styled, type Theme } from '@mui/material/styles';\n\nimport CancelIcon from '@fd/icons/Cancel';\nimport DiamondIcon from '@fd/icons/Diamond';\n\nimport Button from '../../atoms/Button';\nimport type { ButtonType } from '../../atoms/Button/getButtonStyles';\nimport ButtonGroup from '../ButtonGroup';\n\n/** Action button configuration */\nexport interface ActionButton {\n  /** Text label for the action button */\n  label: string;\n  /** Visual style of the action button */\n  type?: ButtonType;\n  /** Callback function when the action button is clicked */\n  onClick: () => void;\n  /** Test ID for the action button */\n  fdKey?: string;\n}\n\n/** Text link configuration */\nexport interface TextLink {\n  /** Text label for the link */\n  label: string;\n  /** Callback function when the link is clicked */\n  onClick: () => void;\n  /** Test ID for the link */\n  fdKey?: string;\n}\n\n/** Props for the AlertSnackbar component */\nexport interface AlertSnackbarProps {\n  /** Content of the alert snackbar  */\n  content: string;\n  /** Callback function when the alert snackbar is closed */\n  onClose?: () => void;\n  /** Action buttons configuration - supports Primary, Secondary, Tertiary buttons via ButtonGroup */\n  actions?: ActionButton[];\n  /** Text link configuration - separate from action buttons */\n  textLink?: TextLink;\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  fdKey?: string;\n  /** Whether the snackbar is open */\n  open?: boolean;\n  /** Duration in milliseconds the snackbar should be displayed */\n  autoHideDuration?: number;\n}\n\nconst getDefaultColors = (theme: Theme) => {\n  return {\n    bg: theme.palette.semantic.fill['fill-strong'],\n    text: theme.palette.semantic.text['text-inverse-strong'],\n    border: theme.palette.semantic.stroke['stroke-strong'],\n  };\n};\n\nconst getDefaultIconColor = (theme: Theme): string => {\n  return theme.palette.semantic.icon['icon-inverse-strong'];\n};\n\nconst StyledContent = styled(Box)(({ theme }) => {\n  const colors = getDefaultColors(theme);\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: theme.spacing(3),\n    padding: theme.spacing(1.5, 2),\n    backgroundColor: colors.bg,\n    color: colors.text,\n    border: `1px solid ${colors.border}`,\n    borderRadius: theme.radius['radius-8'],\n    role: 'alert',\n  };\n});\n\nconst StyledText = styled(Box)(({ theme }) => ({\n  fontSize: theme.typography.b1Weak.fontSize,\n  lineHeight: theme.typography.b1Weak.lineHeight,\n  fontFamily: theme.typography.b1Weak.fontFamily,\n  fontWeight: theme.typography.b1Weak.fontWeight,\n  letterSpacing: theme.typography.b1Weak.letterSpacing,\n  flexShrink: 1,\n  minWidth: 0,\n}));\n\nconst StyledIcon = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n});\n\nconst StyledIconWrapper = styled(StyledIcon)(({ theme }) => ({\n  color: getDefaultIconColor(theme),\n}));\n\nconst StyledContentLeft = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  flex: 1,\n  minWidth: 0,\n}));\n\nconst StyledActions = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(1),\n  alignItems: 'center',\n  flexShrink: 0,\n}));\n\nconst StyledCloseButton = styled('button')(({ theme }) => ({\n  background: 'none',\n  border: 'none',\n  color: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: theme.spacing(0.5),\n  margin: theme.spacing(0, -0.5),\n  '&:hover': {\n    opacity: 0.8,\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n    outlineOffset: '2px',\n  },\n}));\n\nconst StyledTextLink = styled('button')(({ theme }) => ({\n  background: 'none',\n  border: 'none',\n  fontSize: theme.typography.b1Weak.fontSize,\n  lineHeight: theme.typography.b1Weak.lineHeight,\n  fontFamily: theme.typography.b1Weak.fontFamily,\n  fontWeight: theme.typography.b1Weak.fontWeight,\n  letterSpacing: theme.typography.b1Weak.letterSpacing,\n  textDecoration: 'underline',\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n  cursor: 'pointer',\n  color: 'inherit',\n  padding: 0,\n  whiteSpace: 'nowrap',\n  '&:hover': {\n    opacity: 0.8,\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n    outlineOffset: '2px',\n    borderRadius: theme.radius['radius-8'],\n  },\n}));\n\nconst SnackbarPaper = styled(Box)({\n  maxWidth: '60vw',\n});\n\n/**\n * AlertSnackbar component is used to display important notifications to users.\n * It can include optional action buttons (via ButtonGroup supporting Primary, Secondary, Tertiary variants)\n * and/or a text link component.\n * The component wraps MUI's Snackbar component to provide a consistent,\n * accessible notification experience. It is wrapped with React.memo to optimize\n * performance by preventing unnecessary re-renders when props haven't changed.\n * Uses semantic design tokens for colors and typography to ensure proper light/dark mode support.\n */\nconst AlertSnackbar = memo(\n  ({\n    content,\n    onClose,\n    className,\n    fdKey,\n    actions,\n    textLink,\n    open: controlledOpen,\n    autoHideDuration = 5000,\n  }: AlertSnackbarProps) => {\n    // Use internal state when not controlled\n    const [internalOpen, setInternalOpen] = useState(controlledOpen ?? true);\n    // When controlled (open prop is defined), use it; otherwise use internal state\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    const handleClose = useCallback(\n      (_event?: Event | React.SyntheticEvent, reason?: string) => {\n        if (reason === 'clickaway') {\n          return;\n        }\n        // Update internal state for uncontrolled mode\n        if (controlledOpen === undefined) {\n          setInternalOpen(false);\n        }\n        // Call external callback if provided\n        onClose?.();\n      },\n      [onClose, controlledOpen],\n    );\n\n    const renderActions = (): React.ReactNode => {\n      if (!actions || actions.length === 0) {\n        return undefined;\n      }\n\n      // Sort actions: Tertiary (left), Secondary (middle), Primary (right)\n      const sortedActions = [...actions].sort((a, b) => {\n        const orderMap: Record<ButtonType, number> = {\n          tertiary: 0,\n          secondary: 1,\n          primary: 2,\n        };\n        const aType = a.type ?? 'primary';\n        const bType = b.type ?? 'primary';\n        return orderMap[aType] - orderMap[bType];\n      });\n\n      return (\n        <ButtonGroup align=\"right\" size=\"small\">\n          {sortedActions.map((action) => {\n            const actionTestId =\n              action.fdKey ?? `action-button-${action.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n            return (\n              <Button\n                key={actionTestId}\n                aria-label={action.label}\n                fdKey={actionTestId}\n                onClick={() => {\n                  action.onClick();\n                  handleClose();\n                }}\n                tone=\"inverse\"\n                variant={action.type ?? 'primary'}\n              >\n                {action.label}\n              </Button>\n            );\n          })}\n        </ButtonGroup>\n      );\n    };\n\n    const renderTextLink = (): React.ReactNode => {\n      if (!textLink) {\n        return undefined;\n      }\n\n      const linkTestId = textLink.fdKey ?? `text-link-${textLink.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n      return (\n        <StyledTextLink\n          aria-label={textLink.label}\n          data-fd={linkTestId}\n          onClick={() => {\n            textLink.onClick();\n            handleClose();\n          }}\n          type=\"button\"\n        >\n          {textLink.label}\n        </StyledTextLink>\n      );\n    };\n\n    return (\n      <Snackbar\n        anchorOrigin={{ horizontal: 'center', vertical: 'bottom' }}\n        autoHideDuration={autoHideDuration}\n        className={className}\n        data-fd={fdKey}\n        onClose={handleClose}\n        open={isOpen}\n      >\n        <SnackbarPaper>\n          <StyledContent role=\"alert\">\n            <StyledContentLeft>\n              <StyledIconWrapper>\n                <DiamondIcon />\n              </StyledIconWrapper>\n              <StyledText>{content}</StyledText>\n            </StyledContentLeft>\n            <StyledActions>\n              {textLink && renderTextLink()}\n              {actions && actions.length > 0 && renderActions()}\n              {onClose && (\n                <StyledCloseButton aria-label=\"Close notification\" onClick={handleClose} type=\"button\">\n                  <CancelIcon />\n                </StyledCloseButton>\n              )}\n            </StyledActions>\n          </StyledContent>\n        </SnackbarPaper>\n      </Snackbar>\n    );\n  },\n);\n\nAlertSnackbar.displayName = 'AlertSnackbar';\n\nexport default AlertSnackbar;\n"],"names":["getDefaultIconColor","theme","palette","semantic","icon","StyledContent","styled","Box","colors","bg","fill","text","border","stroke","getDefaultColors","display","alignItems","justifyContent","gap","spacing","padding","backgroundColor","color","borderRadius","radius","role","StyledText","fontSize","typography","b1Weak","lineHeight","fontFamily","fontWeight","letterSpacing","flexShrink","minWidth","StyledIcon","StyledIconWrapper","StyledContentLeft","flex","StyledActions","StyledCloseButton","background","cursor","margin","opacity","outline","outlineOffset","StyledTextLink","textDecoration","textUnderlineOffset","textUnderlinePosition","whiteSpace","SnackbarPaper","maxWidth","AlertSnackbar","memo","content","onClose","className","fdKey","actions","textLink","open","controlledOpen","autoHideDuration","internalOpen","setInternalOpen","useState","isOpen","undefined","handleClose","useCallback","_event","reason","_jsx","Snackbar","anchorOrigin","horizontal","vertical","children","_jsxs","DiamondIcon","linkTestId","label","replace","toLowerCase","onClick","type","renderTextLink","length","sortedActions","sort","a","b","orderMap","tertiary","secondary","primary","aType","bType","ButtonGroup","align","size","map","action","actionTestId","Button","tone","variant","renderActions","CancelIcon","displayName"],"mappings":"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"}

package/dist/components/molecules/Autocomplete/hooks/useDynamicLimitTags.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useDynamicLimitTags=t=>{const{chipMax:r=130,gap:s=4,horizontalPadding:n=32,reservedPx:a=0}=t??{},i=e.useRef(null),[o,c]=e.useState(1);return e.useLayoutEffect((()=>{const e=i.current;if(!e)return;const t=()=>{const t=e.clientWidth,i=Math.max(0,t-n-a),o=r+s,u=Math.max(1,Math.floor(i/o));c(u)};t();const o=new ResizeObserver(t);return o.observe(e),()=>o.disconnect()}),[r,s,n,a]),{rootRef:i,limitTags:o}};
+"use strict";var e=require("react");exports.useDynamicLimitTags=t=>{const{chipMax:r=130,gap:s=4,horizontalPadding:n=32,reservedPx:a=0}=t??{},i=e.useRef(null),[o,c]=e.useState(1);return e.useLayoutEffect(()=>{const e=i.current;if(!e)return;const t=()=>{const t=e.clientWidth,i=Math.max(0,t-n-a),o=r+s,u=Math.max(1,Math.floor(i/o));c(u)};t();const o=new ResizeObserver(t);return o.observe(e),()=>o.disconnect()},[r,s,n,a]),{rootRef:i,limitTags:o}};
 //# sourceMappingURL=useDynamicLimitTags.cjs.js.map

package/dist/components/molecules/Autocomplete/hooks/useDynamicLimitTags.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDynamicLimitTags.cjs.js","sources":["../../../../../src/components/molecules/Autocomplete/hooks/useDynamicLimitTags.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\n\nexport interface UseDynamicLimitTagsProps {\n  chipMax?: number; // px\n  gap?: number; // px, matches theme gap between tags\n  horizontalPadding?: number; // px, inputRoot left+right padding\n  reservedPx?: number; // px, start/end adornments (icons) and search input width you want to reserve\n}\n\nexport interface UseDynamicLimitTagsReturn {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  limitTags: number;\n}\n\n/**\n * Calculates the maximum number of tags that can fit within the available space based on the component's width.\n *\n * @param props - The component props\n * @returns The root ref and the limit tags\n */\nexport const useDynamicLimitTags = (props?: UseDynamicLimitTagsProps): UseDynamicLimitTagsReturn => {\n  const {\n    chipMax = 130,\n    gap = 4,\n    horizontalPadding = 32, // matches padding: theme.spacing(0.5, 2) → 16px each side\n    reservedPx = 0, // tweak if you have more adornments or larger search input\n  } = props ?? {};\n\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [limitTags, setLimitTags] = useState<number>(1);\n\n  useLayoutEffect(() => {\n    const el = rootRef.current;\n    if (!el) return;\n\n    const update = (): void => {\n      const width = el.clientWidth;\n      const usable = Math.max(0, width - horizontalPadding - reservedPx);\n      const perChip = chipMax + gap;\n      const count = Math.max(1, Math.floor(usable / perChip));\n      setLimitTags(count);\n    };\n\n    update();\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return (): void => ro.disconnect();\n  }, [chipMax, gap, horizontalPadding, reservedPx]);\n\n  return { rootRef, limitTags };\n};\n"],"names":["props","chipMax","gap","horizontalPadding","reservedPx","rootRef","useRef","limitTags","setLimitTags","useState","useLayoutEffect","el","current","update","width","clientWidth","usable","Math","max","perChip","count","floor","ro","ResizeObserver","observe","disconnect"],"mappings":"gEAoBoCA,IAClC,MAAMC,QACJA,EAAU,IAAGC,IACbA,EAAM,EAACC,kBACPA,EAAoB,GAAEC,WACtBA,EAAa,GACXJ,GAAS,CAAA,EAEPK,EAAUC,EAAAA,OAA8B,OACvCC,EAAWC,GAAgBC,EAAAA,SAAiB,GAoBnD,OAlBAC,EAAAA,iBAAgB,KACd,MAAMC,EAAKN,EAAQO,QACnB,IAAKD,EAAI,OAET,MAAME,EAAS,KACb,MAAMC,EAAQH,EAAGI,YACXC,EAASC,KAAKC,IAAI,EAAGJ,EAAQX,EAAoBC,GACjDe,EAAUlB,EAAUC,EACpBkB,EAAQH,KAAKC,IAAI,EAAGD,KAAKI,MAAML,EAASG,IAC9CX,EAAaY,IAGfP,IACA,MAAMS,EAAK,IAAIC,eAAeV,GAE9B,OADAS,EAAGE,QAAQb,GACJ,IAAYW,EAAGG,eACrB,CAACxB,EAASC,EAAKC,EAAmBC,IAE9B,CAAEC,UAASE"}
+{"version":3,"file":"useDynamicLimitTags.cjs.js","sources":["../../../../../src/components/molecules/Autocomplete/hooks/useDynamicLimitTags.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\n\nexport interface UseDynamicLimitTagsProps {\n  chipMax?: number; // px\n  gap?: number; // px, matches theme gap between tags\n  horizontalPadding?: number; // px, inputRoot left+right padding\n  reservedPx?: number; // px, start/end adornments (icons) and search input width you want to reserve\n}\n\nexport interface UseDynamicLimitTagsReturn {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  limitTags: number;\n}\n\n/**\n * Calculates the maximum number of tags that can fit within the available space based on the component's width.\n *\n * @param props - The component props\n * @returns The root ref and the limit tags\n */\nexport const useDynamicLimitTags = (props?: UseDynamicLimitTagsProps): UseDynamicLimitTagsReturn => {\n  const {\n    chipMax = 130,\n    gap = 4,\n    horizontalPadding = 32, // matches padding: theme.spacing(0.5, 2) → 16px each side\n    reservedPx = 0, // tweak if you have more adornments or larger search input\n  } = props ?? {};\n\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [limitTags, setLimitTags] = useState<number>(1);\n\n  useLayoutEffect(() => {\n    const el = rootRef.current;\n    if (!el) return;\n\n    const update = (): void => {\n      const width = el.clientWidth;\n      const usable = Math.max(0, width - horizontalPadding - reservedPx);\n      const perChip = chipMax + gap;\n      const count = Math.max(1, Math.floor(usable / perChip));\n      setLimitTags(count);\n    };\n\n    update();\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return (): void => ro.disconnect();\n  }, [chipMax, gap, horizontalPadding, reservedPx]);\n\n  return { rootRef, limitTags };\n};\n"],"names":["props","chipMax","gap","horizontalPadding","reservedPx","rootRef","useRef","limitTags","setLimitTags","useState","useLayoutEffect","el","current","update","width","clientWidth","usable","Math","max","perChip","count","floor","ro","ResizeObserver","observe","disconnect"],"mappings":"gEAoBoCA,IAClC,MAAMC,QACJA,EAAU,IAAGC,IACbA,EAAM,EAACC,kBACPA,EAAoB,GAAEC,WACtBA,EAAa,GACXJ,GAAS,CAAA,EAEPK,EAAUC,EAAAA,OAA8B,OACvCC,EAAWC,GAAgBC,EAAAA,SAAiB,GAoBnD,OAlBAC,EAAAA,gBAAgB,KACd,MAAMC,EAAKN,EAAQO,QACnB,IAAKD,EAAI,OAET,MAAME,EAAS,KACb,MAAMC,EAAQH,EAAGI,YACXC,EAASC,KAAKC,IAAI,EAAGJ,EAAQX,EAAoBC,GACjDe,EAAUlB,EAAUC,EACpBkB,EAAQH,KAAKC,IAAI,EAAGD,KAAKI,MAAML,EAASG,IAC9CX,EAAaY,IAGfP,IACA,MAAMS,EAAK,IAAIC,eAAeV,GAE9B,OADAS,EAAGE,QAAQb,GACJ,IAAYW,EAAGG,cACrB,CAACxB,EAASC,EAAKC,EAAmBC,IAE9B,CAAEC,UAASE"}

package/dist/components/molecules/Autocomplete/hooks/useDynamicLimitTags.js

@@ -1,2 +1,2 @@
-import{useRef as t,useState as r,useLayoutEffect as e}from"react";const n=n=>{const{chipMax:o=130,gap:c=4,horizontalPadding:s=32,reservedPx:a=0}=n??{},i=t(null),[h,l]=r(1);return e((()=>{const t=i.current;if(!t)return;const r=()=>{const r=t.clientWidth,e=Math.max(0,r-s-a),n=o+c,i=Math.max(1,Math.floor(e/n));l(i)};r();const e=new ResizeObserver(r);return e.observe(t),()=>e.disconnect()}),[o,c,s,a]),{rootRef:i,limitTags:h}};export{n as useDynamicLimitTags};
+import{useRef as t,useState as r,useLayoutEffect as e}from"react";const n=n=>{const{chipMax:o=130,gap:c=4,horizontalPadding:s=32,reservedPx:a=0}=n??{},i=t(null),[h,l]=r(1);return e(()=>{const t=i.current;if(!t)return;const r=()=>{const r=t.clientWidth,e=Math.max(0,r-s-a),n=o+c,i=Math.max(1,Math.floor(e/n));l(i)};r();const e=new ResizeObserver(r);return e.observe(t),()=>e.disconnect()},[o,c,s,a]),{rootRef:i,limitTags:h}};export{n as useDynamicLimitTags};
 //# sourceMappingURL=useDynamicLimitTags.js.map

package/dist/components/molecules/Autocomplete/hooks/useDynamicLimitTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDynamicLimitTags.js","sources":["../../../../../src/components/molecules/Autocomplete/hooks/useDynamicLimitTags.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\n\nexport interface UseDynamicLimitTagsProps {\n  chipMax?: number; // px\n  gap?: number; // px, matches theme gap between tags\n  horizontalPadding?: number; // px, inputRoot left+right padding\n  reservedPx?: number; // px, start/end adornments (icons) and search input width you want to reserve\n}\n\nexport interface UseDynamicLimitTagsReturn {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  limitTags: number;\n}\n\n/**\n * Calculates the maximum number of tags that can fit within the available space based on the component's width.\n *\n * @param props - The component props\n * @returns The root ref and the limit tags\n */\nexport const useDynamicLimitTags = (props?: UseDynamicLimitTagsProps): UseDynamicLimitTagsReturn => {\n  const {\n    chipMax = 130,\n    gap = 4,\n    horizontalPadding = 32, // matches padding: theme.spacing(0.5, 2) → 16px each side\n    reservedPx = 0, // tweak if you have more adornments or larger search input\n  } = props ?? {};\n\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [limitTags, setLimitTags] = useState<number>(1);\n\n  useLayoutEffect(() => {\n    const el = rootRef.current;\n    if (!el) return;\n\n    const update = (): void => {\n      const width = el.clientWidth;\n      const usable = Math.max(0, width - horizontalPadding - reservedPx);\n      const perChip = chipMax + gap;\n      const count = Math.max(1, Math.floor(usable / perChip));\n      setLimitTags(count);\n    };\n\n    update();\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return (): void => ro.disconnect();\n  }, [chipMax, gap, horizontalPadding, reservedPx]);\n\n  return { rootRef, limitTags };\n};\n"],"names":["useDynamicLimitTags","props","chipMax","gap","horizontalPadding","reservedPx","rootRef","useRef","limitTags","setLimitTags","useState","useLayoutEffect","el","current","update","width","clientWidth","usable","Math","max","perChip","count","floor","ro","ResizeObserver","observe","disconnect"],"mappings":"kEAoBO,MAAMA,EAAuBC,IAClC,MAAMC,QACJA,EAAU,IAAGC,IACbA,EAAM,EAACC,kBACPA,EAAoB,GAAEC,WACtBA,EAAa,GACXJ,GAAS,CAAA,EAEPK,EAAUC,EAA8B,OACvCC,EAAWC,GAAgBC,EAAiB,GAoBnD,OAlBAC,GAAgB,KACd,MAAMC,EAAKN,EAAQO,QACnB,IAAKD,EAAI,OAET,MAAME,EAAS,KACb,MAAMC,EAAQH,EAAGI,YACXC,EAASC,KAAKC,IAAI,EAAGJ,EAAQX,EAAoBC,GACjDe,EAAUlB,EAAUC,EACpBkB,EAAQH,KAAKC,IAAI,EAAGD,KAAKI,MAAML,EAASG,IAC9CX,EAAaY,IAGfP,IACA,MAAMS,EAAK,IAAIC,eAAeV,GAE9B,OADAS,EAAGE,QAAQb,GACJ,IAAYW,EAAGG,eACrB,CAACxB,EAASC,EAAKC,EAAmBC,IAE9B,CAAEC,UAASE"}
+{"version":3,"file":"useDynamicLimitTags.js","sources":["../../../../../src/components/molecules/Autocomplete/hooks/useDynamicLimitTags.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\n\nexport interface UseDynamicLimitTagsProps {\n  chipMax?: number; // px\n  gap?: number; // px, matches theme gap between tags\n  horizontalPadding?: number; // px, inputRoot left+right padding\n  reservedPx?: number; // px, start/end adornments (icons) and search input width you want to reserve\n}\n\nexport interface UseDynamicLimitTagsReturn {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  limitTags: number;\n}\n\n/**\n * Calculates the maximum number of tags that can fit within the available space based on the component's width.\n *\n * @param props - The component props\n * @returns The root ref and the limit tags\n */\nexport const useDynamicLimitTags = (props?: UseDynamicLimitTagsProps): UseDynamicLimitTagsReturn => {\n  const {\n    chipMax = 130,\n    gap = 4,\n    horizontalPadding = 32, // matches padding: theme.spacing(0.5, 2) → 16px each side\n    reservedPx = 0, // tweak if you have more adornments or larger search input\n  } = props ?? {};\n\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [limitTags, setLimitTags] = useState<number>(1);\n\n  useLayoutEffect(() => {\n    const el = rootRef.current;\n    if (!el) return;\n\n    const update = (): void => {\n      const width = el.clientWidth;\n      const usable = Math.max(0, width - horizontalPadding - reservedPx);\n      const perChip = chipMax + gap;\n      const count = Math.max(1, Math.floor(usable / perChip));\n      setLimitTags(count);\n    };\n\n    update();\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return (): void => ro.disconnect();\n  }, [chipMax, gap, horizontalPadding, reservedPx]);\n\n  return { rootRef, limitTags };\n};\n"],"names":["useDynamicLimitTags","props","chipMax","gap","horizontalPadding","reservedPx","rootRef","useRef","limitTags","setLimitTags","useState","useLayoutEffect","el","current","update","width","clientWidth","usable","Math","max","perChip","count","floor","ro","ResizeObserver","observe","disconnect"],"mappings":"kEAoBO,MAAMA,EAAuBC,IAClC,MAAMC,QACJA,EAAU,IAAGC,IACbA,EAAM,EAACC,kBACPA,EAAoB,GAAEC,WACtBA,EAAa,GACXJ,GAAS,CAAA,EAEPK,EAAUC,EAA8B,OACvCC,EAAWC,GAAgBC,EAAiB,GAoBnD,OAlBAC,EAAgB,KACd,MAAMC,EAAKN,EAAQO,QACnB,IAAKD,EAAI,OAET,MAAME,EAAS,KACb,MAAMC,EAAQH,EAAGI,YACXC,EAASC,KAAKC,IAAI,EAAGJ,EAAQX,EAAoBC,GACjDe,EAAUlB,EAAUC,EACpBkB,EAAQH,KAAKC,IAAI,EAAGD,KAAKI,MAAML,EAASG,IAC9CX,EAAaY,IAGfP,IACA,MAAMS,EAAK,IAAIC,eAAeV,GAE9B,OADAS,EAAGE,QAAQb,GACJ,IAAYW,EAAGG,cACrB,CAACxB,EAASC,EAAKC,EAAmBC,IAE9B,CAAEC,UAASE"}

package/dist/components/molecules/Autocomplete/hooks/useShortcutHotkey.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useShortcutHotkey=({enabled:t=!1,onTrigger:r})=>{const n="undefined"!=typeof navigator&&/Mac|iPod|iPhone|iPad/.test(navigator.platform),o=n?"⌘ + K":"Ctrl + K";return e.useEffect((()=>{if(!t)return;const e=e=>{const t=e.key?.toLowerCase();(n&&e.metaKey&&"k"===t||!n&&e.ctrlKey&&"k"===t)&&(e.preventDefault(),r?.())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)}),[t,n,r]),{hotkeyText:o}};
+"use strict";var e=require("react");exports.useShortcutHotkey=({enabled:t=!1,onTrigger:r})=>{const n="undefined"!=typeof navigator&&/Mac|iPod|iPhone|iPad/.test(navigator.platform),o=n?"⌘ + K":"Ctrl + K";return e.useEffect(()=>{if(!t)return;const e=e=>{const t=e.key?.toLowerCase();(n&&e.metaKey&&"k"===t||!n&&e.ctrlKey&&"k"===t)&&(e.preventDefault(),r?.())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t,n,r]),{hotkeyText:o}};
 //# sourceMappingURL=useShortcutHotkey.cjs.js.map