@televet/kibble-ui 4.0.0-beta.73 → 4.0.0-beta.76

package/dist/esm/index.js

@@ -1,58 +1,57 @@
-import { A as a, a as e } from "../chunks/alert.types-Bxrz2UAB.js";
-import { A as s } from "../chunks/avatar.component-DPu-22kf.js";
+import { A as a, a as e } from "../chunks/alert.types-PdqwnPFk.js";
+import { A as s } from "../chunks/avatar.component-ChgtiH34.js";
 import { a as i, b as m } from "../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../chunks/avatarGroup.component-DHhW8fL3.js";
+import { A as x } from "../chunks/avatarGroup.component-DqY1U0nn.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-Q7Ul0yrS.js";
+import { B as g } from "../chunks/buttonGroup.component-Dw1eWco8.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-CNo6Xau3.js";
-import { W } from "../chunks/checkbox.component-GElI75y2.js";
-import { W as V } from "../chunks/checkboxGroup.component-CvEAkFlp.js";
-import { C as A } from "../chunks/conversationCard.component-DnIpQo_a.js";
-import { a as I, D as L } from "../chunks/datePicker.component-27W5L9DI.js";
+import { C as D } from "../chunks/characterCounter.component-DL4T3MCU.js";
+import { W } from "../chunks/checkbox.component-Ctl_OMbe.js";
+import { W as V } from "../chunks/checkboxGroup.component-BXOO72eO.js";
+import { C as A } from "../chunks/conversationCard.component-C-FkaUmK.js";
+import { a as I, D as L } from "../chunks/datePicker.component-BBOkyyla.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-C7W_ipcL.js";
+import { W as O } from "../chunks/heading.component-BzNpnXHK.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-CFYFhp7-.js";
-import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-CUUJVRPN.js";
+import { M as oo } from "../chunks/menu.component-C6JbDroI.js";
+import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-nOPrSEJd.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-DX8ognpo.js";
-import { P as bo } from "../chunks/popover.component-CDGsZ6d_.js";
+import { W as To, p as So } from "../chunks/pinInput.types-W39JHqF7.js";
+import { P as bo } from "../chunks/popover.component-C6ERLtW7.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-yIs1Q3VP.js";
-import { R as Mo } from "../chunks/ratingDots.component-CnCN-czr.js";
-import { W as Bo } from "../chunks/select.component-DtvSUpfM.js";
-import { S as ko } from "../chunks/sortableList.component-CNysbmV6.js";
-import { S as wo } from "../chunks/spinner.component-BJ6rOgt8.js";
+import { W as zo } from "../chunks/radioGroup.component-CprwLxl1.js";
+import { R as Mo } from "../chunks/ratingDots.component-DOB0-Fyl.js";
+import { W as Bo } from "../chunks/select.component-D_UomQ_K.js";
+import { S as ko } from "../chunks/sortableList.component-Du0lV3PZ.js";
+import { S as wo } from "../chunks/spinner.component-DRjoEc9z.js";
 import { s as Lo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-SAw52UC4.js";
+import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-BgSRTKhc.js";
 import { S as Fo, s as Ho } from "../chunks/swatch.types-DbgA3RWc.js";
-import { W as jo } from "../chunks/switch.component-C1hrMzRm.js";
-import { T as Eo } from "../chunks/tabs.component-CmBdxZ28.js";
+import { W as jo } from "../chunks/switch.component-Dg54t6kn.js";
+import { T as Eo } from "../chunks/tabs.component-U9KpRJQV.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-33yx8LBM.js";
-import { W as rr } from "../chunks/text.component-Ck6rZy2v.js";
-import { W as er } from "../chunks/textInput.component-CUKklyGx.js";
-import { W as sr } from "../chunks/textarea.component-BcL2jK0X.js";
-import { M as ir, T as mr } from "../chunks/timePicker.component-CMouXVow.js";
-import { T as xr } from "../chunks/timeRange.component-nrPWV1NY.js";
-import { T as lr } from "../chunks/timestamp.component-Dtn5KtVA.js";
-import { useToast as cr } from "./components/Toast/index.js";
-import { T as Tr } from "../chunks/tooltip.component-BdlSO_v_.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-FIFC-_Wf.js";
+import { T as _o, a as $o } from "../chunks/tagBlock.component-BZG468o5.js";
+import { W as rr, T as ar } from "../chunks/withTruncation-BAxxp5gA.js";
+import { W as tr } from "../chunks/textInput.component-CcyrHWXa.js";
+import { W as pr } from "../chunks/textarea.component-B_KAENP6.js";
+import { M as mr, T as nr } from "../chunks/timePicker.component-Co16Tl6i.js";
+import { T as fr } from "../chunks/timeRange.component-CFgHqQ-a.js";
+import { T as ur } from "../chunks/timestamp.component-D1c35p1O.js";
+import { useToast as dr } from "./components/Toast/index.js";
+import { w as Sr, a as vr } from "../chunks/index-BknUKotT.js";
+import { useBreakpoint as gr } from "./hooks/useBreakpoint/index.js";
+import { u as Pr, a as hr } from "../chunks/index-CgivotaP.js";
+import { useDeviceType as zr } from "./hooks/useDeviceType/index.js";
+import { alignments as Mr, flexDirections as Wr, placements as Br, statuses as Vr, typographyVariants as kr } from "./shared/types/index.js";
+import { K as wr, s as Ir } from "../chunks/theme.provider-px_2ytDm.js";
 export {
   a as Alert,
   s as Avatar,
@@ -69,11 +68,11 @@ export {
   R as Divider,
   O as Heading,
   q as Icon,
-  Ir as KibbleThemeProvider,
+  wr as KibbleThemeProvider,
   U as Link,
   Y as Logo,
   oo as Menu,
-  ir as Meridiem,
+  mr as Meridiem,
   ao as Modal,
   mo as NotificationCounter,
   uo as Picture,
@@ -92,14 +91,14 @@ export {
   _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,
+  tr as TextInput,
+  pr as Textarea,
+  nr as TimePicker,
+  fr as TimeRange,
+  ur as Timestamp,
+  ar as Tooltip,
   e as alertButtonPositions,
-  Wr as alignments,
+  Mr as alignments,
   i as avatarSizes,
   m as avatarVariants,
   c as buttonConfigVariants,
@@ -112,7 +111,7 @@ export {
   K as dividerOrientations,
   N as dividerSizes,
   F as dividerVariants,
-  Br as flexDirections,
+  Wr as flexDirections,
   J as iconSizes,
   Z as logoTypes,
   _ as logoVariants,
@@ -123,23 +122,23 @@ export {
   xo as notificationCounterSizes,
   fo as notificationCounterVariants,
   So as pinInputTypes,
-  Vr as placements,
+  Br as placements,
   Co as popoverSizes,
   Po as popoverTriggerTypes,
   ho as popoverVariants,
   Lo as spinnerSizes,
-  kr as statuses,
+  Vr as statuses,
   Ko as styledAvatarTypes,
   Ho as swatchSizes,
-  Lr as system,
+  Ir 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
+  kr as typographyVariants,
+  gr as useBreakpoint,
+  Pr as useColorMode,
+  hr as useColorModeValue,
+  zr as useDeviceType,
+  dr as useToast,
+  Sr as withDarkMode,
+  vr 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-FIFC-_Wf.js";
+import { K as r, s as m } from "../../chunks/theme.provider-px_2ytDm.js";
 export {
   r as KibbleThemeProvider,
   m as system

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

@@ -1 +1 @@
-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">>;
+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">>;

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

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

package/dist/types/components/Popover/popover.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer" | "trigger";
+type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer";
 type PopoverSlotStyles = {
     [key in PopoverSlot]?: SystemStyleObject;
 };

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

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

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

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
-import { HoverCard } from '@chakra-ui/react/hover-card';
+import { Tooltip as CTooltip } from '@chakra-ui/react/tooltip';
 import { Placement } from '../../shared/types/placement';
-export interface TooltipProps extends Omit<HoverCard.RootProps, "children"> {
-    children?: React.ReactNode;
-    disabled?: boolean;
+export interface TooltipProps extends CTooltip.RootProps {
     label: string;
     placement?: Placement;
     portalled?: boolean;

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

@@ -1 +1 @@
-export declare const tooltipRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"arrow" | "arrowTip" | "trigger" | "positioner" | "content" | "root", import('@chakra-ui/react').SlotRecipeVariantRecord<"arrow" | "arrowTip" | "trigger" | "positioner" | "content" | "root">>;
+export declare const tooltipRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "arrow" | "arrowTip", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "trigger" | "arrow" | "arrowTip">>;

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

@@ -2,6 +2,9 @@ export declare const zIndexTokens: {
     base: {
         value: string;
     };
+    overlay: {
+        value: string;
+    };
     popover: {
         value: string;
     };
@@ -11,9 +14,6 @@ export declare const zIndexTokens: {
     tooltip: {
         value: string;
     };
-    overlay: {
-        value: string;
-    };
     sticky: {
         value: string;
     };

package/package.json

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

package/dist/chunks/avatar.component-BdkTgslj.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("./jsx-runtime-BjDatQAs.js"),n=require("react"),N=require("./tooltip.component-Dq7F5JIs.js"),g=require("./icon.component-C0e0UGBw.js"),h=require("./float-OQXnYWBw.js"),M=require("./config-BFcXpdZo.js"),F=require("./use-recipe-DaPWl_pL.js"),H=require("./flex-D14H6HbP.js"),V=require("./box-Baq7UBls.js"),f=require("./factory-D6tdBUPG.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),$=require("./use-slot-recipe-8liupslO.js"),G=require("./group-Cv7AQw1b.js"),i=require("./use-locale-context-D0LByRu9.js"),j=require("./index-DOXzraja.js"),m=require("./index-CHIISuTq.js"),L=r=>r&&r.__esModule?r:{default:r},Z=L(n),[C,k]=i.createContext({name:"AvatarContext",hookName:"useAvatarContext",providerName:"<AvatarProvider />"}),A=n.forwardRef((r,e)=>{const s=k(),t=m.mergeProps(s.getFallbackProps(),r);return a.jsxRuntimeExports.jsx(i.ark.span,{...t,ref:e})});A.displayName="AvatarFallback";const w=n.forwardRef((r,e)=>{const s=k(),t=m.mergeProps(s.getImageProps(),r);return a.jsxRuntimeExports.jsx(i.ark.img,{...t,ref:e})});w.displayName="AvatarImage";const O=r=>{const e=n.useId(),{getRootNode:s}=i.useEnvironmentContext(),{dir:t}=i.useLocaleContext(),o={id:e,dir:t,getRootNode:s,...r},c=i.useMachine(j.machine,o);return j.connect(c,i.normalizeProps)},E=n.forwardRef((r,e)=>{const[s,t]=i.createSplitProps()(r,["id","ids","onStatusChange"]),o=O(s),c=m.mergeProps(o.getRootProps(),t);return a.jsxRuntimeExports.jsx(C,{value:o,children:a.jsxRuntimeExports.jsx(i.ark.div,{...c,ref:e})})});E.displayName="AvatarRoot";const P=n.forwardRef((r,e)=>{const[{value:s},t]=i.createSplitProps()(r,["value"]),o=m.mergeProps(s.getRootProps(),t);return a.jsxRuntimeExports.jsx(C,{value:s,children:a.jsxRuntimeExports.jsx(i.ark.div,{...o,ref:e})})});P.displayName="AvatarRootProvider";const{withProvider:S,withContext:D,useStyles:T,useClassNames:X,PropsProvider:J}=W.createSlotRecipeContext({key:"avatar"});S(P,"root",{forwardAsChild:!0});const K=S(E,"root",{forwardAsChild:!0}),Q=f.chakra(A,{},{forwardAsChild:!0});function U(r){return r.children||r.asChild?r.children:r.name?Y(r.name):a.jsxRuntimeExports.jsx(re,{})}function Y(r){const e=r.trim().split(" "),s=e[0]!=null?e[0]:"",t=e.length>1?e[e.length-1]:"";return s&&t?`${s.charAt(0)}${t.charAt(0)}`:s.charAt(0)}const ee=n.forwardRef(function(e,s){const t=T(),o=X(),{name:c,...u}=e;return a.jsxRuntimeExports.jsx(Q,{ref:s,...u,className:f.cx(e.className,o.fallback),css:[t.fallback,e.css],children:U(e)})}),te=D(w,"image",{forwardAsChild:!0,defaultProps:{draggable:"false",referrerPolicy:"no-referrer"}}),re=n.forwardRef(function(e,s){return a.jsxRuntimeExports.jsx(f.chakra.svg,{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1.2em",width:"1.2em",ref:s,...e,children:a.jsxRuntimeExports.jsx("path",{d:"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z"})})}),se=n.forwardRef(function(e,s){const t=$.useSlotRecipe({key:"avatar"}),[o,c]=n.useMemo(()=>t.splitVariantProps(e),[e,t]);return a.jsxRuntimeExports.jsx(J,{value:o,children:a.jsxRuntimeExports.jsx(G.Group,{gap:"0",spaceX:"-3",ref:s,...c})})}),ae=({avatarSize:r,onRemove:e,isBeingHovered:s,setIsBeingHovered:t})=>{const o=n.useCallback(c=>{c.stopPropagation(),e&&e(c)},[e]);return a.jsxRuntimeExports.jsx(h.Float,{className:"Avatar__RemoveButton","data-testid":"kibble-avatar-remove-button",backgroundColor:"background",borderRadius:"full",cursor:"pointer",display:"none",h:4,onClick:o,onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),w:4,zIndex:"tooltip",offset:r==="xl"?2:.5,_groupHover:{display:"flex"},children:a.jsxRuntimeExports.jsx(g.Icon,{variant:"default",name:"closeCircleSolid",size:s?"sm":"xs"})})},I=({currentSize:r,larger:e=!0,delta:s=1})=>{let t;switch(r){case"xs":t=e?"sm":"xs";break;case"sm":t=e?"md":"xs";break;case"md":t=e?"lg":"sm";break;case"lg":t=e?"xl":"md";break;case"xl":t=e?"2xl":"lg";break;case"2xl":t=e?"2xl":"xl";break;default:t=r;break}return s>1&&(t=I({currentSize:t,larger:e,delta:s-1})),t},oe={info:{bgColor:"background.info"},default:{bgColor:"background.subtle.less"},error:{bgColor:"background.danger"},success:{bgColor:"background.success"},warning:{bgColor:"background.warning"}},ne={xs:{boxSize:"10px"},sm:{boxSize:"18px"},md:{boxSize:"18px"},lg:{boxSize:"18px"},xl:{borderWidth:"2px",boxSize:"24px"}},ce=M.defineRecipe({base:{alignItems:"center",borderColor:"border.strong.contrast",borderRadius:"full",borderWidth:"1px",justifyContent:"center"},variants:{size:ne,status:oe,withIcon:{true:{},false:{}}},defaultVariants:{status:"info"},compoundVariants:[{withIcon:!1,status:"info",css:{bgColor:"background.secondary"}},{withIcon:!1,status:"default",css:{bgColor:"background.contrast"}},{withIcon:!1,status:"error",css:{bgColor:"background.destructive"}},{withIcon:!1,status:"success",css:{bgColor:"background.success.contrast"}},{withIcon:!1,status:"warning",css:{bgColor:"background.warning.contrast"}},{withIcon:!1,size:["sm","md","lg"],css:{boxSize:"12px"}},{withIcon:!1,size:"xl",css:{borderWidth:"2px",boxSize:"16px"}}]}),ie={xs:.5,sm:.5,md:.5,lg:.5,xl:2},le={xs:.5,sm:.5,md:1,lg:1,xl:2},ue=({avatarSize:r="md",iconName:e,position:s="bottom-end",status:t="info",...o})=>{const u=F.useRecipe({recipe:ce})({status:t,size:r,withIcon:!!e}),d=n.useMemo(()=>r==="xs"||!e,[e,r]),p=n.useMemo(()=>d?le:ie,[d]);return a.jsxRuntimeExports.jsx(h.Float,{className:"Avatar__BadgeWrapper","data-testid":"kibble-avatar-badge-wrapper",offset:p[r],placement:s,children:a.jsxRuntimeExports.jsx(H.Flex,{className:"Avatar__Badge","data-testid":"kibble-avatar-badge",css:u,...o,children:!d&&e&&a.jsxRuntimeExports.jsx(g.Icon,{name:e,variant:t!=="error"?t:"danger",size:r==="xl"?"sm":"xs"})})})},de=({badgeProps:r,hideBorder:e,iconName:s,name:t="",onClick:o,onRemove:c,showBadge:u,showRemoveButton:d,showTooltip:p=!0,size:l="md",src:v,tooltipProps:x,variant:y="default",webpSrc:b,...q})=>{const[R,B]=n.useState(!1),_=p&&!R?({children:z})=>a.jsxRuntimeExports.jsx(N.Tooltip,{"data-testid":"kibble-avatar-tooltip",...x,label:x?.label||t,disabled:!t&&!x?.label,placement:x?.placement||"bottom",children:a.jsxRuntimeExports.jsx(V.Box,{children:z})}):Z.default.Fragment;return a.jsxRuntimeExports.jsx(_,{children:a.jsxRuntimeExports.jsxs(K,{className:"Avatar group","data-testid":"kibble-avatar",variant:y,size:l,interactive:!!o,hideBorder:e,onClick:o,...q,children:[a.jsxRuntimeExports.jsx(ee,{name:t,children:s&&a.jsxRuntimeExports.jsx(g.Icon,{name:s,mt:"-1px",size:l==="lg"?"lg":I({currentSize:l,larger:!0,delta:1})})}),u&&a.jsxRuntimeExports.jsx(ue,{avatarSize:l,...r}),(b||v)&&a.jsxRuntimeExports.jsx(te,{src:v,srcSet:b}),d&&l!=="xs"&&a.jsxRuntimeExports.jsx(ae,{avatarSize:l,onRemove:c,isBeingHovered:R,setIsBeingHovered:B})]})})};exports.Avatar=de;exports.AvatarGroup=se;
-//# sourceMappingURL=avatar.component-BdkTgslj.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const a=require("./index-CHIISuTq.js"),T=require("./index-DbTEJc-K.js"),P=require("./use-locale-context-D0LByRu9.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:o}=e,i=r("disabled"),p=r("readOnly"),v=r("invalid"),b=!i&&c.get("focused"),I=!i&&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(i),"data-state":f?"indeterminate":n?"checked":"unchecked","data-invalid":a.dataAttr(v)};return{checked:n,disabled:i,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(o),htmlFor:g(o),onPointerMove(){i||d({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){i||d({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(s){a.getEventTarget(s)===l(o)&&s.stopPropagation()}})},getLabelProps(){return t.element({...h.label.attrs,...u,dir:r("dir"),id:m(o)})},getControlProps(){return t.element({...h.control.attrs,...u,dir:r("dir"),id:x(o),"aria-hidden":!0})},getIndicatorProps(){return t.element({...h.indicator.attrs,...u,dir:r("dir"),hidden:!f&&!n})},getHiddenInputProps(){return t.input({id:g(o),type:"checkbox",required:r("required"),defaultChecked:n,disabled:i,"aria-labelledby":m(o),"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},L={sm:2,md:2,lg:3};exports.CheckboxLabelSpacing=L;exports.CheckboxSizeMap=H;exports.checkboxAnatomy=O;exports.connect=A;exports.machine=N;
-//# sourceMappingURL=checkbox.records-DI3mqSNf.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),z=require("./card.component-KNc4HKSh.js"),T=require("./timestamp.component-CNzJfora.js"),y=require("./notificationCounter.component-BhZcuBmr.js"),C=require("./icon.component-C0e0UGBw.js"),H=require("./heading.component-dGH5sXSB.js"),v=require("./text.component-H5f43IC6.js"),I=require("./avatar.component-BdkTgslj.js"),f=require("./tooltip.component-Dq7F5JIs.js"),b=require("./flex-D14H6HbP.js"),l=require("./h-stack-Bjx9hlJo.js"),B=require("./v-stack-DxjgpeJ0.js"),u=require("./box-Baq7UBls.js"),E=require("./button.component-Dd9AfGox.js"),F=require("./menu.component-BGGElaYy.js"),W=require("./tag.component-C6a6EzZB.js"),h=require("./wrap-CNn1kyJX.js"),O=({avatars:t,max:n=1,onAvatarGroupClick:s,tooltipLabel:r})=>e.jsxRuntimeExports.jsx(f.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(I.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(l.HStack,{className:"ConversationCard__Header","data-testid":"kibble-conversation-card-header",justify:"space-between",align:"flex-start",children:[e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Left","data-testid":"kibble-conversation-card-header-left",cursor:"pointer",children:[t&&e.jsxRuntimeExports.jsx(O,{...t,tooltipLabel:t?.tooltipLabel||a}),e.jsxRuntimeExports.jsxs(B.VStack,{className:"ConversationCard__HeaderText","data-testid":"kibble-conversation-card-header-text",justify:"center",align:"left",gap:"0",children:[e.jsxRuntimeExports.jsx(H.WrappedHeading,{className:"ConversationCard__HeaderText--Title","data-testid":"kibble-conversation-card-header-title",size:"sm",truncated:!0,children:a}),i&&e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__HeaderText--Subtitle","data-testid":"kibble-conversation-card-header-subtitle",size:"sm",variant:"subtle",truncated:!0,children:i})]})]}),e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Right","data-testid":"kibble-conversation-card-header-right",visibility:s?"hidden":"visible",align:"center",gap:1,children:[e.jsxRuntimeExports.jsx(T.Timestamp,{...n}),d&&e.jsxRuntimeExports.jsx(u.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator",children:e.jsxRuntimeExports.jsx(y.NotificationCounter,{size:"xs"})}),r&&e.jsxRuntimeExports.jsx(b.Flex,{"data-testid":"conversation-card-pinned-icon",children:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:"info",name:"pin"})})]})]}),M=({overlayProps:t,pinProps:n,headerMenuProps:s,isHovering:r,setIsHovering:a})=>{const{isOpenInOverlay:d,onOpenInOverlay:i}=t||{},{isPinned:o,onTogglePin:c}=n||{},{listProps:x}=s||{},m=o?"pinCancel":"pin";return e.jsxRuntimeExports.jsxs(l.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:m,size:"sm"}),s&&e.jsxRuntimeExports.jsx(F.Menu,{buttonProps:s.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",iconName:"dotsVertical",hideCaret:!0,padding:0},closeOnSelect:!1,lazyMount:!0,...s,listProps:{...x,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(C.Icon,{size:"md",variant:o?"danger":"default",name:m}),onSelect:()=>{c&&c(!o)}}]:[],...x?.menuItems||[]]}})]})},A=({tags:t})=>e.jsxRuntimeExports.jsx(u.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(W.Tag,{...r,size:"sm",textTransform:"capitalize"});return s&&(a=e.jsxRuntimeExports.jsx(f.Tooltip,{label:s,placement:"top",children:e.jsxRuntimeExports.jsx(u.Box,{children:a})})),e.jsxRuntimeExports.jsx(h.WrapItem,{children:a},n.label)})})}),L=({iconProps:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.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(C.Icon,{size:"sm",variant:"subtle",...t}),r]})},V=({contentMenu:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__Content","data-testid":"kibble-conversation-card-content",truncated:!0,size:"sm",...s,children:n}):n;return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__ContentContainer","data-testid":"kibble-conversation-card-content-container",mt:3,justifyContent:"space-between",alignItems:"center",children:[r,t&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__ContentMenu","data-testid":"kibble-conversation-card-content-menu",ml:"auto",children:t})]})},D=({allowHoverActions:t=!0,avatarGroupProps:n,content:s,contentProps:r,contentMenu:a,footerProps:d,headerMenuProps:i,headerProps:o,active:c,onClick:x,overlayProps:m,pinProps:_,shouldPreservePosition:k=!1,showNotificationIndicator:R,tags:g})=>{const{isPinned:N}=_||{},[p,j]=S.useState(!1);return e.jsxRuntimeExports.jsxs(z.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"kibble-conversation-card",interactive:!0,active:c,size:"sm",fullWidth:!0,onClick:()=>{x&&x()},bg:R||c||p?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{t&&j(!0)},onMouseLeave:()=>j(!1),pos:"relative",css:{overflowAnchor:k?"auto":"none"},children:[p&&e.jsxRuntimeExports.jsx(u.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:q=>q.stopPropagation(),children:e.jsxRuntimeExports.jsx(M,{overlayProps:m,pinProps:_,headerMenuProps:i,isHovering:p,setIsHovering:j})}),e.jsxRuntimeExports.jsx(w,{avatarGroupProps:n,isHoveringCard:p,isCardPinned:N,showNotificationIndicator:R,...o}),e.jsxRuntimeExports.jsx(V,{content:s,contentProps:r,contentMenu:a}),!!g?.length&&e.jsxRuntimeExports.jsx(A,{tags:g}),d&&e.jsxRuntimeExports.jsx(L,{...d})]})};exports.ConversationCard=D;
-//# sourceMappingURL=conversationCard.component-CHm8X5MK.js.map