@televet/kibble-ui 4.0.0-beta.63 → 4.0.0-beta.65

package/dist/esm/components/TimePicker/index.js

@@ -1,4 +1,4 @@
-import { M as r, T as m } from "../../../chunks/timePicker.component-DBzIM9G4.js";
+import { M as r, T as m } from "../../../chunks/timePicker.component-DTs3MjOx.js";
 export {
   r as Meridiem,
   m as TimePicker

package/dist/esm/components/TimeRange/index.js

@@ -1,4 +1,4 @@
-import { T as m } from "../../../chunks/timeRange.component-CNLSxsSZ.js";
+import { T as m } from "../../../chunks/timeRange.component-C5dt8sZn.js";
 export {
   m as TimeRange
 };

package/dist/esm/components/Timestamp/index.js

@@ -1,4 +1,4 @@
-import { T as e } from "../../../chunks/timestamp.component-CbhzpqAt.js";
+import { T as e } from "../../../chunks/timestamp.component-BPU8bf7p.js";
 export {
   e as Timestamp
 };

package/dist/esm/components/Toast/index.js

@@ -1,4 +1,4 @@
-import { f as u, e as b, t as T, d as c, a as l, b as f, h as e } from "../../../chunks/toaster.records-Cf8bpHo8.js";
+import { f as u, e as b, t as T, d as c, a as l, b as f, h as e } from "../../../chunks/toaster.records-BGfpUOVt.js";
 const v = {
   bottom: f,
   "bottom-end": l,

package/dist/esm/components/Tooltip/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../../chunks/withTruncation-CDgWfFpO.js";
+import { T as r } from "../../../chunks/tooltip.component-DgOzrNG3.js";
 export {
   r as Tooltip
 };

package/dist/esm/components/index.js

@@ -1,51 +1,52 @@
-import { A as r, a as t } from "../../chunks/alert.types-QjdV89J8.js";
-import { A as e } from "../../chunks/avatar.component-DhnsK_Su.js";
+import { A as r, a as t } from "../../chunks/alert.types-Dth5h5qO.js";
+import { A as e } from "../../chunks/avatar.component-BPCJZRyT.js";
 import { a as i, b as m } from "../../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../../chunks/avatarGroup.component-BuIOss-r.js";
+import { A as x } from "../../chunks/avatarGroup.component-BnRXVOIV.js";
 import { B as c } from "../../chunks/button.component-BpF3MzbZ.js";
 import { b as T, d, c as l, e as u, a as v } from "../../chunks/button.types-CujqF5RD.js";
-import { B as C } from "../../chunks/buttonGroup.component-CUgf40bo.js";
+import { B as C } from "../../chunks/buttonGroup.component-DQfB4Nj3.js";
 import { C as P } from "../../chunks/card.component-DNX41NGG.js";
 import { c as W } from "../../chunks/card.types-Cixp7ouC.js";
-import { C as B } from "../../chunks/characterCounter.component-0krhcDgO.js";
-import { W as h } from "../../chunks/checkbox.component-D1hf8o_B.js";
-import { W as M } from "../../chunks/checkboxGroup.component-yDUy5BQi.js";
-import { C as k } from "../../chunks/conversationCard.component-E9e_Kl-G.js";
-import { a as L, D as G } from "../../chunks/datePicker.component-Cv88ibpq.js";
+import { C as B } from "../../chunks/characterCounter.component-Cs0y0DOj.js";
+import { W as h } from "../../chunks/checkbox.component-DqlWmIyY.js";
+import { W as M } from "../../chunks/checkboxGroup.component-DBqDJvPC.js";
+import { C as k } from "../../chunks/conversationCard.component-Bg1Q9FdN.js";
+import { a as L, D as G } from "../../chunks/datePicker.component-DfQNebKg.js";
 import { D as w, d as N, a as F, b as H } from "../../chunks/divider.types-0j5qRXed.js";
-import { W as j } from "../../chunks/heading.component-DZ7kmGcE.js";
+import { W as j } from "../../chunks/heading.component-BXcyhAEU.js";
 import { I as E } from "../../chunks/icon.component-DGNCL1Yc.js";
 import { i as K } 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-CXQsathd.js";
-import { M as oo } from "../../chunks/menu.component-bdDcCEay.js";
-import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-vrGXh5fF.js";
-import { N as mo } from "../../chunks/notificationCounter.component-DMr4Mlm9.js";
+import { L as Y, l as Z, a as _ } from "../../chunks/logo.types-By8TqyNf.js";
+import { M as oo } from "../../chunks/menu.component-D4gknsq1.js";
+import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-BV8Eand2.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 So } from "../../chunks/picture.component-DKbaaL64.js";
-import { W as lo, p as uo } from "../../chunks/pinInput.types-jvCDRIOC.js";
-import { P as bo } from "../../chunks/popover.component-BmB0qwpj.js";
+import { W as lo, p as uo } from "../../chunks/pinInput.types-U7Tfj5It.js";
+import { P as bo } from "../../chunks/popover.component-BR8W3Jb8.js";
 import { p as go, b as Po, a as zo } from "../../chunks/popover.types-C-V7Diw4.js";
-import { W as Ao } from "../../chunks/radioGroup.component-CyJiJHx5.js";
-import { R as Do } from "../../chunks/ratingDots.component-HUIKoSFb.js";
-import { W as yo } from "../../chunks/select.component-DLt_2xlg.js";
-import { S as Vo } from "../../chunks/sortableList.component-B_7TyrzG.js";
-import { S as Io } from "../../chunks/spinner.component-Bir81DbZ.js";
+import { W as Ao } from "../../chunks/radioGroup.component-DVsMiHFI.js";
+import { R as Do } from "../../chunks/ratingDots.component-1U-hoEpC.js";
+import { W as yo } from "../../chunks/select.component-5vAzdrZa.js";
+import { S as Vo } from "../../chunks/sortableList.component-BX3EvpRM.js";
+import { S as Io } from "../../chunks/spinner.component-lHj69hIF.js";
 import { s as Go } from "../../chunks/spinner.types-g7cTFJkb.js";
-import { S as wo, s as No } from "../../chunks/styledAvatar.types-CbfoVHIB.js";
-import { S as Ho, s as Oo } from "../../chunks/swatch.types-B8OSJZ-a.js";
-import { W as qo } from "../../chunks/switch.component-Dpu_wRns.js";
-import { T as Jo } from "../../chunks/tabs.component-BHGBxzEH.js";
+import { S as wo, s as No } from "../../chunks/styledAvatar.types-B9SHiNfg.js";
+import { S as Ho, s as Oo } from "../../chunks/swatch.types-DbgA3RWc.js";
+import { W as qo } from "../../chunks/switch.component-DjOGsCIQ.js";
+import { T as Jo } from "../../chunks/tabs.component-Ca9jVGv0.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-3imRPwFH.js";
-import { W as aa, T as ra } from "../../chunks/withTruncation-CDgWfFpO.js";
-import { W as sa } from "../../chunks/textInput.component-4YWnSJOZ.js";
-import { W as pa } from "../../chunks/textarea.component-GhlEwhHu.js";
-import { M as ma, T as na } from "../../chunks/timePicker.component-DBzIM9G4.js";
-import { T as fa } from "../../chunks/timeRange.component-CNLSxsSZ.js";
-import { T as Sa } from "../../chunks/timestamp.component-CbhzpqAt.js";
-import { useToast as da } from "./Toast/index.js";
+import { T as _o, a as $o } from "../../chunks/tagBlock.component-CnPbyaGH.js";
+import { W as aa } from "../../chunks/text.component-Cpruo7MB.js";
+import { W as ta } from "../../chunks/textInput.component-DXtEgbkr.js";
+import { W as ea } from "../../chunks/textarea.component-Do0zHf-1.js";
+import { M as ia, T as ma } from "../../chunks/timePicker.component-DTs3MjOx.js";
+import { T as xa } from "../../chunks/timeRange.component-C5dt8sZn.js";
+import { T as ca } from "../../chunks/timestamp.component-BPU8bf7p.js";
+import { useToast as Ta } from "./Toast/index.js";
+import { T as la } from "../../chunks/tooltip.component-DgOzrNG3.js";
 export {
   r as Alert,
   e as Avatar,
@@ -65,7 +66,7 @@ export {
   U as Link,
   Y as Logo,
   oo as Menu,
-  ma as Meridiem,
+  ia as Meridiem,
   ro as Modal,
   mo as NotificationCounter,
   So as Picture,
@@ -84,12 +85,12 @@ export {
   _o as TagBlock,
   $o as TagDisabledState,
   aa as Text,
-  sa as TextInput,
-  pa as Textarea,
-  na as TimePicker,
-  fa as TimeRange,
-  Sa as Timestamp,
-  ra as Tooltip,
+  ta as TextInput,
+  ea as Textarea,
+  ma as TimePicker,
+  xa as TimeRange,
+  ca as Timestamp,
+  la as Tooltip,
   t as alertButtonPositions,
   i as avatarSizes,
   m as avatarVariants,
@@ -120,6 +121,6 @@ export {
   No as styledAvatarTypes,
   Oo as swatchSizes,
   Yo as tagSizes,
-  da as useToast
+  Ta as useToast
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/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/index.js

@@ -1,57 +1,58 @@
-import { A as a, a as e } from "../chunks/alert.types-QjdV89J8.js";
-import { A as s } from "../chunks/avatar.component-DhnsK_Su.js";
+import { A as a, a as e } from "../chunks/alert.types-Dth5h5qO.js";
+import { A as s } from "../chunks/avatar.component-BPCJZRyT.js";
 import { a as i, b as m } from "../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../chunks/avatarGroup.component-BuIOss-r.js";
+import { A as x } from "../chunks/avatarGroup.component-BnRXVOIV.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-CUgf40bo.js";
+import { B as g } from "../chunks/buttonGroup.component-DQfB4Nj3.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-0krhcDgO.js";
-import { W } from "../chunks/checkbox.component-D1hf8o_B.js";
-import { W as V } from "../chunks/checkboxGroup.component-yDUy5BQi.js";
-import { C as A } from "../chunks/conversationCard.component-E9e_Kl-G.js";
-import { a as I, D as L } from "../chunks/datePicker.component-Cv88ibpq.js";
+import { C as D } from "../chunks/characterCounter.component-Cs0y0DOj.js";
+import { W } from "../chunks/checkbox.component-DqlWmIyY.js";
+import { W as V } from "../chunks/checkboxGroup.component-DBqDJvPC.js";
+import { C as A } from "../chunks/conversationCard.component-Bg1Q9FdN.js";
+import { a as I, D as L } from "../chunks/datePicker.component-DfQNebKg.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-DZ7kmGcE.js";
+import { W as O } from "../chunks/heading.component-BXcyhAEU.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-CXQsathd.js";
-import { M as oo } from "../chunks/menu.component-bdDcCEay.js";
-import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-vrGXh5fF.js";
-import { N as mo } from "../chunks/notificationCounter.component-DMr4Mlm9.js";
+import { L as Y, l as Z, a as _ } from "../chunks/logo.types-By8TqyNf.js";
+import { M as oo } from "../chunks/menu.component-D4gknsq1.js";
+import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-BV8Eand2.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-jvCDRIOC.js";
-import { P as bo } from "../chunks/popover.component-BmB0qwpj.js";
+import { W as To, p as So } from "../chunks/pinInput.types-U7Tfj5It.js";
+import { P as bo } from "../chunks/popover.component-BR8W3Jb8.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-CyJiJHx5.js";
-import { R as Mo } from "../chunks/ratingDots.component-HUIKoSFb.js";
-import { W as Bo } from "../chunks/select.component-DLt_2xlg.js";
-import { S as ko } from "../chunks/sortableList.component-B_7TyrzG.js";
-import { S as wo } from "../chunks/spinner.component-Bir81DbZ.js";
+import { W as zo } from "../chunks/radioGroup.component-DVsMiHFI.js";
+import { R as Mo } from "../chunks/ratingDots.component-1U-hoEpC.js";
+import { W as Bo } from "../chunks/select.component-5vAzdrZa.js";
+import { S as ko } from "../chunks/sortableList.component-BX3EvpRM.js";
+import { S as wo } from "../chunks/spinner.component-lHj69hIF.js";
 import { s as Lo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-CbfoVHIB.js";
-import { S as Fo, s as Ho } from "../chunks/swatch.types-B8OSJZ-a.js";
-import { W as jo } from "../chunks/switch.component-Dpu_wRns.js";
-import { T as Eo } from "../chunks/tabs.component-BHGBxzEH.js";
+import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-B9SHiNfg.js";
+import { S as Fo, s as Ho } from "../chunks/swatch.types-DbgA3RWc.js";
+import { W as jo } from "../chunks/switch.component-DjOGsCIQ.js";
+import { T as Eo } from "../chunks/tabs.component-Ca9jVGv0.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-3imRPwFH.js";
-import { W as rr, T as ar } from "../chunks/withTruncation-CDgWfFpO.js";
-import { W as tr } from "../chunks/textInput.component-4YWnSJOZ.js";
-import { W as pr } from "../chunks/textarea.component-GhlEwhHu.js";
-import { M as mr, T as nr } from "../chunks/timePicker.component-DBzIM9G4.js";
-import { T as fr } from "../chunks/timeRange.component-CNLSxsSZ.js";
-import { T as ur } from "../chunks/timestamp.component-CbhzpqAt.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-D_vTiS-g.js";
+import { T as _o, a as $o } from "../chunks/tagBlock.component-CnPbyaGH.js";
+import { W as rr } from "../chunks/text.component-Cpruo7MB.js";
+import { W as er } from "../chunks/textInput.component-DXtEgbkr.js";
+import { W as sr } from "../chunks/textarea.component-Do0zHf-1.js";
+import { M as ir, T as mr } from "../chunks/timePicker.component-DTs3MjOx.js";
+import { T as xr } from "../chunks/timeRange.component-C5dt8sZn.js";
+import { T as lr } from "../chunks/timestamp.component-BPU8bf7p.js";
+import { useToast as cr } from "./components/Toast/index.js";
+import { T as Tr } from "../chunks/tooltip.component-DgOzrNG3.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-Dj4pZ815.js";
 export {
   a as Alert,
   s as Avatar,
@@ -68,11 +69,11 @@ export {
   R as Divider,
   O as Heading,
   q as Icon,
-  wr as KibbleThemeProvider,
+  Ir as KibbleThemeProvider,
   U as Link,
   Y as Logo,
   oo as Menu,
-  mr as Meridiem,
+  ir as Meridiem,
   ao as Modal,
   mo as NotificationCounter,
   uo as Picture,
@@ -91,14 +92,14 @@ export {
   _o as TagBlock,
   $o as TagDisabledState,
   rr as Text,
-  tr as TextInput,
-  pr as Textarea,
-  nr as TimePicker,
-  fr as TimeRange,
-  ur as Timestamp,
-  ar as Tooltip,
+  er as TextInput,
+  sr as Textarea,
+  mr as TimePicker,
+  xr as TimeRange,
+  lr as Timestamp,
+  Tr as Tooltip,
   e as alertButtonPositions,
-  Mr as alignments,
+  Wr as alignments,
   i as avatarSizes,
   m as avatarVariants,
   c as buttonConfigVariants,
@@ -111,7 +112,7 @@ export {
   K as dividerOrientations,
   N as dividerSizes,
   F as dividerVariants,
-  Wr as flexDirections,
+  Br as flexDirections,
   J as iconSizes,
   Z as logoTypes,
   _ as logoVariants,
@@ -122,23 +123,23 @@ export {
   xo as notificationCounterSizes,
   fo as notificationCounterVariants,
   So as pinInputTypes,
-  Br as placements,
+  Vr as placements,
   Co as popoverSizes,
   Po as popoverTriggerTypes,
   ho as popoverVariants,
   Lo as spinnerSizes,
-  Vr as statuses,
+  kr as statuses,
   Ko as styledAvatarTypes,
   Ho as swatchSizes,
-  Ir as system,
+  Lr as system,
   Yo as tagSizes,
-  kr as typographyVariants,
-  gr as useBreakpoint,
-  Pr as useColorMode,
-  hr as useColorModeValue,
-  zr as useDeviceType,
-  dr as useToast,
-  Sr as withDarkMode,
-  vr as withLightMode
+  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-D_vTiS-g.js";
+import { K as r, s as m } from "../../chunks/theme.provider-Dj4pZ815.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<"content" | "checkboxItem" | "item" | "itemGroupLabel" | "trigger" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "checkboxItem" | "item" | "itemGroupLabel" | "trigger" | "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" | "positioner" | "closeTrigger" | "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,12 @@
 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;
 }
-export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: {
+    ({ children, disabled, openDelay, placement, positioning, portalled, label, ...rest }: TooltipProps): React.JSX.Element;
+    displayName: string;
+};

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

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

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

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

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

@@ -2,9 +2,6 @@ export declare const zIndexTokens: {
     base: {
         value: string;
     };
-    overlay: {
-        value: string;
-    };
     popover: {
         value: string;
     };
@@ -14,13 +11,10 @@ export declare const zIndexTokens: {
     tooltip: {
         value: string;
     };
-    auto: {
-        value: string;
-    };
-    sticky: {
+    overlay: {
         value: string;
     };
-    banner: {
+    tooltipExtra: {
         value: string;
     };
     hide: {
@@ -32,13 +26,19 @@ export declare const zIndexTokens: {
     dropdown: {
         value: string;
     };
+    sticky: {
+        value: string;
+    };
+    banner: {
+        value: string;
+    };
     modal: {
         value: string;
     };
-    skipLink: {
+    auto: {
         value: string;
     };
-    tooltipExtra: {
+    skipLink: {
         value: string;
     };
 };

package/package.json

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

package/dist/chunks/avatar.component-Bx-G6wRN.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("./jsx-runtime-BjDatQAs.js"),n=require("react"),N=require("./withTruncation-XdRr8uDJ.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("./portal-TWtD47zg.js"),j=require("./index-BfD9Ne2e.js"),m=require("./index-BlGAWSIX.js"),Z=r=>r&&r.__esModule?r:{default:r},L=Z(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:T,useStyles:D,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=D(),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=T(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})}):L.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-Bx-G6wRN.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),$=require("./withFormControl-BI8pqhZl.js"),P=require("./card.component-KNc4HKSh.js"),H=require("./withTruncation-XdRr8uDJ.js"),m=require("./checkbox.records-wbkLltak.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),f=require("./factory-D6tdBUPG.js"),T=require("./attr-BMs6szZx.js"),D=require("./empty-B5_AO6Pg.js"),Y=require("./use-recipe-DaPWl_pL.js"),i=require("./portal-TWtD47zg.js"),y=require("./use-field-context-xBX4EpFz.js"),b=require("./index-BlGAWSIX.js"),B=o=>o&&o.__esModule?o:{default:o},E=B(u),[_,j]=i.createContext({name:"CheckboxContext",hookName:"useCheckboxContext",providerName:"<CheckboxProvider />"}),w=u.forwardRef((o,e)=>{const t=j(),s=b.mergeProps(t.getControlProps(),o);return n.jsxRuntimeExports.jsx(i.ark.div,{...s,ref:e})});w.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 N(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}),q=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["defaultValue","value","onValueChange","disabled","invalid","readOnly","name"]),r=N(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})})});q.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=Y.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?D.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":T.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(w,"control",{forwardAsChild:!0,defaultProps:{children:n.jsxRuntimeExports.jsx(M,{})}}),oe=f.chakra(q,{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=N;
-//# sourceMappingURL=checkbox.component-CanZsQHo.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const a=require("./index-BlGAWSIX.js"),T=require("./index-Fztcdoo_.js"),P=require("./portal-TWtD47zg.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-wbkLltak.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),q=require("react"),S=require("./card.component-KNc4HKSh.js"),T=require("./timestamp.component-DWGPmV_e.js"),z=require("./notificationCounter.component-BhZcuBmr.js"),v=require("./icon.component-C0e0UGBw.js"),y=require("./heading.component-CcrIqjxB.js"),m=require("./withTruncation-XdRr8uDJ.js"),H=require("./avatar.component-Bx-G6wRN.js"),b=require("./flex-D14H6HbP.js"),l=require("./h-stack-Bjx9hlJo.js"),I=require("./v-stack-DxjgpeJ0.js"),u=require("./box-Baq7UBls.js"),E=require("./button.component-Dd9AfGox.js"),B=require("./menu.component-BsIFHOah.js"),F=require("./tag.component-C6a6EzZB.js"),h=require("./wrap-CNn1kyJX.js"),W=({avatars:t,max:n=1,onAvatarGroupClick:s,tooltipLabel:r})=>e.jsxRuntimeExports.jsx(m.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(H.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(W,{...t,tooltipLabel:t?.tooltipLabel||a}),e.jsxRuntimeExports.jsxs(I.VStack,{className:"ConversationCard__HeaderText","data-testid":"kibble-conversation-card-header-text",justify:"center",align:"left",gap:"0",children:[e.jsxRuntimeExports.jsx(y.WrappedHeading,{className:"ConversationCard__HeaderText--Title","data-testid":"kibble-conversation-card-header-title",size:"sm",truncated:!0,children:a}),i&&e.jsxRuntimeExports.jsx(m.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(z.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:x}=s||{},p=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:p,size:"sm"}),s&&e.jsxRuntimeExports.jsx(B.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(v.Icon,{size:"md",variant:o?"danger":"default",name:p}),onSelect:()=>{c&&c(!o)}}]:[],...x?.menuItems||[]]}})]})},M=({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(F.Tag,{...r,size:"sm",textTransform:"capitalize"});return s&&(a=e.jsxRuntimeExports.jsx(m.Tooltip,{label:s,placement:"top",children:e.jsxRuntimeExports.jsx(u.Box,{children:a})})),e.jsxRuntimeExports.jsx(h.WrapItem,{children:a},n.label)})})}),A=({iconProps:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(m.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]})},L=({contentMenu:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(m.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})]})},V=({allowHoverActions:t=!0,avatarGroupProps:n,content:s,contentProps:r,contentMenu:a,footerProps:d,headerMenuProps:i,headerProps:o,active:c,onClick:x,overlayProps:p,pinProps:R,shouldPreservePosition:f=!1,showNotificationIndicator:_,tags:g})=>{const{isPinned:k}=R||{},[j,C]=q.useState(!1);return e.jsxRuntimeExports.jsxs(S.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"kibble-conversation-card",interactive:!0,active:c,size:"sm",fullWidth:!0,onClick:()=>{x&&x()},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(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: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(L,{content:s,contentProps:r,contentMenu:a}),!!g?.length&&e.jsxRuntimeExports.jsx(M,{tags:g}),d&&e.jsxRuntimeExports.jsx(A,{...d})]})};exports.ConversationCard=V;
-//# sourceMappingURL=conversationCard.component-C5lvyhtU.js.map