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

package/dist/esm/index.js

@@ -1,146 +1,145 @@
-import { A as a } from "../chunks/alert.component-ibWiyGfP.js";
-import { a as t } from "../chunks/alert.types-JdzSuSVO.js";
-import { A as p } from "../chunks/avatar.component-BccCo8cj.js";
-import { a as m, b as x } from "../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as n } from "../chunks/avatarGroup.component-CX1pyCYe.js";
-import { B as u } from "../chunks/button.component-BpF3MzbZ.js";
-import { b as d, d as T, c as S, e as v, a as b } from "../chunks/button.types-CujqF5RD.js";
-import { B as C } from "../chunks/buttonGroup.component-DD5ngTAx.js";
-import { C as h } from "../chunks/card.component-DNX41NGG.js";
-import { c as z } from "../chunks/card.types-Cixp7ouC.js";
-import { C as M } from "../chunks/characterCounter.component-DI5bBTYd.js";
-import { W as B } from "../chunks/checkbox.component-C5SGTamU.js";
-import { W as k } from "../chunks/checkboxGroup.component-uNcZPAQb.js";
-import { C as w } from "../chunks/conversationCard.component-DFCk4nkI.js";
-import { a as L, D as G } from "../chunks/datePicker.component-BNFSOBs_.js";
-import { D as K, d as N, a as F, b as H } from "../chunks/divider.types-0j5qRXed.js";
-import { W as j } from "../chunks/heading.component-DzTeEnHA.js";
-import { I as E } from "../chunks/icon.component-DGNCL1Yc.js";
-import { i as Q } from "../chunks/icon.types-DLbVfMjG.js";
-import { L as X } from "../chunks/link.component-BEoeigC8.js";
-import { L as Z, l as _, a as $ } from "../chunks/logo.types-By8TqyNf.js";
-import { M as ro } from "../chunks/menu.component-C8c5BRFL.js";
-import { M as eo, c as to, a as so, b as po, m as io } from "../chunks/modal.types-CMmBuVKv.js";
-import { N as xo } from "../chunks/notificationCounter.component-Bei8mHSZ.js";
-import { n as no, a as lo } from "../chunks/notificationCounter.types-S7ENT1Oj.js";
-import { P as co } from "../chunks/picture.component-DKbaaL64.js";
-import { W as So, p as vo } from "../chunks/pinInput.types-CbR1ZXya.js";
-import { P as go } from "../chunks/popover.component-BCibBOXM.js";
-import { p as Po, b as ho, a as yo } from "../chunks/popover.types-C-V7Diw4.js";
-import { W as Do } from "../chunks/radioGroup.component-D8Urceiy.js";
-import { R as Wo } from "../chunks/ratingDots.component-BAqZEoHN.js";
-import { W as Vo } from "../chunks/select.component-dLGNPkXV.js";
-import { S as Ao } from "../chunks/sortableList.component-ede9VRq3.js";
-import { S as Io } from "../chunks/spinner.component-BAUK5XQp.js";
-import { s as Go } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Ko, s as No } from "../chunks/styledAvatar.types-DU78JZbu.js";
-import { S as Ho, s as Oo } from "../chunks/swatch.types-DbgA3RWc.js";
-import { W as qo } from "../chunks/switch.component-CTHNQQWw.js";
-import { T as Jo } from "../chunks/tabs.component-D0mzzXOp.js";
-import { T as Uo } from "../chunks/tag.component-pexJ0TAT.js";
-import { c as Yo, t as Zo } from "../chunks/tag.types-B-pzEt1I.js";
-import { T as $o, a as or } from "../chunks/tagBlock.component-DASuNeVN.js";
-import { W as ar } from "../chunks/text.component-BkYord5h.js";
-import { W as tr } from "../chunks/textInput.component-vAoqRc9n.js";
-import { W as pr } from "../chunks/textarea.component-BxeH5cIq.js";
-import { M as mr, T as xr } from "../chunks/timePicker.component-DF-7rTLE.js";
-import { T as nr } from "../chunks/timeRange.component-BU22xkmi.js";
-import { T as ur } from "../chunks/timestamp.component-CgRkR4Nz.js";
-import { useToast as dr } from "./components/Toast/index.js";
-import { T as Sr } from "../chunks/tooltip.component-DX7RPrw8.js";
-import { w as br, a as gr } from "../chunks/index-BknUKotT.js";
-import { useBreakpoint as Pr } from "./hooks/useBreakpoint/index.js";
-import { u as yr, a as zr } from "../chunks/index-CgivotaP.js";
-import { useDeviceType as Mr } from "./hooks/useDeviceType/index.js";
-import { alignments as Br, flexDirections as Vr, placements as kr, statuses as Ar, typographyVariants as wr } from "./shared/types/index.js";
-import { K as Lr, s as Gr } from "../chunks/theme.provider-CD_LIwCV.js";
+import { A as a, a as e } from "../chunks/alert.types-D7ya3hgF.js";
+import { A as s } from "../chunks/avatar.component-BvnohMit.js";
+import { a as i, b as m } from "../chunks/avatar.types-LQ1Bn8a3.js";
+import { A as x } from "../chunks/avatarGroup.component-BlBlSEzG.js";
+import { B as l } from "../chunks/button.component-BpF3MzbZ.js";
+import { b as c, d, c as T, e as S, a as v } from "../chunks/button.types-CujqF5RD.js";
+import { B as g } from "../chunks/buttonGroup.component-oTaR0Md0.js";
+import { C as P } from "../chunks/card.component-DNX41NGG.js";
+import { c as y } from "../chunks/card.types-Cixp7ouC.js";
+import { C as D } from "../chunks/characterCounter.component-fZjvfJdX.js";
+import { W } from "../chunks/checkbox.component-0xblm1A8.js";
+import { W as V } from "../chunks/checkboxGroup.component-LWTDPWxy.js";
+import { C as A } from "../chunks/conversationCard.component-CP6rnJx7.js";
+import { a as I, D as L } from "../chunks/datePicker.component-CI1zrqXF.js";
+import { D as R, d as K, a as N, b as F } from "../chunks/divider.types-0j5qRXed.js";
+import { W as O } from "../chunks/heading.component-BPvYeKHj.js";
+import { I as q } from "../chunks/icon.component-DGNCL1Yc.js";
+import { i as J } from "../chunks/icon.types-DLbVfMjG.js";
+import { L as U } from "../chunks/link.component-DprieyUG.js";
+import { L as Y, l as Z, a as _ } from "../chunks/logo.types-By8TqyNf.js";
+import { M as oo } from "../chunks/menu.component-CByCZVEI.js";
+import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-Cy96DDCy.js";
+import { N as mo } from "../chunks/notificationCounter.component-Bei8mHSZ.js";
+import { n as xo, a as fo } from "../chunks/notificationCounter.types-S7ENT1Oj.js";
+import { P as uo } from "../chunks/picture.component-DKbaaL64.js";
+import { W as To, p as So } from "../chunks/pinInput.types-DF9d4AgH.js";
+import { P as bo } from "../chunks/popover.component-DKQ2rwkT.js";
+import { p as Co, b as Po, a as ho } from "../chunks/popover.types-C-V7Diw4.js";
+import { W as zo } from "../chunks/radioGroup.component-BfzkPOWR.js";
+import { R as Mo } from "../chunks/ratingDots.component-DbIxSq3Z.js";
+import { W as Bo } from "../chunks/select.component-eJdhSRY0.js";
+import { S as ko } from "../chunks/sortableList.component-DfXzIf2N.js";
+import { S as wo } from "../chunks/spinner.component-mGoJn6ep.js";
+import { s as Lo } from "../chunks/spinner.types-g7cTFJkb.js";
+import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-2wZJjpPn.js";
+import { S as Fo, s as Ho } from "../chunks/swatch.types-DbgA3RWc.js";
+import { W as jo } from "../chunks/switch.component-B1QEXeHo.js";
+import { T as Eo } from "../chunks/tabs.component-CClOddbl.js";
+import { T as Qo } from "../chunks/tag.component-pexJ0TAT.js";
+import { c as Xo, t as Yo } from "../chunks/tag.types-B-pzEt1I.js";
+import { T as _o, a as $o } from "../chunks/tagBlock.component-8QvLF4gf.js";
+import { W as rr } from "../chunks/text.component-DqGLCykU.js";
+import { W as er } from "../chunks/textInput.component-CkeP6E8M.js";
+import { W as sr } from "../chunks/textarea.component-Qns9pf6_.js";
+import { M as ir, T as mr } from "../chunks/timePicker.component-DdBfadnM.js";
+import { T as xr } from "../chunks/timeRange.component-DXtqwVE8.js";
+import { T as lr } from "../chunks/timestamp.component-D2ivFJVk.js";
+import { useToast as cr } from "./components/Toast/index.js";
+import { T as Tr } from "../chunks/tooltip.component-oofe83RC.js";
+import { w as vr, a as br } from "../chunks/index-BknUKotT.js";
+import { useBreakpoint as Cr } from "./hooks/useBreakpoint/index.js";
+import { u as hr, a as yr } from "../chunks/index-CgivotaP.js";
+import { useDeviceType as Dr } from "./hooks/useDeviceType/index.js";
+import { alignments as Wr, flexDirections as Br, placements as Vr, statuses as kr, typographyVariants as Ar } from "./shared/types/index.js";
+import { K as Ir, s as Lr } from "../chunks/theme.provider-DiKqrQhs.js";
 export {
   a as Alert,
-  p as Avatar,
-  n as AvatarGroup,
-  u as Button,
-  C as ButtonGroup,
-  h as Card,
-  M as CharacterCounter,
-  B as Checkbox,
-  k as CheckboxGroup,
-  w as ConversationCard,
-  L as DateFormats,
-  G as DatePicker,
-  K as Divider,
-  j as Heading,
-  E as Icon,
-  Lr as KibbleThemeProvider,
-  X as Link,
-  Z as Logo,
-  ro as Menu,
-  mr as Meridiem,
-  eo as Modal,
-  xo as NotificationCounter,
-  co as Picture,
-  So as PinInput,
-  go as Popover,
-  Do as RadioGroup,
-  Wo as RatingDots,
-  Vo as Select,
-  Ao as SortableList,
-  Io as Spinner,
-  Ko as StyledAvatar,
-  Ho as Swatch,
-  qo as Switch,
-  Jo as Tabs,
-  Uo as Tag,
-  $o as TagBlock,
-  or as TagDisabledState,
-  ar as Text,
-  tr as TextInput,
-  pr as Textarea,
-  xr as TimePicker,
-  nr as TimeRange,
-  ur as Timestamp,
-  Sr as Tooltip,
-  t as alertButtonPositions,
-  Br as alignments,
-  m as avatarSizes,
-  x as avatarVariants,
-  d as buttonConfigVariants,
-  T as buttonIconPositions,
-  S as buttonSizes,
-  v as buttonSpinnerPlacements,
-  b as buttonVariants,
-  z as cardSizes,
-  Yo as closeButtonDisplays,
-  N as dividerOrientations,
-  F as dividerSizes,
-  H as dividerVariants,
-  Vr as flexDirections,
-  Q as iconSizes,
-  _ as logoTypes,
-  $ as logoVariants,
-  to as modalMotionPresets,
-  so as modalPlacements,
-  po as modalScrollBehaviors,
-  io as modalSizes,
-  no as notificationCounterSizes,
-  lo as notificationCounterVariants,
-  vo as pinInputTypes,
-  kr as placements,
-  Po as popoverSizes,
-  ho as popoverTriggerTypes,
-  yo as popoverVariants,
-  Go as spinnerSizes,
-  Ar as statuses,
-  No as styledAvatarTypes,
-  Oo as swatchSizes,
-  Gr as system,
-  Zo as tagSizes,
-  wr as typographyVariants,
-  Pr as useBreakpoint,
-  yr as useColorMode,
-  zr as useColorModeValue,
-  Mr as useDeviceType,
-  dr as useToast,
-  br as withDarkMode,
-  gr as withLightMode
+  s as Avatar,
+  x as AvatarGroup,
+  l as Button,
+  g as ButtonGroup,
+  P as Card,
+  D as CharacterCounter,
+  W as Checkbox,
+  V as CheckboxGroup,
+  A as ConversationCard,
+  I as DateFormats,
+  L as DatePicker,
+  R as Divider,
+  O as Heading,
+  q as Icon,
+  Ir as KibbleThemeProvider,
+  U as Link,
+  Y as Logo,
+  oo as Menu,
+  ir as Meridiem,
+  ao as Modal,
+  mo as NotificationCounter,
+  uo as Picture,
+  To as PinInput,
+  bo as Popover,
+  zo as RadioGroup,
+  Mo as RatingDots,
+  Bo as Select,
+  ko as SortableList,
+  wo as Spinner,
+  Ro as StyledAvatar,
+  Fo as Swatch,
+  jo as Switch,
+  Eo as Tabs,
+  Qo as Tag,
+  _o as TagBlock,
+  $o as TagDisabledState,
+  rr as Text,
+  er as TextInput,
+  sr as Textarea,
+  mr as TimePicker,
+  xr as TimeRange,
+  lr as Timestamp,
+  Tr as Tooltip,
+  e as alertButtonPositions,
+  Wr as alignments,
+  i as avatarSizes,
+  m as avatarVariants,
+  c as buttonConfigVariants,
+  d as buttonIconPositions,
+  T as buttonSizes,
+  S as buttonSpinnerPlacements,
+  v as buttonVariants,
+  y as cardSizes,
+  Xo as closeButtonDisplays,
+  K as dividerOrientations,
+  N as dividerSizes,
+  F as dividerVariants,
+  Br as flexDirections,
+  J as iconSizes,
+  Z as logoTypes,
+  _ as logoVariants,
+  eo as modalMotionPresets,
+  to as modalPlacements,
+  so as modalScrollBehaviors,
+  po as modalSizes,
+  xo as notificationCounterSizes,
+  fo as notificationCounterVariants,
+  So as pinInputTypes,
+  Vr as placements,
+  Co as popoverSizes,
+  Po as popoverTriggerTypes,
+  ho as popoverVariants,
+  Lo as spinnerSizes,
+  kr as statuses,
+  Ko as styledAvatarTypes,
+  Ho as swatchSizes,
+  Lr as system,
+  Yo as tagSizes,
+  Ar as typographyVariants,
+  Cr as useBreakpoint,
+  hr as useColorMode,
+  yr as useColorModeValue,
+  Dr as useDeviceType,
+  cr as useToast,
+  vr as withDarkMode,
+  br as withLightMode
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/shared/records/index.js

@@ -0,0 +1,18 @@
+const n = {
+  error: "warningSign",
+  warning: "warningSign",
+  success: "checkmark",
+  info: "infoCircle",
+  default: "infoCircle"
+}, r = {
+  default: "default",
+  error: "danger",
+  info: "info",
+  success: "success",
+  warning: "warning"
+};
+export {
+  n as StatusIconMap,
+  r as StatusTypographyMap
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/shared/records/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/shared/records/status.ts"],"sourcesContent":["import { IconName } from \"components/Icon/icon.types\";\nimport { Status } from \"shared/types/status\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport const StatusIconMap: Record<Status, IconName> = {\n  error: \"warningSign\",\n  warning: \"warningSign\",\n  success: \"checkmark\",\n  info: \"infoCircle\",\n  default: \"infoCircle\",\n};\n\nexport const StatusTypographyMap: Record<Status, TypographyVariant> = {\n  default: \"default\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\n// export const StatusTypographyMap: Record<Status, TypographyVariant> = {\n//   default: \"default\",\n//   error: \"danger\",\n//   info: \"info\",\n//   success: \"success\",\n//   warning: \"warning\",\n// };\n"],"names":["StatusIconMap","StatusTypographyMap"],"mappings":"AAIO,MAAMA,IAA0C;AAAA,EACrD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AACX,GAEaC,IAAyD;AAAA,EACpE,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX;"}

package/dist/esm/theme/index.js

@@ -1,4 +1,4 @@
-import { K as r, s as m } from "../../chunks/theme.provider-CD_LIwCV.js";
+import { K as r, s as m } from "../../chunks/theme.provider-DiKqrQhs.js";
 export {
   r as KibbleThemeProvider,
   m as system

package/dist/types/components/Toast/components/ToastAction/toastAction.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../../Button/button.component';
+import { Status } from '../../../../shared/types/status';
+export interface ToastActionProps extends Omit<ButtonProps, "children"> {
+    buttonText: string;
+    buttonPosition?: "topRight" | "bottomLeft";
+}
+interface InternalToastActionProps extends ToastActionProps {
+    status: Status;
+}
+export declare const ToastAction: ({ buttonPosition, buttonText, status, ...rest }: InternalToastActionProps) => React.JSX.Element;
+export {};

package/dist/types/components/Toast/components/Toaster/toaster.records.d.ts

@@ -1,6 +1,7 @@
 import { ToasterConfig } from './toaster.types';
 export declare const toasterPlacements: readonly ["bottom", "bottom-end", "bottom-start", "top", "top-end", "top-start"];
 export type ToasterPlacement = (typeof toasterPlacements)[number];
+export declare const defaultToasterConfig: ToasterConfig;
 export declare const ToasterConfigMap: Record<ToasterPlacement, ToasterConfig>;
 export declare const bottomToaster: import('@zag-js/toast').Store<any>;
 export declare const bottomEndToaster: import('@zag-js/toast').Store<any>;

package/dist/types/components/Toast/index.d.ts

@@ -1,2 +1,2 @@
-export * from './toast.component';
+export * from './useToast';
 export * from './toast.types';

package/dist/types/components/Toast/toast.component.d.ts

@@ -1,3 +1,14 @@
-import { ToastInstance } from './toast.types';
-import { ToasterPlacement } from './components/Toaster/toaster.records';
-export declare const useToast: (placement?: ToasterPlacement) => ToastInstance;
+import { default as React } from 'react';
+import { IconProps } from '../Icon/icon.component';
+import { Status } from '../../shared/types/status';
+import { ToastActionProps } from './components/ToastAction/toastAction.component';
+export interface ToastProps {
+    action?: ToastActionProps;
+    closable?: boolean;
+    description?: string;
+    hideIcon?: boolean;
+    icon?: IconProps;
+    status?: Status;
+    title?: string;
+}
+export declare const Toast: ({ action, closable, description, hideIcon, icon, status, title, }: ToastProps) => React.JSX.Element;

package/dist/types/components/Toast/toast.recipe.d.ts

@@ -0,0 +1,21 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type ToastSlot = "root" | "indicator" | "title" | "description" | "closeTrigger" | "actionTrigger";
+type ToastSlotStyles = {
+    [key in ToastSlot]?: SystemStyleObject;
+};
+export declare const toastRecipe: import('@chakra-ui/react').SlotRecipeDefinition<ToastSlot, {
+    variant: Record<"default" | "info" | "success" | "warning" | "error", ToastSlotStyles>;
+    hideIcon: {
+        true: {
+            root: {
+                gap: number;
+            };
+        };
+        false: {
+            root: {
+                gap: number;
+            };
+        };
+    };
+}>;
+export {};

package/dist/types/components/Toast/toast.types.d.ts

@@ -1,15 +1,15 @@
-import { AlertProps } from '../Alert';
+import { ToastProps } from './toast.component';
 type ToastStatus = "visible" | "dismissing" | "unmounted";
 interface ToastStatusChangeDetails {
     status: ToastStatus;
     src?: string | undefined;
 }
-export interface BaseToastOptions {
+export interface ToastOptions extends ToastProps {
     duration?: number;
+    id?: string;
     onStatusChange?: (details: ToastStatusChangeDetails) => void;
     removeDelay?: number;
 }
-export type ToastOptions = BaseToastOptions & AlertProps;
 export interface ToastInstance {
     create: (options: ToastOptions) => string;
     dismiss: (id?: string) => void;

package/dist/types/components/Toast/useToast.d.ts

@@ -0,0 +1,3 @@
+import { ToastInstance } from './toast.types';
+import { ToasterPlacement } from './components/Toaster/toaster.records';
+export declare const useToast: (placement?: ToasterPlacement) => ToastInstance;

package/dist/types/shared/records/index.d.ts

@@ -0,0 +1 @@
+export * from './status';

package/dist/types/shared/records/status.d.ts

@@ -0,0 +1,5 @@
+import { IconName } from '../../components/Icon/icon.types';
+import { Status } from '../types/status';
+import { TypographyVariant } from '../types/typography';
+export declare const StatusIconMap: Record<Status, IconName>;
+export declare const StatusTypographyMap: Record<Status, TypographyVariant>;

package/dist/types/theme/tokens/sizes/sizes.config.d.ts

@@ -65,3 +65,17 @@ export declare const sizeTokens: {
         value: string;
     };
 };
+export declare const breakpointTokens: {
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "4.0.0-beta.57",
+  "version": "4.0.0-beta.59",
   "type": "module",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",

package/dist/chunks/alert.component-DLOr0ni3.js

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

package/dist/chunks/alert.component-DLOr0ni3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.component-DLOr0ni3.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/alert.records.ts","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx"],"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 { IconName } from \"components/Icon/icon.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { Status } from \"shared/types/status\";\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: \"warningSign\",\n  warning: \"warningSign\",\n  success: \"checkmark\",\n  info: \"infoCircle\",\n  default: \"infoCircle\",\n};\n\nexport const AlertStatusToIconVariant: Record<Status, TypographyVariant> = {\n  default: \"default\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\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 { AlertStatusIcon, AlertStatusToIconVariant } from \"./alert.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport {\n  AlertButton,\n  AlertButtonProps,\n} from \"./components/AlertButton/alertButton.component\";\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={\n              onContrast ? \"onContrast\" : AlertStatusToIconVariant[status]\n            }\n            name={iconProps?.name || AlertStatusIcon[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          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\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","AlertStatusIcon","AlertStatusToIconVariant","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","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/alert.component-ibWiyGfP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.component-ibWiyGfP.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/alert.records.ts","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx"],"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 { IconName } from \"components/Icon/icon.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { Status } from \"shared/types/status\";\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: \"warningSign\",\n  warning: \"warningSign\",\n  success: \"checkmark\",\n  info: \"infoCircle\",\n  default: \"infoCircle\",\n};\n\nexport const AlertStatusToIconVariant: Record<Status, TypographyVariant> = {\n  default: \"default\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\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 { AlertStatusIcon, AlertStatusToIconVariant } from \"./alert.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport {\n  AlertButton,\n  AlertButtonProps,\n} from \"./components/AlertButton/alertButton.component\";\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={\n              onContrast ? \"onContrast\" : AlertStatusToIconVariant[status]\n            }\n            name={iconProps?.name || AlertStatusIcon[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          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\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","AlertStatusIcon","AlertStatusToIconVariant","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","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -1,5 +0,0 @@
-const t = ["topRight", "bottomLeft"];
-export {
-  t as a
-};
-//# sourceMappingURL=alert.types-JdzSuSVO.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert.types-JdzSuSVO.js","sources":["../../src/components/Alert/alert.types.ts"],"sourcesContent":["export const alertButtonPositions = [\"topRight\", \"bottomLeft\"] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["alertButtonPositions"],"mappings":"AAAa,MAAAA,IAAuB,CAAC,YAAY,YAAY;"}

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

@@ -1,2 +0,0 @@
-"use strict";const t=["topRight","bottomLeft"];exports.alertButtonPositions=t;
-//# sourceMappingURL=alert.types-R_9yno9e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert.types-R_9yno9e.js","sources":["../../src/components/Alert/alert.types.ts"],"sourcesContent":["export const alertButtonPositions = [\"topRight\", \"bottomLeft\"] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["alertButtonPositions"],"mappings":"aAAa,MAAAA,EAAuB,CAAC,WAAY,YAAY"}