@televet/kibble-ui 4.0.0-beta.67 → 4.0.0-beta.68

package/dist/esm/index.js

@@ -1,102 +1,105 @@
-import { A as r, a as e } from "../chunks/alert.types-B7BlPX2-.js";
-import { A as s } from "../chunks/avatar.component-CB5m8zha.js";
+import { A as a, a as e } from "../chunks/alert.types-D-Nx7EKC.js";
+import { A as s } from "../chunks/avatar.component-5acA2X5n.js";
 import { a as i, b as m } from "../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../chunks/avatarGroup.component-CKFjjo2R.js";
-import { B as l } from "../chunks/button.component-DahLrK9h.js";
+import { A as x } from "../chunks/avatarGroup.component-lvFlOaqP.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-UKmJh2zn.js";
+import { B as g } from "../chunks/buttonGroup.component-CwN1OcaS.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-xgc8P1mp.js";
-import { W as B } from "../chunks/checkbox.component-5GtlYTnJ.js";
-import { W } from "../chunks/checkboxGroup.component-Dq3jCGDU.js";
-import { C as A } from "../chunks/conversationCard.component-LpR5eSru.js";
-import { a as I, D as L } from "../chunks/datePicker.component-DVR8Ech4.js";
+import { C as D } from "../chunks/characterCounter.component-B0MF_ObL.js";
+import { W } from "../chunks/checkbox.component-HWkdi-Dt.js";
+import { W as V } from "../chunks/checkboxGroup.component-CMyApVxs.js";
+import { C as A } from "../chunks/conversationCard.component-BirDNlVs.js";
+import { a as I, D as L } from "../chunks/datePicker.component-Wac_ZnvV.js";
 import { D as R, d as K, a as N, b as F } from "../chunks/divider.types-0j5qRXed.js";
-import { W as O, P as j, a as q, T as E } from "../chunks/heading.component-d5jKnwm5.js";
-import { I as Q } from "../chunks/icon.component-D84o075X.js";
-import { i as X } from "../chunks/icon.types-DLbVfMjG.js";
-import { L as Z } from "../chunks/link.component-Cs05IsXP.js";
-import { L as $, l as oo, a as ao } from "../chunks/logo.types-By8TqyNf.js";
-import { M as eo } from "../chunks/menu.component-CAr2xdZY.js";
-import { M as so, c as po, a as io, b as mo, m as no } from "../chunks/modal.types-B7PDc2GJ.js";
-import { N as fo } from "../chunks/notificationCounter.component-Bei8mHSZ.js";
-import { n as uo, a as co } from "../chunks/notificationCounter.types-S7ENT1Oj.js";
-import { P as So } from "../chunks/picture.component-DKbaaL64.js";
-import { W as bo, p as go } from "../chunks/pinInput.types-TfkrphC7.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-DBLLIgCZ.js";
-import { R as Bo } from "../chunks/ratingDots.component-DG2nCpxT.js";
-import { W as Wo } from "../chunks/select.component-DyXwbDeO.js";
-import { S as Ao } from "../chunks/sortableList.component-CbZAQrKl.js";
-import { S as Io } from "../chunks/spinner.component-B1vU-FCd.js";
-import { s as Go } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Ko, s as No } from "../chunks/styledAvatar.types-DstfmllC.js";
-import { S as Ho, s as Oo } from "../chunks/swatch.types-DbgA3RWc.js";
-import { W as qo } from "../chunks/switch.component-DO9fxk_-.js";
-import { T as Jo } from "../chunks/tabs.component-BWTDtLWN.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 oa } from "../chunks/tagBlock.component-C3BrjwNJ.js";
-import { W as ra } from "../chunks/textInput.component-LPGbDHwZ.js";
-import { W as ta } from "../chunks/textarea.component-ClYqhTJX.js";
-import { M as pa, T as ia } from "../chunks/timePicker.component-AgnrqtFu.js";
-import { T as na } from "../chunks/timeRange.component-C14RiUcS.js";
-import { T as fa } from "../chunks/timestamp.component-Kxi_bKp1.js";
-import { useToast as ua } from "./components/Toast/index.js";
-import { w as da, a as Ta } from "../chunks/index-BknUKotT.js";
-import { useBreakpoint as va } from "./hooks/useBreakpoint/index.js";
-import { u as ga, a as Ca } from "../chunks/index-CgivotaP.js";
-import { useDeviceType as ha } from "./hooks/useDeviceType/index.js";
-import { alignments as za, flexDirections as Da, placements as Ma, statuses as Ba, typographyVariants as Va } from "./shared/types/index.js";
-import { K as ka, s as Aa } from "../chunks/theme.provider-vZgSb-q5.js";
+import { W as O } from "../chunks/heading.component-Cum2BALi.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-DVfuQmDd.js";
+import { M as oo } from "../chunks/menu.component-ColftkpF.js";
+import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-BJDq3ofH.js";
+import { N as mo } from "../chunks/notificationCounter.component-CHlLTEiF.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-k-MTZ5SR.js";
+import { P as bo } from "../chunks/popover.component-Bh32Kl6i.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-DbslYk4o.js";
+import { R as Mo } from "../chunks/ratingDots.component-B2jdV6Uk.js";
+import { W as Bo } from "../chunks/select.component-CRmnH0Ty.js";
+import { S as ko } from "../chunks/sortableList.component-Dlq8P2tc.js";
+import { S as wo } from "../chunks/spinner.component-DsDyKpq2.js";
+import { s as Lo } from "../chunks/spinner.types-g7cTFJkb.js";
+import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-X9FV2vOM.js";
+import { S as Fo, s as Ho } from "../chunks/swatch.types-Dsv11aQw.js";
+import { W as jo } from "../chunks/switch.component-DR4jYcSz.js";
+import { T as Eo } from "../chunks/tabs.component-C_4sO8kW.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-B_dQ7rGS.js";
+import { W as rr } from "../chunks/text.component-BA-9q9gX.js";
+import { W as er } from "../chunks/textInput.component-BttHjzdC.js";
+import { W as sr } from "../chunks/textarea.component-DKiTZ2bP.js";
+import { M as ir, T as mr } from "../chunks/timePicker.component-D0WsvkI5.js";
+import { T as xr } from "../chunks/timeRange.component-C1p0bfmg.js";
+import { T as lr } from "../chunks/timestamp.component-CZGCU-JV.js";
+import { useToast as cr } from "./components/Toast/index.js";
+import { T as Tr } from "../chunks/tooltip.component-C5FgUWfB.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-Dd0L8qXA.js";
 export {
-  r as Alert,
+  a as Alert,
   s as Avatar,
   x as AvatarGroup,
   l as Button,
   g as ButtonGroup,
   P as Card,
   D as CharacterCounter,
-  B as Checkbox,
-  W as CheckboxGroup,
+  W as Checkbox,
+  V as CheckboxGroup,
   A as ConversationCard,
   I as DateFormats,
   L as DatePicker,
   R as Divider,
   O as Heading,
-  Q as Icon,
-  ka as KibbleThemeProvider,
-  Z as Link,
-  $ as Logo,
-  eo as Menu,
-  pa as Meridiem,
-  so as Modal,
-  fo as NotificationCounter,
-  So as Picture,
-  bo as PinInput,
-  j as Popover,
-  Do as RadioGroup,
-  Bo as RatingDots,
-  Wo 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,
-  oa as TagDisabledState,
-  q as Text,
-  ra as TextInput,
-  ta as Textarea,
-  ia as TimePicker,
-  na as TimeRange,
-  fa as Timestamp,
-  E as Tooltip,
+  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,
-  za as alignments,
+  Wr as alignments,
   i as avatarSizes,
   m as avatarVariants,
   c as buttonConfigVariants,
@@ -105,38 +108,38 @@ export {
   S as buttonSpinnerPlacements,
   v as buttonVariants,
   y as cardSizes,
-  Yo as closeButtonDisplays,
+  Xo as closeButtonDisplays,
   K as dividerOrientations,
   N as dividerSizes,
   F as dividerVariants,
-  Da as flexDirections,
-  X as iconSizes,
-  oo as logoTypes,
-  ao as logoVariants,
-  po as modalMotionPresets,
-  io as modalPlacements,
-  mo as modalScrollBehaviors,
-  no as modalSizes,
-  uo as notificationCounterSizes,
-  co as notificationCounterVariants,
-  go as pinInputTypes,
-  Ma as placements,
-  Po as popoverSizes,
-  ho as popoverTriggerTypes,
-  yo as popoverVariants,
-  Go as spinnerSizes,
-  Ba as statuses,
-  No as styledAvatarTypes,
-  Oo as swatchSizes,
-  Aa as system,
-  Zo as tagSizes,
-  Va as typographyVariants,
-  va as useBreakpoint,
-  ga as useColorMode,
-  Ca as useColorModeValue,
-  ha as useDeviceType,
-  ua as useToast,
-  da as withDarkMode,
-  Ta as withLightMode
+  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/theme/index.js

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

package/dist/types/components/Button/button.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: Record<"primary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondary" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiary" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai", SystemStyleObject>;
+    variant: Record<"primary" | "secondary" | "tertiary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai", SystemStyleObject>;
     size: Record<"xs" | "sm" | "md" | "lg", SystemStyleObject>;
 }>;

package/dist/types/components/Logo/logo.recipe.d.ts

@@ -1,6 +1,6 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const logoRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    type: Record<"icon" | "full", SystemStyleObject>;
+    type: Record<"full" | "icon", SystemStyleObject>;
     variant: Record<"default" | "primary", SystemStyleObject>;
     onContrast: {
         true: {};

package/dist/types/components/Menu/menu.recipe.d.ts

@@ -1 +1 @@
-export declare const menuRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem">>;
+export declare const menuRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem">>;

package/dist/types/components/Modal/modal.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "content" | "footer" | "header" | "title" | "root" | "closeTrigger" | "positioner" | "backdrop" | "actionTrigger", {
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "positioner" | "content" | "footer" | "header" | "title" | "root" | "closeTrigger" | "backdrop" | "actionTrigger", {
     expanded: {
         true: {
             backdrop: {

package/dist/types/components/TimePicker/timePicker.recipe.d.ts

@@ -1 +1 @@
-export declare const timePickerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"container" | "list" | "trigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"container" | "list" | "trigger">>;
+export declare const timePickerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"list" | "trigger" | "container", import('@chakra-ui/react').SlotRecipeVariantRecord<"list" | "trigger" | "container">>;

package/dist/types/components/Tooltip/tooltip.component.d.ts

@@ -1,11 +1,13 @@
-import { default as React } from 'react';
-import { HoverCard } from '@chakra-ui/react/hover-card';
+import { Tooltip as ChakraTooltip } from '@chakra-ui/react';
 import { Placement } from '../../shared/types/placement';
-export interface TooltipProps extends Omit<HoverCard.RootProps, "children" | "variant" | "size"> {
-    children?: React.ReactNode;
+import * as React from "react";
+export interface TooltipProps extends ChakraTooltip.RootProps {
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    label: React.ReactNode;
+    contentProps?: ChakraTooltip.ContentProps;
     disabled?: boolean;
-    label: string;
     placement?: Placement;
-    portalled?: boolean;
 }
 export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -26,12 +26,6 @@ export declare const shadowTokens: {
     outline: {
         value: string;
     };
-    hover: {
-        value: string;
-    };
-    active: {
-        value: string;
-    };
     xsR: {
         value: string;
     };
@@ -53,9 +47,15 @@ export declare const shadowTokens: {
     "2xlR": {
         value: string;
     };
+    hover: {
+        value: string;
+    };
     "hover.contrast": {
         value: string;
     };
+    active: {
+        value: string;
+    };
     "active.contrast": {
         value: string;
     };

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

@@ -49,10 +49,10 @@ export declare const sizeTokens: {
     "8xl": {
         value: string;
     };
-    "2xs": {
+    "3xs": {
         value: string;
     };
-    "3xs": {
+    "2xs": {
         value: string;
     };
     max: {

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

@@ -2,22 +2,19 @@ export declare const zIndexTokens: {
     base: {
         value: string;
     };
-    overlay: {
-        value: string;
-    };
     popover: {
         value: string;
     };
-    auto: {
-        value: string;
-    };
     toast: {
         value: string;
     };
     tooltip: {
         value: string;
     };
-    banner: {
+    overlay: {
+        value: string;
+    };
+    auto: {
         value: string;
     };
     hide: {
@@ -32,6 +29,9 @@ export declare const zIndexTokens: {
     dropdown: {
         value: string;
     };
+    banner: {
+        value: string;
+    };
     modal: {
         value: string;
     };

package/package.json

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

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

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

package/dist/chunks/characterCounter.component-B8efVNy4.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),a=require("./heading.component-DkT5GYvU.js"),l=require("./config-BFcXpdZo.js"),d=require("./use-slot-recipe-8liupslO.js"),x=require("./h-stack-Bjx9hlJo.js"),p=l.defineSlotRecipe({slots:["root","count","limit"],base:{root:{position:"absolute",right:0,bottom:"-20px",gap:1}},variants:{variant:{default:{root:{background:"background"},count:{color:"text.subtle"},limit:{color:"text.subtle"}},onContrast:{root:{background:"background.contrast"},count:{color:"text.subtle.contrast"},limit:{color:"text.subtle.contrast"}}},invalid:{true:{count:{color:"text.danger"}},false:{}}},compoundVariants:[{invalid:!0,variant:"onContrast",css:{count:{color:"text.danger.contrast"}}}],defaultVariants:{variant:"default",invalid:!1}}),b=({currentCount:e,onContrast:s=!1,limit:t,withLimit:c=!0})=>{const n=s?"onContrast":"default",i=u.useMemo(()=>t?e>t:!1,[e,t]),r=d.useSlotRecipe({recipe:p})({variant:n,invalid:i});return o.jsxRuntimeExports.jsxs(x.HStack,{className:"CharacterCount","data-testid":"kibble-character-count",css:r.root,children:[o.jsxRuntimeExports.jsx(a.WrappedText,{className:"CharacterCount__Count","data-testid":"kibble-character-count-count",size:"xs",css:r.count,children:e}),c&&o.jsxRuntimeExports.jsxs(a.WrappedText,{className:"CharacterCount__Limit","data-testid":"kibble-character-count-limit",size:"xs",css:r.limit,children:["/ ",t]})]})};exports.CharacterCounter=b;
-//# sourceMappingURL=characterCounter.component-B8efVNy4.js.map

package/dist/chunks/checkbox.component-DO9NDbmM.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),$=require("./withFormControl-kyGjRFza.js"),P=require("./card.component-KNc4HKSh.js"),H=require("./heading.component-DkT5GYvU.js"),m=require("./checkbox.records-D7NUtCRR.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),f=require("./factory-D6tdBUPG.js"),D=require("./icon-button-khcu437F.js"),T=require("./empty-B5_AO6Pg.js"),B=require("./use-recipe-DaPWl_pL.js"),i=require("./portal-kmAjRmaV.js"),y=require("./use-field-context-DnTe9gdc.js"),b=require("./index-BlGAWSIX.js"),Y=o=>o&&o.__esModule?o:{default:o},E=Y(u),[_,j]=i.createContext({name:"CheckboxContext",hookName:"useCheckboxContext",providerName:"<CheckboxProvider />"}),N=u.forwardRef((o,e)=>{const t=j(),s=b.mergeProps(t.getControlProps(),o);return n.jsxRuntimeExports.jsx(i.ark.div,{...s,ref:e})});N.displayName="CheckboxControl";function U(o){const{value:e,onChange:t,defaultValue:s}=o,[r,a]=u.useState(s),c=e!==void 0,d=c?e:r,x=u.useCallback(h=>(c||a(h),t?.(h)),[c,t]);return[d,x]}function q(o={}){const{defaultValue:e,value:t,onValueChange:s,disabled:r,readOnly:a,name:c,invalid:d}=o,x=!(r||a),h=i.useEvent(s,{sync:!0}),[p,C]=U({value:t,defaultValue:e||[],onChange:h}),k=l=>p.some(R=>String(R)===String(l)),g=l=>{k(l)?O(l):v(l)},v=l=>{x&&(k(l)||C(p.concat(l)))},O=l=>{x&&C(p.filter(R=>String(R)!==String(l)))};return{isChecked:k,value:p,name:c,disabled:!!r,readOnly:!!a,invalid:!!d,setValue:C,addValue:v,toggleValue:g,getItemProps:l=>({checked:l.value!=null?k(l.value):void 0,onCheckedChange(){l.value!=null&&g(l.value)},name:c,disabled:r,readOnly:a,invalid:d})}}const[J,K]=i.createContext({name:"CheckboxGroupContext",hookName:"useCheckboxGroupContext",providerName:"<CheckboxGroupProvider />",strict:!1}),w=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["defaultValue","value","onValueChange","disabled","invalid","readOnly","name"]),r=q(t);return n.jsxRuntimeExports.jsx(J,{value:r,children:n.jsxRuntimeExports.jsx(i.ark.div,{ref:e,role:"group",...s,...m.checkboxAnatomy.build().group.attrs})})});w.displayName="CheckboxGroup";const S=u.forwardRef((o,e)=>{const t=j(),s=b.mergeProps(t.getHiddenInputProps(),o),r=y.useFieldContext();return n.jsxRuntimeExports.jsx(i.ark.input,{"aria-describedby":r?.ariaDescribedby,...s,ref:e})});S.displayName="CheckboxHiddenInput";const V=u.forwardRef((o,e)=>{const t=j(),s=b.mergeProps(t.getLabelProps(),o);return n.jsxRuntimeExports.jsx(i.ark.span,{...s,ref:e})});V.displayName="CheckboxLabel";const Q=(o={})=>{const e=K(),t=y.useFieldContext(),s=u.useMemo(()=>b.mergeProps(o,e?.getItemProps({value:o.value})??{}),[o,e]),r=u.useId(),{getRootNode:a}=i.useEnvironmentContext(),{dir:c}=i.useLocaleContext(),d={id:r,ids:{label:t?.ids.label,hiddenInput:t?.ids.control},dir:c,disabled:t?.disabled,readOnly:t?.readOnly,invalid:t?.invalid,required:t?.required,getRootNode:a,...s},x=i.useMachine(m.machine,d);return m.connect(x,i.normalizeProps)},G=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["checked","defaultChecked","disabled","form","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),r=Q(t),a=b.mergeProps(r.getRootProps(),s);return n.jsxRuntimeExports.jsx(_,{value:r,children:n.jsxRuntimeExports.jsx(i.ark.label,{...a,ref:e})})});G.displayName="CheckboxRoot";const I=u.forwardRef((o,e)=>{const[{value:t},s]=i.createSplitProps()(o,["value"]),r=b.mergeProps(t.getRootProps(),s);return n.jsxRuntimeExports.jsx(_,{value:t,children:n.jsxRuntimeExports.jsx(i.ark.label,{...r,ref:e})})});I.displayName="CheckboxRootProvider";const X=u.forwardRef(function(e,t){const s=B.useRecipe({key:"checkmark",recipe:e.recipe}),[r,a]=s.splitVariantProps(e),{checked:c,indeterminate:d,disabled:x,unstyled:h,children:p,...C}=a,k=h?T.EMPTY_STYLES:s(r);return n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3px",strokeLinecap:"round",strokeLinejoin:"round","data-state":d?"indeterminate":c?"checked":"unchecked","data-disabled":D.dataAttr(x),css:[k,e.css],...C,children:d?n.jsxRuntimeExports.jsx("path",{d:"M5 12h14"}):c?n.jsxRuntimeExports.jsx("polyline",{points:"20 6 9 17 4 12"}):null})}),{withProvider:L,withContext:A,useStyles:Z}=W.createSlotRecipeContext({key:"checkbox"});L(I,"root",{forwardAsChild:!0});const z=L(G,"root",{forwardAsChild:!0}),ee=A(V,"label",{forwardAsChild:!0}),M=u.forwardRef(function(e,t){const{checked:s,indeterminate:r,...a}=e,c=j(),d=Z();return s&&c.checked?n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...a,css:[d.indicator,e.css],children:s}):r&&c.indeterminate?n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...a,css:[d.indicator,e.css],children:r}):n.jsxRuntimeExports.jsx(X,{ref:t,checked:c.checked,indeterminate:c.indeterminate,disabled:c.disabled,unstyled:!0,...a,css:[d.indicator,e.css]})}),te=A(N,"control",{forwardAsChild:!0,defaultProps:{children:n.jsxRuntimeExports.jsx(M,{})}}),oe=f.chakra(w,{base:{display:"flex",flexDirection:"column",gap:"1.5"}},{forwardAsChild:!0}),re=S,se=$.withFormControl(({checkboxRef:o,children:e,indeterminate:t=!1,onContrast:s,size:r="md",withCard:a=!1,...c})=>{const d=s?"onContrast":"default",x=a?({children:h})=>{const p=(m.CheckboxSizeMap[r]+m.CheckboxLabelSpacing[r]+P.CardPaddingMap[r])*4;return n.jsxRuntimeExports.jsx(P.Card,{className:"Checkbox__Card","data-testid":"kibble-checkbox-card",...!c.disabled&&{interactive:!0,active:!!c.checked},onContrast:s,size:r,fullWidth:!0,display:"flex",...typeof h=="string"&&{alignItems:"center"},width:"inherit",pr:`${p}px`,children:h})}:E.default.Fragment;return n.jsxRuntimeExports.jsx(z,{className:"Checkbox","data-testid":"kibble-checkbox",checked:t?"indeterminate":c.checked,ref:o,variant:d,size:r,...c,children:n.jsxRuntimeExports.jsxs(x,{children:[n.jsxRuntimeExports.jsx(re,{className:"Checkbox__Input","data-testid":"kibble-checkbox-input"}),n.jsxRuntimeExports.jsx(te,{className:"Checkbox__Control","data-testid":"kibble-checkbox-control",children:n.jsxRuntimeExports.jsx(M,{className:"Checkbox__Indicator","data-testid":"kibble-checkbox-indicator"})}),!!e&&n.jsxRuntimeExports.jsx(ee,{className:"Checkbox__Label","data-testid":"kibble-checkbox-label",...a&&typeof e!="string"&&{mt:"-4px"},children:typeof e=="string"?n.jsxRuntimeExports.jsx(H.WrappedText,{size:r,lineHeight:"unset",variant:s?"onContrast":"default",children:e}):e})]})})}),F=E.default.forwardRef((o,e)=>n.jsxRuntimeExports.jsx(se,{checkboxRef:e,...o}));F.displayName="Checkbox";exports.CheckboxGroup=oe;exports.WrappedCheckbox=F;exports.useCheckboxGroup=q;
-//# sourceMappingURL=checkbox.component-DO9NDbmM.js.map

package/dist/chunks/checkbox.records-D7NUtCRR.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("./index-BlGAWSIX.js"),T=require("./index-Fztcdoo_.js"),P=require("./portal-kmAjRmaV.js");var S=a.createAnatomy("checkbox").parts("root","label","control","indicator"),h=S.build(),V=e=>e.ids?.root??`checkbox:${e.id}`,m=e=>e.ids?.label??`checkbox:${e.id}:label`,x=e=>e.ids?.control??`checkbox:${e.id}:control`,g=e=>e.ids?.hiddenInput??`checkbox:${e.id}:input`,F=e=>e.getById(V(e)),l=e=>e.getById(g(e));function A(e,t){const{send:d,context:c,prop:r,computed:C,scope:i}=e,o=r("disabled"),p=r("readOnly"),v=r("invalid"),b=!o&&c.get("focused"),I=!o&&c.get("focusVisible"),n=C("checked"),f=C("indeterminate"),u={"data-active":a.dataAttr(c.get("active")),"data-focus":a.dataAttr(b),"data-focus-visible":a.dataAttr(I),"data-readonly":a.dataAttr(p),"data-hover":a.dataAttr(c.get("hovered")),"data-disabled":a.dataAttr(o),"data-state":f?"indeterminate":n?"checked":"unchecked","data-invalid":a.dataAttr(v)};return{checked:n,disabled:o,indeterminate:f,focused:b,checkedState:n,setChecked(s){d({type:"CHECKED.SET",checked:s,isTrusted:!1})},toggleChecked(){d({type:"CHECKED.TOGGLE",checked:n,isTrusted:!1})},getRootProps(){return t.label({...h.root.attrs,...u,dir:r("dir"),id:V(i),htmlFor:g(i),onPointerMove(){o||d({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){o||d({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(s){a.getEventTarget(s)===l(i)&&s.stopPropagation()}})},getLabelProps(){return t.element({...h.label.attrs,...u,dir:r("dir"),id:m(i)})},getControlProps(){return t.element({...h.control.attrs,...u,dir:r("dir"),id:x(i),"aria-hidden":!0})},getIndicatorProps(){return t.element({...h.indicator.attrs,...u,dir:r("dir"),hidden:!f&&!n})},getHiddenInputProps(){return t.input({id:g(i),type:"checkbox",required:r("required"),defaultChecked:n,disabled:o,"aria-labelledby":m(i),"aria-invalid":v,name:r("name"),form:r("form"),value:r("value"),style:a.visuallyHiddenStyle,onFocus(){const s=T.isFocusVisible();d({type:"CONTEXT.SET",context:{focused:!0,focusVisible:s}})},onBlur(){d({type:"CONTEXT.SET",context:{focused:!1,focusVisible:!1}})},onClick(s){if(p){s.preventDefault();return}const E=s.currentTarget.checked;d({type:"CHECKED.SET",checked:E,isTrusted:!0})}})}}}var{not:y}=a.createGuards(),N=a.createMachine({props({props:e}){return{value:"on",...e,defaultChecked:!!e.defaultChecked}},initialState(){return"ready"},context({prop:e,bindable:t}){return{checked:t(()=>({defaultValue:e("defaultChecked"),value:e("checked"),onChange(d){e("onCheckedChange")?.({checked:d})}})),fieldsetDisabled:t(()=>({defaultValue:!1})),focusVisible:t(()=>({defaultValue:!1})),active:t(()=>({defaultValue:!1})),focused:t(()=>({defaultValue:!1})),hovered:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,prop:d,action:c}){e([()=>d("disabled")],()=>{c(["removeFocusIfNeeded"])}),e([()=>t.get("checked")],()=>{c(["syncInputElement"])})},effects:["trackFormControlState","trackPressEvent","trackFocusVisible"],on:{"CHECKED.TOGGLE":[{guard:y("isTrusted"),actions:["toggleChecked","dispatchChangeEvent"]},{actions:["toggleChecked"]}],"CHECKED.SET":[{guard:y("isTrusted"),actions:["setChecked","dispatchChangeEvent"]},{actions:["setChecked"]}],"CONTEXT.SET":{actions:["setContext"]}},computed:{indeterminate:({context:e})=>k(e.get("checked")),checked:({context:e})=>D(e.get("checked")),disabled:({context:e,prop:t})=>!!t("disabled")||e.get("fieldsetDisabled")},states:{ready:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackPressEvent({context:e,computed:t,scope:d}){if(!t("disabled"))return a.trackPress({pointerNode:F(d),keyboardNode:l(d),isValidKey:c=>c.key===" ",onPress:()=>e.set("active",!1),onPressStart:()=>e.set("active",!0),onPressEnd:()=>e.set("active",!1)})},trackFocusVisible({computed:e,scope:t}){if(!e("disabled"))return T.trackFocusVisible({root:t.getRootNode?.()})},trackFormControlState({context:e,scope:t}){return a.trackFormControl(l(t),{onFieldsetDisabledChange(d){e.set("fieldsetDisabled",d)},onFormReset(){e.set("checked",e.initial("checked"))}})}},actions:{setContext({context:e,event:t}){for(const d in t.context)e.set(d,t.context[d])},syncInputElement({context:e,computed:t,scope:d}){const c=l(d);c&&(a.setElementChecked(c,t("checked")),c.indeterminate=k(e.get("checked")))},removeFocusIfNeeded({context:e,prop:t}){t("disabled")&&e.get("focused")&&(e.set("focused",!1),e.set("focusVisible",!1))},setChecked({context:e,event:t}){e.set("checked",t.checked)},toggleChecked({context:e,computed:t}){const d=k(t("checked"))?!0:!t("checked");e.set("checked",d)},dispatchChangeEvent({computed:e,scope:t}){queueMicrotask(()=>{const d=l(t);a.dispatchInputCheckedEvent(d,{checked:e("checked")})})}}}});function k(e){return e==="indeterminate"}function D(e){return k(e)?!1:!!e}P.createProps()(["defaultChecked","checked","dir","disabled","form","getRootNode","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]);const O=S.extendWith("group"),H={sm:3,md:4,lg:5},q={sm:2,md:2,lg:3};exports.CheckboxLabelSpacing=q;exports.CheckboxSizeMap=H;exports.checkboxAnatomy=O;exports.connect=A;exports.machine=N;
-//# sourceMappingURL=checkbox.records-D7NUtCRR.js.map

package/dist/chunks/conversationCard.component-qWYvoxVn.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),q=require("./card.component-KNc4HKSh.js"),z=require("./timestamp.component-DEx0cUkA.js"),T=require("./notificationCounter.component-BhZcuBmr.js"),v=require("./icon.component-DjiNNeqF.js"),x=require("./heading.component-DkT5GYvU.js"),y=require("./avatar.component-RKtP3MZt.js"),b=require("./flex-D14H6HbP.js"),u=require("./h-stack-Bjx9hlJo.js"),H=require("./v-stack-DxjgpeJ0.js"),m=require("./box-Baq7UBls.js"),E=require("./button.component-BQA_MGYQ.js"),I=require("./menu.component-BgAx3SsR.js"),B=require("./tag.component-C6a6EzZB.js"),h=require("./wrap-CNn1kyJX.js"),F=({avatars:t,max:n=1,onAvatarGroupClick:s,tooltipLabel:r})=>e.jsxRuntimeExports.jsx(x.Tooltip,{label:r||"",disabled:!r?.length,children:e.jsxRuntimeExports.jsx(b.Flex,{className:"ConversationCard__AvatarGroup",alignItems:"flex-start",justifyContent:"flex-start",children:n&&t.length>n?e.jsxRuntimeExports.jsx(y.Avatar,{onClick:a=>{a.stopPropagation(),s&&s(a)},cursor:"pointer",name:t.length.toString(),showTooltip:!1}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.map(a=>a)})})}),W=({avatarGroupProps:t,timestampProps:n,isHoveringCard:s,isCardPinned:r,title:a,showNotificationIndicator:d,subtitle:i})=>e.jsxRuntimeExports.jsxs(u.HStack,{className:"ConversationCard__Header","data-testid":"kibble-conversation-card-header",justify:"space-between",align:"flex-start",children:[e.jsxRuntimeExports.jsxs(u.HStack,{className:"ConversationCard__Header--Left","data-testid":"kibble-conversation-card-header-left",cursor:"pointer",children:[t&&e.jsxRuntimeExports.jsx(F,{...t,tooltipLabel:t?.tooltipLabel||a}),e.jsxRuntimeExports.jsxs(H.VStack,{className:"ConversationCard__HeaderText","data-testid":"kibble-conversation-card-header-text",justify:"center",align:"left",gap:"0",children:[e.jsxRuntimeExports.jsx(x.WrappedHeading,{className:"ConversationCard__HeaderText--Title","data-testid":"kibble-conversation-card-header-title",size:"sm",truncated:!0,children:a}),i&&e.jsxRuntimeExports.jsx(x.WrappedText,{className:"ConversationCard__HeaderText--Subtitle","data-testid":"kibble-conversation-card-header-subtitle",size:"sm",variant:"subtle",truncated:!0,children:i})]})]}),e.jsxRuntimeExports.jsxs(u.HStack,{className:"ConversationCard__Header--Right","data-testid":"kibble-conversation-card-header-right",visibility:s?"hidden":"visible",align:"center",gap:1,children:[e.jsxRuntimeExports.jsx(z.Timestamp,{...n}),d&&e.jsxRuntimeExports.jsx(m.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator",children:e.jsxRuntimeExports.jsx(T.NotificationCounter,{size:"xs"})}),r&&e.jsxRuntimeExports.jsx(b.Flex,{"data-testid":"conversation-card-pinned-icon",children:e.jsxRuntimeExports.jsx(v.Icon,{size:"md",variant:"info",name:"pin"})})]})]}),O=({overlayProps:t,pinProps:n,headerMenuProps:s,isHovering:r,setIsHovering:a})=>{const{isOpenInOverlay:d,onOpenInOverlay:i}=t||{},{isPinned:o,onTogglePin:c}=n||{},{listProps:l}=s||{},p=o?"pinCancel":"pin";return e.jsxRuntimeExports.jsxs(u.HStack,{className:"ConversationCard__Menu","data-testid":"kibble-conversation-card-menu",gap:1,children:[t&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__OverlayButton","data-testid":"conversation-card-overlay-icon-button",variant:"secondarySubtle",borderRadius:"sm",...d&&{active:!0},onClick:()=>{i&&i(),r&&a(!1)},iconName:"popup",size:"sm"}),n&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__PinButton","data-testid":"conversation-card-pin-toggle-icon-button",variant:o?"secondarySubtleDestructive":"secondarySubtle",borderRadius:"sm",onClick:()=>{c&&c(!o),r&&a(!1)},iconName:p,size:"sm"}),s&&e.jsxRuntimeExports.jsx(I.Menu,{buttonProps:s.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",iconName:"dotsVertical",hideCaret:!0,padding:0},closeOnSelect:!1,lazyMount:!0,...s,listProps:{...l,menuItems:[...n?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:`${o?"Unpin":"Pin"} Conversation`,value:"PinConversation",variant:o?"danger":"default",leftElement:e.jsxRuntimeExports.jsx(v.Icon,{size:"md",variant:o?"danger":"default",name:p}),onSelect:()=>{c&&c(!o)}}]:[],...l?.menuItems||[]]}})]})},w=({tags:t})=>e.jsxRuntimeExports.jsx(m.Box,{className:"ConversationCard__Tags",mt:3,children:e.jsxRuntimeExports.jsx(h.Wrap,{gap:"6px",children:t.map(n=>{const{tooltipContent:s,...r}=n;let a=e.jsxRuntimeExports.jsx(B.Tag,{...r,size:"sm",textTransform:"capitalize"});return s&&(a=e.jsxRuntimeExports.jsx(x.Tooltip,{label:s,placement:"top",children:e.jsxRuntimeExports.jsx(m.Box,{children:a})})),e.jsxRuntimeExports.jsx(h.WrapItem,{children:a},n.label)})})}),M=({iconProps:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(x.WrappedText,{className:"ConversationCard__FooterMessage","data-testid":"kibble-conversation-card-footer-message",size:"sm",variant:"subtle",...s,...t&&{ml:1},children:n}):n;return e.jsxRuntimeExports.jsxs(b.Flex,{className:"ConversationCard__Footer","data-testid":"kibble-conversation-card-footer",mt:3,alignItems:"center",children:[t&&e.jsxRuntimeExports.jsx(v.Icon,{size:"sm",variant:"subtle",...t}),r]})},A=({contentMenu:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(x.WrappedText,{className:"ConversationCard__Content","data-testid":"kibble-conversation-card-content",truncated:!0,size:"sm",...s,children:n}):n;return e.jsxRuntimeExports.jsxs(u.HStack,{className:"ConversationCard__ContentContainer","data-testid":"kibble-conversation-card-content-container",mt:3,justifyContent:"space-between",alignItems:"center",children:[r,t&&e.jsxRuntimeExports.jsx(m.Box,{className:"ConversationCard__ContentMenu","data-testid":"kibble-conversation-card-content-menu",ml:"auto",children:t})]})},L=({allowHoverActions:t=!0,avatarGroupProps:n,content:s,contentProps:r,contentMenu:a,footerProps:d,headerMenuProps:i,headerProps:o,active:c,onClick:l,overlayProps:p,pinProps:R,shouldPreservePosition:f=!1,showNotificationIndicator:_,tags:g})=>{const{isPinned:k}=R||{},[j,C]=S.useState(!1);return e.jsxRuntimeExports.jsxs(q.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"kibble-conversation-card",interactive:!0,active:c,size:"sm",fullWidth:!0,onClick:()=>{l&&l()},bg:_||c||j?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{t&&C(!0)},onMouseLeave:()=>C(!1),pos:"relative",css:{overflowAnchor:f?"auto":"none"},children:[j&&e.jsxRuntimeExports.jsx(m.Box,{className:"ConversationCard__Menu--Container","data-testid":"kibble-conversation-card-menu-container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background",borderRadius:"md",onClick:N=>N.stopPropagation(),children:e.jsxRuntimeExports.jsx(O,{overlayProps:p,pinProps:R,headerMenuProps:i,isHovering:j,setIsHovering:C})}),e.jsxRuntimeExports.jsx(W,{avatarGroupProps:n,isHoveringCard:j,isCardPinned:k,showNotificationIndicator:_,...o}),e.jsxRuntimeExports.jsx(A,{content:s,contentProps:r,contentMenu:a}),!!g?.length&&e.jsxRuntimeExports.jsx(w,{tags:g}),d&&e.jsxRuntimeExports.jsx(M,{...d})]})};exports.ConversationCard=L;
-//# sourceMappingURL=conversationCard.component-qWYvoxVn.js.map