@televet/kibble-ui 4.0.0-beta.58 → 4.0.0-beta.59

package/dist/chunks/alert.types-C-tcDvZb.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),_=require("./heading.component-CwIseBhq.js"),E=require("./icon.component-C0e0UGBw.js"),b=require("./text.component-CfoAQOZD.js"),f=require("./button.component-Dd9AfGox.js"),v=require("./box-Baq7UBls.js"),h=require("../cjs/shared/records/index.cjs"),q=require("./flex-D14H6HbP.js"),y=require("./provider-NDo8kOkE.js"),k=require("./create-slot-recipe-context-IwVIgtBt.js"),C=require("./factory-D6tdBUPG.js"),a=require("./icons-CTpAjbC-.js"),I=t=>t&&t.__esModule?t:{default:t},N=I(p),[S,w]=y.createContext({name:"AlertStatusContext",hookName:"useAlertStatusContext",providerName:"<Alert />"}),{withProvider:B,withContext:j,useStyles:T}=k.createSlotRecipeContext({key:"alert"}),W=B("div","root",{forwardAsChild:!0,wrapElement(t,s){return e.jsxRuntimeExports.jsx(S,{value:{status:s.status||"info"},children:t})}}),z=j("div","title"),M=j("div","description"),D=j("div","content"),F={info:a.InfoIcon,warning:a.WarningIcon,success:a.CheckCircleIcon,error:a.WarningIcon,neutral:a.InfoIcon},L=p.forwardRef(function(s,o){const i=w(),c=T(),l=typeof i.status=="string"?F[i.status]:p.Fragment,{children:x=e.jsxRuntimeExports.jsx(l,{}),...n}=s;return e.jsxRuntimeExports.jsx(C.chakra.span,{ref:o,...n,css:[c.indicator,s.css],children:x})}),m=({buttonPosition:t="topRight",buttonText:s,status:o,...i})=>e.jsxRuntimeExports.jsx(v.Box,{className:"Alert__Button","data-testid":"kibble-alert-button",...t==="bottomLeft"&&{pt:2,pb:1},children:e.jsxRuntimeExports.jsx(f.Button,{size:"xs",variant:o==="default"?"primary":"secondary",w:"max-content",...i,children:s})}),H=({buttonProps:t,description:s,descriptionProps:o,hideCloseButton:i=!1,hideIcon:c=!1,iconProps:l,onClose:x,onContrast:n=!1,status:r="success",title:u,titleProps:g,...A})=>{t&&!t.buttonPosition&&(t.buttonPosition="topRight");const d=t&&t.buttonPosition==="topRight",R=d?q.Flex:N.default.Fragment;return e.jsxRuntimeExports.jsxs(W,{className:"Alert","data-testid":"kibble-alert",...A,variant:r,hideIcon:c,onContrast:n,children:[!c&&e.jsxRuntimeExports.jsx(L,{className:"Alert__Icon","data-testid":"kibble-alert-icon",children:e.jsxRuntimeExports.jsx(E.Icon,{variant:n?"onContrast":h.StatusTypographyMap[r],name:l?.name||h.StatusIconMap[r],size:"lg",...l})}),e.jsxRuntimeExports.jsxs(D,{className:"Alert__Content","data-testid":"kibble-alert-content",children:[u&&e.jsxRuntimeExports.jsxs(R,{...d&&{justifyContent:"space-between",gap:2},children:[e.jsxRuntimeExports.jsx(z,{className:"Alert__Title","data-testid":"kibble-alert-title",children:e.jsxRuntimeExports.jsx(_.WrappedHeading,{size:"sm",variant:n?"onContrast":"default",...g,children:u})}),t&&t.buttonPosition==="topRight"&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),s&&e.jsxRuntimeExports.jsxs(R,{...d&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(M,{className:"Alert__Description","data-testid":"kibble-alert-description",children:typeof s=="string"?e.jsxRuntimeExports.jsx(b.WrappedText,{size:"md",variant:n?"onContrast":"default",...o,children:s}):s}),t&&t.buttonPosition==="topRight"&&!u&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),t?.buttonPosition==="bottomLeft"&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),!i&&e.jsxRuntimeExports.jsx(f.Button,{className:"Alert__CloseTrigger","data-testid":"kibble-alert-close-trigger",iconName:"close",size:"xs",variant:"ghostNeutral",onContrast:n,onClick:x})]})},G=["topRight","bottomLeft"];exports.Alert=H;exports.alertButtonPositions=G;
+//# sourceMappingURL=alert.types-C-tcDvZb.js.map

package/dist/chunks/alert.types-C-tcDvZb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-C-tcDvZb.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"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","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 { Box } from \"@chakra-ui/react/box\";\n\nexport interface AlertButtonProps extends Omit<ButtonProps, \"children\"> {\n  buttonPosition?: AlertButtonPosition;\n  buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = \"topRight\",\n  buttonText,\n  status,\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Alert__Button\"\n      data-testid=\"kibble-alert-button\"\n      {...(buttonPosition === \"bottomLeft\" && { pt: 2, pb: 1 })}\n    >\n      <Button\n        size=\"xs\"\n        variant={status === \"default\" ? \"primary\" : \"secondary\"}\n        w=\"max-content\"\n        {...rest}\n      >\n        {buttonText}\n      </Button>\n    </Box>\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 {\n  AlertButton,\n  AlertButtonProps,\n} from \"./components/AlertButton/alertButton.component\";\nimport { StatusIconMap, StatusTypographyMap } from \"shared/records/status\";\n\nexport interface AlertProps\n  extends Omit<\n    CAlert.RootProps,\n    \"title\" | \"status\" | \"children\" | \"variant\" | \"size\"\n  > {\n  buttonProps?: AlertButtonProps;\n  description?: React.ReactNode;\n  descriptionProps?: TextProps;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  onContrast?: boolean;\n  status?: Status;\n  title?: React.ReactNode;\n  titleProps?: HeadingProps;\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  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = \"topRight\";\n  }\n  const isTopRightButton =\n    buttonProps && buttonProps.buttonPosition === \"topRight\";\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid=\"kibble-alert\"\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator\n          className=\"Alert__Icon\"\n          data-testid=\"kibble-alert-icon\"\n        >\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\n        className=\"Alert__Content\"\n        data-testid=\"kibble-alert-content\"\n      >\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: \"space-between\",\n              gap: 2,\n            })}\n          >\n            <CAlert.Title\n              className=\"Alert__Title\"\n              data-testid=\"kibble-alert-title\"\n            >\n              <Heading\n                size=\"sm\"\n                variant={onContrast ? \"onContrast\" : \"default\"}\n                {...titleProps}\n              >\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === \"topRight\" && (\n              <AlertButton\n                status={status}\n                onContrast={onContrast}\n                {...buttonProps}\n              />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper\n            {...(isTopRightButton && { justifyContent: \"space-between\" })}\n          >\n            <CAlert.Description\n              className=\"Alert__Description\"\n              data-testid=\"kibble-alert-description\"\n            >\n              {typeof description === \"string\" ? (\n                <Text\n                  size=\"md\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                  {...descriptionProps}\n                >\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps &&\n              buttonProps.buttonPosition === \"topRight\" &&\n              !title && (\n                <AlertButton\n                  status={status}\n                  onContrast={onContrast}\n                  {...buttonProps}\n                />\n              )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === \"bottomLeft\" && (\n          <AlertButton\n            status={status}\n            onContrast={onContrast}\n            {...buttonProps}\n          />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid=\"kibble-alert-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\"] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{alert.component-ibWiyGfP.js → alert.types-D7ya3hgF.js}

@@ -1,138 +1,127 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import v, { forwardRef as w, Fragment as k } from "react";
-import { W as b } from "./heading.component-DzTeEnHA.js";
-import { I as C } from "./icon.component-DGNCL1Yc.js";
-import { W as I } from "./text.component-BkYord5h.js";
-import { B as g } from "./button.component-BpF3MzbZ.js";
-import { B as _ } from "./box-Ck9I7FYv.js";
-import { F as R } from "./flex-smlF8uQG.js";
-import { c as S } from "./provider-ClCAdPxy.js";
-import { c as y } from "./create-slot-recipe-context-BJmsuxih.js";
-import { c as N } from "./factory-Ctbv0Ozn.js";
-import { I as h, W as p, a as B } from "./icons-BXxdrBrf.js";
-const [W, z] = S({
+import b, { forwardRef as v, Fragment as _ } from "react";
+import { W as k } from "./heading.component-BPvYeKHj.js";
+import { I as y } from "./icon.component-DGNCL1Yc.js";
+import { W as R } from "./text.component-DqGLCykU.js";
+import { B as j } from "./button.component-BpF3MzbZ.js";
+import { B as C } from "./box-Ck9I7FYv.js";
+import { StatusIconMap as I, StatusTypographyMap as N } from "../esm/shared/records/index.js";
+import { F as w } from "./flex-smlF8uQG.js";
+import { c as B } from "./provider-ClCAdPxy.js";
+import { c as S } from "./create-slot-recipe-context-BJmsuxih.js";
+import { c as W } from "./factory-Ctbv0Ozn.js";
+import { I as h, W as u, a as T } from "./icons-BXxdrBrf.js";
+const [z, F] = B({
   name: "AlertStatusContext",
   hookName: "useAlertStatusContext",
   providerName: "<Alert />"
 }), {
-  withProvider: T,
+  withProvider: L,
   withContext: x,
-  useStyles: F
-} = y({ key: "alert" }), D = T(
+  useStyles: M
+} = S({ key: "alert" }), D = L(
   "div",
   "root",
   {
     forwardAsChild: !0,
-    wrapElement(e, r) {
+    wrapElement(e, s) {
       return (
         // @ts-ignore fix later
-        /* @__PURE__ */ t.jsx(W, { value: { status: r.status || "info" }, children: e })
+        /* @__PURE__ */ t.jsx(z, { value: { status: s.status || "info" }, children: e })
       );
     }
   }
 ), E = x(
   "div",
   "title"
-), L = x("div", "description"), H = x(
+), H = x("div", "description"), q = x(
   "div",
   "content"
-), M = {
+), G = {
   info: h,
-  warning: p,
-  success: B,
-  error: p,
+  warning: u,
+  success: T,
+  error: u,
   neutral: h
-}, V = w(
-  function(r, a) {
-    const s = z(), o = F(), c = typeof s.status == "string" ? M[s.status] : k, { children: l = /* @__PURE__ */ t.jsx(c, {}), ...i } = r;
-    return /* @__PURE__ */ t.jsx(N.span, { ref: a, ...i, css: [o.indicator, r.css], children: l });
+}, J = v(
+  function(s, o) {
+    const i = F(), n = M(), l = typeof i.status == "string" ? G[i.status] : _, { children: c = /* @__PURE__ */ t.jsx(l, {}), ...a } = s;
+    return /* @__PURE__ */ t.jsx(W.span, { ref: o, ...a, css: [n.indicator, s.css], children: c });
   }
-), q = {
-  error: "warningSign",
-  warning: "warningSign",
-  success: "checkmark",
-  info: "infoCircle",
-  default: "infoCircle"
-}, G = {
-  default: "default",
-  error: "danger",
-  info: "info",
-  success: "success",
-  warning: "warning"
-}, f = ({
+), f = ({
   buttonPosition: e = "topRight",
-  buttonText: r,
-  status: a,
-  ...s
+  buttonText: s,
+  status: o,
+  ...i
 }) => /* @__PURE__ */ t.jsx(
-  _,
+  C,
   {
     className: "Alert__Button",
     "data-testid": "kibble-alert-button",
     ...e === "bottomLeft" && { pt: 2, pb: 1 },
     children: /* @__PURE__ */ t.jsx(
-      g,
+      j,
       {
         size: "xs",
-        variant: a === "default" ? "primary" : "secondary",
+        variant: o === "default" ? "primary" : "secondary",
         w: "max-content",
-        ...s,
-        children: r
+        ...i,
+        children: s
       }
     )
   }
-), rt = ({
+), at = ({
   buttonProps: e,
-  description: r,
-  descriptionProps: a,
-  hideCloseButton: s = !1,
-  hideIcon: o = !1,
-  iconProps: c,
-  onClose: l,
-  onContrast: i = !1,
-  status: n = "success",
-  title: d,
+  description: s,
+  descriptionProps: o,
+  hideCloseButton: i = !1,
+  hideIcon: n = !1,
+  iconProps: l,
+  onClose: c,
+  onContrast: a = !1,
+  status: r = "success",
+  title: m,
   titleProps: A,
-  ...j
+  ...g
 }) => {
   e && !e.buttonPosition && (e.buttonPosition = "topRight");
-  const m = e && e.buttonPosition === "topRight", u = m ? R : v.Fragment;
+  const d = e && e.buttonPosition === "topRight", p = d ? w : b.Fragment;
   return /* @__PURE__ */ t.jsxs(
     D,
     {
       className: "Alert",
       "data-testid": "kibble-alert",
-      ...j,
-      variant: n,
-      hideIcon: o,
-      onContrast: i,
+      ...g,
+      variant: r,
+      hideIcon: n,
+      onContrast: a,
       children: [
-        !o && /* @__PURE__ */ t.jsx(
-          V,
+        !n && /* @__PURE__ */ t.jsx(
+          J,
           {
             className: "Alert__Icon",
             "data-testid": "kibble-alert-icon",
             children: /* @__PURE__ */ t.jsx(
-              C,
+              y,
               {
-                variant: i ? "onContrast" : G[n],
-                name: c?.name || q[n],
+                variant: a ? "onContrast" : N[r],
+                name: l?.name || I[r],
                 size: "lg",
-                ...c
+                ...l
               }
             )
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          H,
+          q,
           {
             className: "Alert__Content",
             "data-testid": "kibble-alert-content",
             children: [
-              d && /* @__PURE__ */ t.jsxs(
-                u,
+              m && /* @__PURE__ */ t.jsxs(
+                p,
                 {
-                  ...m && {
+                  ...d && {
                     justifyContent: "space-between",
                     gap: 2
                   },
@@ -143,12 +132,12 @@ const [W, z] = S({
                         className: "Alert__Title",
                         "data-testid": "kibble-alert-title",
                         children: /* @__PURE__ */ t.jsx(
-                          b,
+                          k,
                           {
                             size: "sm",
-                            variant: i ? "onContrast" : "default",
+                            variant: a ? "onContrast" : "default",
                             ...A,
-                            children: d
+                            children: m
                           }
                         )
                       }
@@ -156,40 +145,40 @@ const [W, z] = S({
                     e && e.buttonPosition === "topRight" && /* @__PURE__ */ t.jsx(
                       f,
                       {
-                        status: n,
-                        onContrast: i,
+                        status: r,
+                        onContrast: a,
                         ...e
                       }
                     )
                   ]
                 }
               ),
-              r && /* @__PURE__ */ t.jsxs(
-                u,
+              s && /* @__PURE__ */ t.jsxs(
+                p,
                 {
-                  ...m && { justifyContent: "space-between" },
+                  ...d && { justifyContent: "space-between" },
                   children: [
                     /* @__PURE__ */ t.jsx(
-                      L,
+                      H,
                       {
                         className: "Alert__Description",
                         "data-testid": "kibble-alert-description",
-                        children: typeof r == "string" ? /* @__PURE__ */ t.jsx(
-                          I,
+                        children: typeof s == "string" ? /* @__PURE__ */ t.jsx(
+                          R,
                           {
                             size: "md",
-                            variant: i ? "onContrast" : "default",
-                            ...a,
-                            children: r
+                            variant: a ? "onContrast" : "default",
+                            ...o,
+                            children: s
                           }
-                        ) : r
+                        ) : s
                       }
                     ),
-                    e && e.buttonPosition === "topRight" && !d && /* @__PURE__ */ t.jsx(
+                    e && e.buttonPosition === "topRight" && !m && /* @__PURE__ */ t.jsx(
                       f,
                       {
-                        status: n,
-                        onContrast: i,
+                        status: r,
+                        onContrast: a,
                         ...e
                       }
                     )
@@ -199,29 +188,32 @@ const [W, z] = S({
               e?.buttonPosition === "bottomLeft" && /* @__PURE__ */ t.jsx(
                 f,
                 {
-                  status: n,
-                  onContrast: i,
+                  status: r,
+                  onContrast: a,
                   ...e
                 }
               )
             ]
           }
         ),
-        !s && /* @__PURE__ */ t.jsx(
-          g,
+        !i && /* @__PURE__ */ t.jsx(
+          j,
           {
+            className: "Alert__CloseTrigger",
+            "data-testid": "kibble-alert-close-trigger",
             iconName: "close",
             size: "xs",
             variant: "ghostNeutral",
-            onContrast: i,
-            onClick: l
+            onContrast: a,
+            onClick: c
           }
         )
       ]
     }
   );
-};
+}, it = ["topRight", "bottomLeft"];
 export {
-  rt as A
+  at as A,
+  it as a
 };
-//# sourceMappingURL=alert.component-ibWiyGfP.js.map
+//# sourceMappingURL=alert.types-D7ya3hgF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-D7ya3hgF.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"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","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 { Box } from \"@chakra-ui/react/box\";\n\nexport interface AlertButtonProps extends Omit<ButtonProps, \"children\"> {\n  buttonPosition?: AlertButtonPosition;\n  buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = \"topRight\",\n  buttonText,\n  status,\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Alert__Button\"\n      data-testid=\"kibble-alert-button\"\n      {...(buttonPosition === \"bottomLeft\" && { pt: 2, pb: 1 })}\n    >\n      <Button\n        size=\"xs\"\n        variant={status === \"default\" ? \"primary\" : \"secondary\"}\n        w=\"max-content\"\n        {...rest}\n      >\n        {buttonText}\n      </Button>\n    </Box>\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 {\n  AlertButton,\n  AlertButtonProps,\n} from \"./components/AlertButton/alertButton.component\";\nimport { StatusIconMap, StatusTypographyMap } from \"shared/records/status\";\n\nexport interface AlertProps\n  extends Omit<\n    CAlert.RootProps,\n    \"title\" | \"status\" | \"children\" | \"variant\" | \"size\"\n  > {\n  buttonProps?: AlertButtonProps;\n  description?: React.ReactNode;\n  descriptionProps?: TextProps;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  onContrast?: boolean;\n  status?: Status;\n  title?: React.ReactNode;\n  titleProps?: HeadingProps;\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  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = \"topRight\";\n  }\n  const isTopRightButton =\n    buttonProps && buttonProps.buttonPosition === \"topRight\";\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid=\"kibble-alert\"\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator\n          className=\"Alert__Icon\"\n          data-testid=\"kibble-alert-icon\"\n        >\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\n        className=\"Alert__Content\"\n        data-testid=\"kibble-alert-content\"\n      >\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: \"space-between\",\n              gap: 2,\n            })}\n          >\n            <CAlert.Title\n              className=\"Alert__Title\"\n              data-testid=\"kibble-alert-title\"\n            >\n              <Heading\n                size=\"sm\"\n                variant={onContrast ? \"onContrast\" : \"default\"}\n                {...titleProps}\n              >\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === \"topRight\" && (\n              <AlertButton\n                status={status}\n                onContrast={onContrast}\n                {...buttonProps}\n              />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper\n            {...(isTopRightButton && { justifyContent: \"space-between\" })}\n          >\n            <CAlert.Description\n              className=\"Alert__Description\"\n              data-testid=\"kibble-alert-description\"\n            >\n              {typeof description === \"string\" ? (\n                <Text\n                  size=\"md\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                  {...descriptionProps}\n                >\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps &&\n              buttonProps.buttonPosition === \"topRight\" &&\n              !title && (\n                <AlertButton\n                  status={status}\n                  onContrast={onContrast}\n                  {...buttonProps}\n                />\n              )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === \"bottomLeft\" && (\n          <AlertButton\n            status={status}\n            onContrast={onContrast}\n            {...buttonProps}\n          />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid=\"kibble-alert-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\"] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"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;AAEb,IAAIC,EAAwB,EAAE,KAAK,QAAO,CAAE,GACtCC,IAAYJ;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,IACE,gBAAgB;AAAA,IAChB,YAAYK,GAASC,GAAO;AAC1B;AAAA;AAAA,QAEkBC,gBAAAA,EAAAA,IAAIV,GAAqB,EAAE,OAAO,EAAE,QAAQS,EAAM,UAAU,OAAM,GAAI,UAAUD,EAAS,CAAA;AAAA;AAAA,IAEjH;AAAA,EACA;AACA,GAEMG,IAAaP;AAAA,EACjB;AAAA,EACA;AACF,GACMQ,IAAmBR,EAAY,OAAO,aAAa,GACnDS,IAAeT;AAAA,EACnB;AAAA,EACA;AACF,GACMU,IAAU;AAAA,EACd,MAAMC;AAAA,EACN,SAASC;AAAA,EACT,SAASC;AAAA,EACT,OAAOD;AAAA,EACP,SAASD;AACX,GACMG,IAAiBC;AAAA,EACrB,SAAyBV,GAAOW,GAAK;AACnC,UAAMC,IAAMpB,EAAuB,GAC7BqB,IAASjB,EAAgB,GACzBkB,IAAO,OAAOF,EAAI,UAAW,WAAWP,EAAQO,EAAI,MAAM,IAAIG,GAC9D,EAAE,UAAAC,IAA2Bf,gBAAAA,MAAIa,GAAM,CAAA,CAAE,GAAG,GAAGG,EAAI,IAAKjB;AAC9D,WAAuBC,gBAAAA,EAAG,IAACiB,EAAO,MAAM,EAAE,KAAAP,GAAK,GAAGM,GAAM,KAAK,CAACJ,EAAO,WAAWb,EAAM,GAAG,GAAG,UAAAgB,EAAQ,CAAE;AAAA,EAC1G;AACA,GC3CaG,IAAc,CAAC;AAAA,EAC1B,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGL;AACL,MAEIhB,gBAAAA,EAAA;AAAA,EAACsB;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACX,GAAIH,MAAmB,gBAAgB,EAAE,IAAI,GAAG,IAAI,EAAE;AAAA,IAEvD,UAAAnB,gBAAAA,EAAA;AAAA,MAACuB;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASF,MAAW,YAAY,YAAY;AAAA,QAC5C,GAAE;AAAA,QACD,GAAGL;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF,GCHSI,KAAQ,CAAC;AAAA,EACpB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAX,IAAS;AAAA,EACT,OAAAY;AAAA,EACA,YAAAC;AAAA,EACA,GAAGlB;AACL,MAAqC;AAC/B,EAAAS,KAAe,CAACA,EAAY,mBAC9BA,EAAY,iBAAiB;AAEzB,QAAAU,IACJV,KAAeA,EAAY,mBAAmB,YAC1CW,IAAoBD,IAAmBE,IAAOC,EAAM;AAGxD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAGxB;AAAA,MACJ,SAASK;AAAA,MACT,UAAAQ;AAAA,MACA,YAAAG;AAAA,MAEC,UAAA;AAAA,QAAA,CAACH,KACA7B,gBAAAA,EAAA;AAAA,UAACyC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAAzC,gBAAAA,EAAA;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,SAASmB,IAAa,eAAeU,EAAoBrB,CAAM;AAAA,gBAC/D,MAAMS,GAAW,QAAQa,EAActB,CAAM;AAAA,gBAC7C,MAAK;AAAA,gBACJ,GAAGS;AAAA,cAAA;AAAA,YAAA;AAAA,UACN;AAAA,QACF;AAAA,QAEFS,gBAAAA,EAAA;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEX,UAAA;AAAA,cACCX,KAAAM,gBAAAA,EAAA;AAAA,gBAACH;AAAA,gBAAA;AAAA,kBACE,GAAID,KAAoB;AAAA,oBACvB,gBAAgB;AAAA,oBAChB,KAAK;AAAA,kBACP;AAAA,kBAEA,UAAA;AAAA,oBAAAnC,gBAAAA,EAAA;AAAA,sBAAC6C;AAAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,eAAY;AAAA,wBAEZ,UAAA7C,gBAAAA,EAAA;AAAA,0BAAC8C;AAAAA,0BAAA;AAAA,4BACC,MAAK;AAAA,4BACL,SAASd,IAAa,eAAe;AAAA,4BACpC,GAAGE;AAAA,4BAEH,UAAAD;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACH;AAAA,oBACF;AAAA,oBACCR,KAAeA,EAAY,mBAAmB,cAC7CzB,gBAAAA,EAAA;AAAA,sBAACkB;AAAA,sBAAA;AAAA,wBACC,QAAAG;AAAA,wBACA,YAAAW;AAAA,wBACC,GAAGP;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACN;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEDC,KACCa,gBAAAA,EAAA;AAAA,gBAACH;AAAA,gBAAA;AAAA,kBACE,GAAID,KAAoB,EAAE,gBAAgB,gBAAgB;AAAA,kBAE3D,UAAA;AAAA,oBAAAnC,gBAAAA,EAAA;AAAA,sBAAC+C;AAAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,eAAY;AAAA,wBAEX,UAAA,OAAOrB,KAAgB,WACtB1B,gBAAAA,EAAA;AAAA,0BAACgD;AAAAA,0BAAA;AAAA,4BACC,MAAK;AAAA,4BACL,SAAShB,IAAa,eAAe;AAAA,4BACpC,GAAGL;AAAA,4BAEH,UAAAD;AAAA,0BAAA;AAAA,wBAAA,IAGHA;AAAA,sBAAA;AAAA,oBAEJ;AAAA,oBACCD,KACCA,EAAY,mBAAmB,cAC/B,CAACQ,KACCjC,gBAAAA,EAAA;AAAA,sBAACkB;AAAA,sBAAA;AAAA,wBACC,QAAAG;AAAA,wBACA,YAAAW;AAAA,wBACC,GAAGP;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACN;AAAA,gBAAA;AAAA,cAEN;AAAA,cAEDA,GAAa,mBAAmB,gBAC/BzB,gBAAAA,EAAA;AAAA,gBAACkB;AAAA,gBAAA;AAAA,kBACC,QAAAG;AAAA,kBACA,YAAAW;AAAA,kBACC,GAAGP;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAAA;AAAA,QAEJ;AAAA,QACC,CAACG,KACA5B,gBAAAA,EAAA;AAAA,UAACuB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,UAAS;AAAA,YACT,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,YAAAS;AAAA,YACA,SAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAEJ;AAEJ,GC/JakB,KAAuB,CAAC,YAAY,YAAY;","x_google_ignoreList":[0]}

package/dist/chunks/{avatar.component-BccCo8cj.js → avatar.component-BvnohMit.js}

@@ -1,7 +1,7 @@
 import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import H, { forwardRef as c, useId as V, useMemo as b, useCallback as W, useState as $ } from "react";
-import { T as G } from "./tooltip.component-DX7RPrw8.js";
-import { I as f } from "./icon.component-DGNCL1Yc.js";
+import H, { forwardRef as c, useId as V, useMemo as f, useCallback as W, useState as $ } from "react";
+import { T as G } from "./tooltip.component-oofe83RC.js";
+import { I as v } from "./icon.component-DGNCL1Yc.js";
 import { F as C } from "./float-DYLtz2A6.js";
 import { b as E } from "./config-DlTdf-Yt.js";
 import { u as Z } from "./use-recipe-d63ABaZ3.js";
@@ -11,9 +11,9 @@ import { c as k, a as T } from "./factory-Ctbv0Ozn.js";
 import { c as X } from "./create-slot-recipe-context-BJmsuxih.js";
 import { u as Y } from "./use-slot-recipe-DhtQ1j_5.js";
 import { G as q } from "./group-DPCVolOl.js";
-import { a as D, f as m, i as J, j as K, k as Q, n as U, b as A } from "./use-locale-context-BnlMA8su.js";
-import { m as aa, c as ta } from "./index-CJ_SaUFt.js";
-import { Y as x } from "./index-B8d8Hi2Q.js";
+import { c as D, f as m, i as J, j as K, k as Q, n as U, a as A } from "./use-locale-context-D-agiW5E.js";
+import { m as aa, c as ta } from "./index-Co91SHhW.js";
+import { Y as x } from "./index-CYk-7wwG.js";
 const [j, w] = D({
   name: "AvatarContext",
   hookName: "useAvatarContext",
@@ -109,7 +109,7 @@ const ua = c(
   }
 ), Va = c(
   function(a, r) {
-    const t = Y({ key: "avatar" }), [o, n] = b(
+    const t = Y({ key: "avatar" }), [o, n] = f(
       () => t.splitVariantProps(a),
       [a, t]
     );
@@ -147,7 +147,7 @@ const ua = c(
         display: "flex"
       },
       children: /* @__PURE__ */ s.jsx(
-        f,
+        v,
         {
           variant: "default",
           name: "closeCircleSolid",
@@ -190,7 +190,7 @@ const ua = c(
     larger: a,
     delta: r - 1
   })), t;
-}, ba = {
+}, fa = {
   info: {
     bgColor: "background.info"
   },
@@ -206,7 +206,7 @@ const ua = c(
   warning: {
     bgColor: "background.warning"
   }
-}, fa = {
+}, va = {
   xs: {
     boxSize: "10px"
   },
@@ -223,7 +223,7 @@ const ua = c(
     borderWidth: "2px",
     boxSize: "24px"
   }
-}, va = E({
+}, ba = E({
   base: {
     alignItems: "center",
     borderColor: "border.strong.contrast",
@@ -232,8 +232,8 @@ const ua = c(
     justifyContent: "center"
   },
   variants: {
-    size: fa,
-    status: ba,
+    size: va,
+    status: fa,
     withIcon: {
       true: {},
       false: {}
@@ -313,10 +313,10 @@ const ua = c(
   status: t = "info",
   ...o
 }) => {
-  const i = Z({ recipe: va })({ status: t, size: e, withIcon: !!a }), d = b(
+  const i = Z({ recipe: ba })({ status: t, size: e, withIcon: !!a }), d = f(
     () => e === "xs" || !a,
     [a, e]
-  ), g = b(
+  ), g = f(
     () => d ? ha : pa,
     [d]
   );
@@ -335,7 +335,7 @@ const ua = c(
           css: i,
           ...o,
           children: !d && a && /* @__PURE__ */ s.jsx(
-            f,
+            v,
             {
               name: a,
               variant: t !== "error" ? t : "danger",
@@ -357,7 +357,7 @@ const ua = c(
   showRemoveButton: d,
   showTooltip: g = !0,
   size: l = "md",
-  src: v,
+  src: b,
   tooltipProps: u,
   variant: z = "default",
   webpSrc: p,
@@ -387,7 +387,7 @@ const ua = c(
       ...N,
       children: [
         /* @__PURE__ */ s.jsx(ua, { name: t, children: r && /* @__PURE__ */ s.jsx(
-          f,
+          v,
           {
             name: r,
             mt: "-1px",
@@ -399,7 +399,7 @@ const ua = c(
           }
         ) }),
         i && /* @__PURE__ */ s.jsx(Ca, { avatarSize: l, ...e }),
-        (p || v) && /* @__PURE__ */ s.jsx(ma, { src: v, srcSet: p }),
+        (p || b) && /* @__PURE__ */ s.jsx(ma, { src: b, srcSet: p }),
         d && l !== "xs" && /* @__PURE__ */ s.jsx(
           ga,
           {
@@ -417,4 +417,4 @@ export {
   Wa as A,
   Va as a
 };
-//# sourceMappingURL=avatar.component-BccCo8cj.js.map
+//# sourceMappingURL=avatar.component-BvnohMit.js.map