@televet/kibble-ui 5.0.14 → 5.0.16-clayton.0

package/dist/chunks/alert-C8dMfO-k.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),x=require("./provider-NDo8kOkE.js"),p=require("./create-slot-recipe-context-CKLwxeng.js"),v=require("./factory-DNQBqlMX.js"),t=require("./icons-Dh3TfiVn.js"),[C,I]=x.createContext({name:"AlertStatusContext",hookName:"useAlertStatusContext",providerName:"<Alert />"}),{withProvider:f,withContext:o,useStyles:c,PropsProvider:R}=p.createSlotRecipeContext({key:"alert"}),m=f("div","root",{forwardAsChild:!0,wrapElement(n,e){return r.jsxRuntimeExports.jsx(C,{value:{status:e.status||"info"},children:n})}}),S=R,h=o("div","title"),P=o("div","description"),j=o("div","content"),y={info:t.InfoIcon,warning:t.WarningIcon,success:t.CheckCircleIcon,error:t.WarningIcon,neutral:t.InfoIcon},q=i.forwardRef(function(e,l){const s=I(),a=c(),u=typeof s.status=="string"?y[s.status]:i.Fragment,{children:d=r.jsxRuntimeExports.jsx(u,{}),...A}=e;return r.jsxRuntimeExports.jsx(v.chakra.span,{ref:l,...A,css:[a.indicator,e.css],children:d})});exports.AlertContent=j;exports.AlertDescription=P;exports.AlertIndicator=q;exports.AlertPropsProvider=S;exports.AlertRoot=m;exports.AlertTitle=h;exports.useAlertStyles=c;
+//# sourceMappingURL=alert-C8dMfO-k.js.map

package/dist/chunks/alert-C8dMfO-k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-C8dMfO-k.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","PropsProvider","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertPropsProvider","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra"],"mappings":"2OASM,CAACA,EAAqBC,CAAqB,EAAIC,gBAAc,CACjE,KAAM,qBACN,SAAU,wBACV,aAAc,WAChB,CAAC,EACK,CACJ,aAAAC,EACA,YAAAC,EACA,UAAWC,EACX,cAAAC,CACF,EAAIC,EAAuB,wBAAC,CAAE,IAAK,OAAS,CAAA,EACtCC,EAAYL,EAChB,MACA,OACA,CACE,eAAgB,GAChB,YAAYM,EAASC,EAAO,CAC1B,OAEkBC,EAAAA,kBAAAA,IAAIX,EAAqB,CAAE,MAAO,CAAE,OAAQU,EAAM,QAAU,MAAM,EAAI,SAAUD,CAAS,CAAA,CAEjH,CACA,CACA,EACMG,EAAqBN,EACrBO,EAAaT,EACjB,MACA,OACF,EACMU,EAAmBV,EAAY,MAAO,aAAa,EACnDW,EAAeX,EACnB,MACA,SACF,EACMY,EAAU,CACd,KAAMC,EAAQ,SACd,QAASC,EAAW,YACpB,QAASC,EAAe,gBACxB,MAAOD,EAAW,YAClB,QAASD,EAAAA,QACX,EACMG,EAAiBC,EAAU,WAC/B,SAAyBX,EAAOY,EAAK,CACnC,MAAMC,EAAMtB,EAAuB,EAC7BuB,EAASnB,EAAgB,EACzBoB,EAAO,OAAOF,EAAI,QAAW,SAAWP,EAAQO,EAAI,MAAM,EAAIG,EAAQ,SACtE,CAAE,SAAAC,EAA2BhB,wBAAIc,EAAM,CAAA,CAAE,EAAG,GAAGG,CAAI,EAAKlB,EAC9D,OAAuBC,EAAG,kBAAA,IAACkB,EAAM,OAAC,KAAM,CAAE,IAAAP,EAAK,GAAGM,EAAM,IAAK,CAACJ,EAAO,UAAWd,EAAM,GAAG,EAAG,SAAAiB,CAAQ,CAAE,CAC1G,CACA","x_google_ignoreList":[0]}

package/dist/chunks/alert-fRWj0Jwt.js

@@ -0,0 +1,55 @@
+import { j as r } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as m, Fragment as p } from "react";
+import { c as A } from "./provider-ClCAdPxy.js";
+import { c as f } from "./create-slot-recipe-context-DyP33_4T.js";
+import { c as x } from "./factory-DVNTqbkx.js";
+import { I as n, W as a, C } from "./icons-086S1tiU.js";
+const [v, h] = A({
+  name: "AlertStatusContext",
+  hookName: "useAlertStatusContext",
+  providerName: "<Alert />"
+}), {
+  withProvider: I,
+  withContext: e,
+  useStyles: S,
+  PropsProvider: w
+} = f({ key: "alert" }), N = I(
+  "div",
+  "root",
+  {
+    forwardAsChild: !0,
+    wrapElement(o, t) {
+      return (
+        // @ts-ignore fix later
+        /* @__PURE__ */ r.jsx(v, { value: { status: t.status || "info" }, children: o })
+      );
+    }
+  }
+), W = w, b = e(
+  "div",
+  "title"
+), D = e("div", "description"), F = e(
+  "div",
+  "content"
+), P = {
+  info: n,
+  warning: a,
+  success: C,
+  error: a,
+  neutral: n
+}, M = m(
+  function(t, c) {
+    const s = h(), i = S(), l = typeof s.status == "string" ? P[s.status] : p, { children: u = /* @__PURE__ */ r.jsx(l, {}), ...d } = t;
+    return /* @__PURE__ */ r.jsx(x.span, { ref: c, ...d, css: [i.indicator, t.css], children: u });
+  }
+);
+export {
+  N as A,
+  M as a,
+  F as b,
+  b as c,
+  D as d,
+  W as e,
+  S as u
+};
+//# sourceMappingURL=alert-fRWj0Jwt.js.map

package/dist/chunks/alert-fRWj0Jwt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-fRWj0Jwt.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","PropsProvider","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertPropsProvider","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra"],"mappings":";;;;;;AASA,MAAM,CAACA,GAAqBC,CAAqB,IAAIC,EAAc;AAAA,EACjE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GACK;AAAA,EACJ,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAWC;AAAA,EACX,eAAAC;AACF,IAAIC,EAAwB,EAAE,KAAK,QAAS,CAAA,GACtCC,IAAYL;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,IACE,gBAAgB;AAAA,IAChB,YAAYM,GAASC,GAAO;AAC1B;AAAA;AAAA,QAEkBC,gBAAAA,EAAAA,IAAIX,GAAqB,EAAE,OAAO,EAAE,QAAQU,EAAM,UAAU,OAAM,GAAI,UAAUD,EAAS,CAAA;AAAA;AAAA,IAEjH;AAAA,EACA;AACA,GACMG,IAAqBN,GACrBO,IAAaT;AAAA,EACjB;AAAA,EACA;AACF,GACMU,IAAmBV,EAAY,OAAO,aAAa,GACnDW,IAAeX;AAAA,EACnB;AAAA,EACA;AACF,GACMY,IAAU;AAAA,EACd,MAAMC;AAAA,EACN,SAASC;AAAA,EACT,SAASC;AAAA,EACT,OAAOD;AAAA,EACP,SAASD;AACX,GACMG,IAAiBC;AAAA,EACrB,SAAyBX,GAAOY,GAAK;AACnC,UAAMC,IAAMtB,EAAuB,GAC7BuB,IAASnB,EAAgB,GACzBoB,IAAO,OAAOF,EAAI,UAAW,WAAWP,EAAQO,EAAI,MAAM,IAAIG,GAC9D,EAAE,UAAAC,IAA2BhB,gBAAAA,MAAIc,GAAM,CAAA,CAAE,GAAG,GAAGG,EAAI,IAAKlB;AAC9D,WAAuBC,gBAAAA,EAAG,IAACkB,EAAO,MAAM,EAAE,KAAAP,GAAK,GAAGM,GAAM,KAAK,CAACJ,EAAO,WAAWd,EAAM,GAAG,GAAG,UAAAiB,EAAQ,CAAE;AAAA,EAC1G;AACA;","x_google_ignoreList":[0]}

package/dist/chunks/alert.types-BwyU_f2V.js

@@ -0,0 +1,101 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import R from "react";
+import { W as _ } from "./heading.component-DVEUpBja.js";
+import { I as N } from "./icon.component-D05W0g1I.js";
+import { W as u } from "./text.component-BKnuSgYQ.js";
+import { B as f } from "./button.component-BMECMbka.js";
+import { F as p } from "./flex-BS-lsfSs.js";
+import { StatusIconMap as y, StatusTypographyMap as B } from "../esm/shared/records/index.js";
+import { A as v, a as W, b as z, c as $, d as b } from "./alert-fRWj0Jwt.js";
+const d = ({
+  buttonPosition: t = "topRight",
+  buttonText: a,
+  status: n,
+  ["data-testid"]: o = "kibble-alert-button",
+  ...l
+}) => /* @__PURE__ */ e.jsx(
+  p,
+  {
+    className: "Alert__Button",
+    "data-testid": o,
+    ...t !== "topRight" && { pt: 2, pb: 1 },
+    ...t === "bottomRight" && { justifyContent: "flex-end" },
+    children: /* @__PURE__ */ e.jsx(f, { size: "xs", variant: n === "default" ? "primary" : "secondary", w: "max-content", ...l, children: a })
+  }
+), L = ({
+  buttonProps: t,
+  description: a,
+  descriptionProps: n,
+  hideCloseButton: o = !1,
+  hideIcon: l = !1,
+  iconProps: x,
+  onClose: g,
+  onContrast: i = !1,
+  status: s = "success",
+  title: c,
+  titleProps: j,
+  ["data-testid"]: r = "kibble-alert",
+  ...A
+}) => {
+  t && !t.buttonPosition && (t.buttonPosition = "topRight");
+  const m = t && t.buttonPosition === "topRight", h = m ? p : R.Fragment;
+  return /* @__PURE__ */ e.jsxs(
+    v,
+    {
+      className: "Alert",
+      "data-testid": r,
+      ...A,
+      variant: s,
+      hideIcon: l,
+      onContrast: i,
+      children: [
+        !l && /* @__PURE__ */ e.jsx(W, { className: "Alert__Icon", "data-testid": `${r}-icon`, children: /* @__PURE__ */ e.jsx(
+          N,
+          {
+            variant: i ? "onContrast" : B[s],
+            name: x?.name || y[s],
+            size: "lg",
+            ...x
+          }
+        ) }),
+        /* @__PURE__ */ e.jsxs(z, { className: "Alert__Content", "data-testid": `${r}-content`, children: [
+          c && /* @__PURE__ */ e.jsxs(
+            h,
+            {
+              ...m && {
+                justifyContent: "space-between",
+                gap: 2
+              },
+              children: [
+                /* @__PURE__ */ e.jsx($, { className: "Alert__Title", "data-testid": `${r}-title`, children: /* @__PURE__ */ e.jsx(_, { size: "sm", variant: i ? "onContrast" : "default", ...j, children: c }) }),
+                t && t.buttonPosition === "topRight" && /* @__PURE__ */ e.jsx(d, { status: s, onContrast: i, ...t })
+              ]
+            }
+          ),
+          a && /* @__PURE__ */ e.jsxs(h, { ...m && { justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e.jsx(b, { className: "Alert__Description", "data-testid": `${r}-description`, children: typeof a == "string" ? /* @__PURE__ */ e.jsx(u, { size: "md", variant: i ? "onContrast" : "default", ...n, children: a }) : a }),
+            t && t.buttonPosition === "topRight" && !c && /* @__PURE__ */ e.jsx(d, { status: s, onContrast: i, ...t })
+          ] }),
+          t && t?.buttonPosition !== "topRight" && /* @__PURE__ */ e.jsx(d, { status: s, onContrast: i, ...t })
+        ] }),
+        !o && /* @__PURE__ */ e.jsx(
+          f,
+          {
+            className: "Alert__CloseTrigger",
+            "data-testid": `${r}-close-trigger`,
+            iconName: "close",
+            size: "xs",
+            variant: "ghostNeutral",
+            onContrast: i,
+            onClick: g
+          }
+        )
+      ]
+    }
+  );
+}, T = ["topRight", "bottomLeft", "bottomRight"];
+export {
+  L as A,
+  T as a
+};
+//# sourceMappingURL=alert.types-BwyU_f2V.js.map

package/dist/chunks/alert.types-BwyU_f2V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-BwyU_f2V.js","sources":["../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertButton","buttonPosition","buttonText","status","dataTestId","rest","jsx","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","Icon","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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"}

package/dist/chunks/alert.types-DjbBhljT.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),E=require("react"),A=require("./heading.component-CNdmzPK2.js"),q=require("./icon.component-Q2wC7As0.js"),N=require("./text.component-C9Dz8nnR.js"),R=require("./button.component-DJiT9ePo.js"),h=require("./flex-CFkkNVfH.js"),p=require("../cjs/shared/records/index.cjs"),o=require("./alert-C8dMfO-k.js"),y=t=>t&&t.__esModule?t:{default:t},B=y(E),m=({buttonPosition:t="topRight",buttonText:s,status:l,["data-testid"]:x="kibble-alert-button",...a})=>e.jsxRuntimeExports.jsx(h.Flex,{className:"Alert__Button","data-testid":x,...t!=="topRight"&&{pt:2,pb:1},...t==="bottomRight"&&{justifyContent:"flex-end"},children:e.jsxRuntimeExports.jsx(R.Button,{size:"xs",variant:l==="default"?"primary":"secondary",w:"max-content",...a,children:s})}),v=({buttonProps:t,description:s,descriptionProps:l,hideCloseButton:x=!1,hideIcon:a=!1,iconProps:j,onClose:g,onContrast:i=!1,status:n="success",title:c,titleProps:_,["data-testid"]:r="kibble-alert",...f})=>{t&&!t.buttonPosition&&(t.buttonPosition="topRight");const u=t&&t.buttonPosition==="topRight",d=u?h.Flex:B.default.Fragment;return e.jsxRuntimeExports.jsxs(o.AlertRoot,{className:"Alert","data-testid":r,...f,variant:n,hideIcon:a,onContrast:i,children:[!a&&e.jsxRuntimeExports.jsx(o.AlertIndicator,{className:"Alert__Icon","data-testid":`${r}-icon`,children:e.jsxRuntimeExports.jsx(q.Icon,{variant:i?"onContrast":p.StatusTypographyMap[n],name:j?.name||p.StatusIconMap[n],size:"lg",...j})}),e.jsxRuntimeExports.jsxs(o.AlertContent,{className:"Alert__Content","data-testid":`${r}-content`,children:[c&&e.jsxRuntimeExports.jsxs(d,{...u&&{justifyContent:"space-between",gap:2},children:[e.jsxRuntimeExports.jsx(o.AlertTitle,{className:"Alert__Title","data-testid":`${r}-title`,children:e.jsxRuntimeExports.jsx(A.WrappedHeading,{size:"sm",variant:i?"onContrast":"default",..._,children:c})}),t&&t.buttonPosition==="topRight"&&e.jsxRuntimeExports.jsx(m,{status:n,onContrast:i,...t})]}),s&&e.jsxRuntimeExports.jsxs(d,{...u&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(o.AlertDescription,{className:"Alert__Description","data-testid":`${r}-description`,children:typeof s=="string"?e.jsxRuntimeExports.jsx(N.WrappedText,{size:"md",variant:i?"onContrast":"default",...l,children:s}):s}),t&&t.buttonPosition==="topRight"&&!c&&e.jsxRuntimeExports.jsx(m,{status:n,onContrast:i,...t})]}),t&&t?.buttonPosition!=="topRight"&&e.jsxRuntimeExports.jsx(m,{status:n,onContrast:i,...t})]}),!x&&e.jsxRuntimeExports.jsx(R.Button,{className:"Alert__CloseTrigger","data-testid":`${r}-close-trigger`,iconName:"close",size:"xs",variant:"ghostNeutral",onContrast:i,onClick:g})]})},z=["topRight","bottomLeft","bottomRight"];exports.Alert=v;exports.alertButtonPositions=z;
+//# sourceMappingURL=alert.types-DjbBhljT.js.map

package/dist/chunks/alert.types-DjbBhljT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-DjbBhljT.js","sources":["../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertButton","buttonPosition","buttonText","status","dataTestId","rest","jsx","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","Icon","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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"}