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

package/dist/esm/components/index.js

@@ -1,52 +1,52 @@
-import { A as r, a as t } from "../../chunks/alert.types-D-Nx7EKC.js";
-import { A as e } from "../../chunks/avatar.component-5acA2X5n.js";
+import { A as r, a as t } from "../../chunks/alert.types-BTwB1SOp.js";
+import { A as e } from "../../chunks/avatar.component-BnOmYhL2.js";
 import { a as i, b as m } from "../../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../../chunks/avatarGroup.component-lvFlOaqP.js";
+import { A as x } from "../../chunks/avatarGroup.component-Bcb1Fxwv.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-CwN1OcaS.js";
+import { B as C } from "../../chunks/buttonGroup.component-DzQFhbS7.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-B0MF_ObL.js";
-import { W as h } from "../../chunks/checkbox.component-HWkdi-Dt.js";
-import { W as M } from "../../chunks/checkboxGroup.component-CMyApVxs.js";
-import { C as k } from "../../chunks/conversationCard.component-BirDNlVs.js";
-import { a as L, D as G } from "../../chunks/datePicker.component-Wac_ZnvV.js";
+import { C as B } from "../../chunks/characterCounter.component-UgnBVIt2.js";
+import { W as h } from "../../chunks/checkbox.component-C6lXKzXZ.js";
+import { W as M } from "../../chunks/checkboxGroup.component-DhXdSILq.js";
+import { C as k } from "../../chunks/conversationCard.component-Eb3E-4jY.js";
+import { a as L, D as G } from "../../chunks/datePicker.component-CTbeLdvH.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-Cum2BALi.js";
+import { W as j } from "../../chunks/heading.component-DJaIpxi0.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-DVfuQmDd.js";
-import { M as oo } from "../../chunks/menu.component-ColftkpF.js";
-import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-BJDq3ofH.js";
-import { N as mo } from "../../chunks/notificationCounter.component-CHlLTEiF.js";
+import { L as Y, l as Z, a as _ } from "../../chunks/logo.types-By8TqyNf.js";
+import { M as oo } from "../../chunks/menu.component-CrRs7bHi.js";
+import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-DCe2G-mT.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-k-MTZ5SR.js";
-import { P as bo } from "../../chunks/popover.component-Bh32Kl6i.js";
+import { W as lo, p as uo } from "../../chunks/pinInput.types-ChHs2RV-.js";
+import { P as bo } from "../../chunks/popover.component-BIpq3zkh.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-DbslYk4o.js";
-import { R as Do } from "../../chunks/ratingDots.component-B2jdV6Uk.js";
-import { W as yo } from "../../chunks/select.component-CRmnH0Ty.js";
-import { S as Vo } from "../../chunks/sortableList.component-Dlq8P2tc.js";
-import { S as Io } from "../../chunks/spinner.component-DsDyKpq2.js";
+import { W as Ao } from "../../chunks/radioGroup.component-wTDMlFMI.js";
+import { R as Do } from "../../chunks/ratingDots.component-DNeSgGRt.js";
+import { W as yo } from "../../chunks/select.component-DN5g4aQG.js";
+import { S as Vo } from "../../chunks/sortableList.component-DI2da4B_.js";
+import { S as Io } from "../../chunks/spinner.component-DER6c5R6.js";
 import { s as Go } from "../../chunks/spinner.types-g7cTFJkb.js";
-import { S as wo, s as No } from "../../chunks/styledAvatar.types-X9FV2vOM.js";
-import { S as Ho, s as Oo } from "../../chunks/swatch.types-Dsv11aQw.js";
-import { W as qo } from "../../chunks/switch.component-DR4jYcSz.js";
-import { T as Jo } from "../../chunks/tabs.component-C_4sO8kW.js";
+import { S as wo, s as No } from "../../chunks/styledAvatar.types-EGc1-I1N.js";
+import { S as Ho, s as Oo } from "../../chunks/swatch.types-DbgA3RWc.js";
+import { W as qo } from "../../chunks/switch.component-6TiuST9H.js";
+import { T as Jo } from "../../chunks/tabs.component-RpmipiEe.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 aa } from "../../chunks/text.component-BA-9q9gX.js";
-import { W as ta } from "../../chunks/textInput.component-BttHjzdC.js";
-import { W as ea } from "../../chunks/textarea.component-DKiTZ2bP.js";
-import { M as ia, T as ma } from "../../chunks/timePicker.component-D0WsvkI5.js";
-import { T as xa } from "../../chunks/timeRange.component-C1p0bfmg.js";
-import { T as ca } from "../../chunks/timestamp.component-CZGCU-JV.js";
+import { T as _o, a as $o } from "../../chunks/tagBlock.component-C-CNF4In.js";
+import { W as aa } from "../../chunks/text.component-BGUHMpKP.js";
+import { W as ta } from "../../chunks/textInput.component-B2S0GcHU.js";
+import { W as ea } from "../../chunks/textarea.component-DB51bevU.js";
+import { M as ia, T as ma } from "../../chunks/timePicker.component-DsQUV8fR.js";
+import { T as xa } from "../../chunks/timeRange.component-bIQZJ4MP.js";
+import { T as ca } from "../../chunks/timestamp.component-ZcL8FlD-.js";
 import { useToast as Ta } from "./Toast/index.js";
-import { T as la } from "../../chunks/tooltip.component-C5FgUWfB.js";
+import { T as la } from "../../chunks/tooltip.component-OLohVRIH.js";
 export {
   r as Alert,
   e as Avatar,

package/dist/esm/index.js

@@ -1,58 +1,58 @@
-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 a, a as e } from "../chunks/alert.types-BTwB1SOp.js";
+import { A as s } from "../chunks/avatar.component-BnOmYhL2.js";
 import { a as i, b as m } from "../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../chunks/avatarGroup.component-lvFlOaqP.js";
+import { A as x } from "../chunks/avatarGroup.component-Bcb1Fxwv.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-CwN1OcaS.js";
+import { B as g } from "../chunks/buttonGroup.component-DzQFhbS7.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-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 { C as D } from "../chunks/characterCounter.component-UgnBVIt2.js";
+import { W } from "../chunks/checkbox.component-C6lXKzXZ.js";
+import { W as V } from "../chunks/checkboxGroup.component-DhXdSILq.js";
+import { C as A } from "../chunks/conversationCard.component-Eb3E-4jY.js";
+import { a as I, D as L } from "../chunks/datePicker.component-CTbeLdvH.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-Cum2BALi.js";
+import { W as O } from "../chunks/heading.component-DJaIpxi0.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 { L as Y, l as Z, a as _ } from "../chunks/logo.types-By8TqyNf.js";
+import { M as oo } from "../chunks/menu.component-CrRs7bHi.js";
+import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-DCe2G-mT.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-k-MTZ5SR.js";
-import { P as bo } from "../chunks/popover.component-Bh32Kl6i.js";
+import { W as To, p as So } from "../chunks/pinInput.types-ChHs2RV-.js";
+import { P as bo } from "../chunks/popover.component-BIpq3zkh.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 { W as zo } from "../chunks/radioGroup.component-wTDMlFMI.js";
+import { R as Mo } from "../chunks/ratingDots.component-DNeSgGRt.js";
+import { W as Bo } from "../chunks/select.component-DN5g4aQG.js";
+import { S as ko } from "../chunks/sortableList.component-DI2da4B_.js";
+import { S as wo } from "../chunks/spinner.component-DER6c5R6.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 { S as Ro, s as Ko } from "../chunks/styledAvatar.types-EGc1-I1N.js";
+import { S as Fo, s as Ho } from "../chunks/swatch.types-DbgA3RWc.js";
+import { W as jo } from "../chunks/switch.component-6TiuST9H.js";
+import { T as Eo } from "../chunks/tabs.component-RpmipiEe.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 { T as _o, a as $o } from "../chunks/tagBlock.component-C-CNF4In.js";
+import { W as rr } from "../chunks/text.component-BGUHMpKP.js";
+import { W as er } from "../chunks/textInput.component-B2S0GcHU.js";
+import { W as sr } from "../chunks/textarea.component-DB51bevU.js";
+import { M as ir, T as mr } from "../chunks/timePicker.component-DsQUV8fR.js";
+import { T as xr } from "../chunks/timeRange.component-bIQZJ4MP.js";
+import { T as lr } from "../chunks/timestamp.component-ZcL8FlD-.js";
 import { useToast as cr } from "./components/Toast/index.js";
-import { T as Tr } from "../chunks/tooltip.component-C5FgUWfB.js";
+import { T as Tr } from "../chunks/tooltip.component-OLohVRIH.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";
+import { K as Ir, s as Lr } from "../chunks/theme.provider-Dez6uepg.js";
 export {
   a as Alert,
   s as Avatar,

package/dist/esm/theme/index.js

@@ -1,4 +1,4 @@
-import { K as r, s as m } from "../../chunks/theme.provider-Dd0L8qXA.js";
+import { K as r, s as m } from "../../chunks/theme.provider-Dez6uepg.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" | "secondary" | "tertiary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai", SystemStyleObject>;
+    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>;
     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<"full" | "icon", SystemStyleObject>;
+    type: Record<"icon" | "full", SystemStyleObject>;
     variant: Record<"default" | "primary", SystemStyleObject>;
     onContrast: {
         true: {};

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" | "root" | "positioner" | "content" | "footer" | "header" | "title" | "closeTrigger" | "backdrop" | "actionTrigger", {
     expanded: {
         true: {
             backdrop: {

package/dist/types/components/PinInput/pinInput.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const pinInputRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "root" | "hiddenInput" | "control", {
+export declare const pinInputRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "input" | "hiddenInput" | "control", {
     size: {
         sm: {
             input: import('@chakra-ui/react').SystemStyleObject;

package/dist/types/components/Spinner/spinner.recipe.d.ts

@@ -4,7 +4,7 @@ type SpinnerSlot = (typeof spinnerSlots)[number];
 type SpinnerSlotStyles = {
     [key in SpinnerSlot]?: SystemStyleObject;
 };
-export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "spinner" | "root", {
+export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "label" | "spinner", {
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SpinnerSlotStyles>;
     size: Record<string, SpinnerSlotStyles>;
     fullScreen: {

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

@@ -1,13 +1,9 @@
-import { Tooltip as ChakraTooltip } from '@chakra-ui/react';
+import { default as React } from 'react';
+import { Tooltip as CTooltip } from '@chakra-ui/react/tooltip';
 import { Placement } from '../../shared/types/placement';
-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;
+export interface TooltipProps extends CTooltip.RootProps {
+    label: string;
     placement?: Placement;
+    portalled?: boolean;
 }
 export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

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

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

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,10 +49,10 @@ export declare const sizeTokens: {
     "8xl": {
         value: string;
     };
-    "3xs": {
+    "2xs": {
         value: string;
     };
-    "2xs": {
+    "3xs": {
         value: string;
     };
     max: {

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

@@ -14,13 +14,16 @@ export declare const zIndexTokens: {
     overlay: {
         value: string;
     };
+    sticky: {
+        value: string;
+    };
     auto: {
         value: string;
     };
-    hide: {
+    banner: {
         value: string;
     };
-    sticky: {
+    hide: {
         value: string;
     };
     docked: {
@@ -29,9 +32,6 @@ 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.68",
+  "version": "4.0.0-beta.69",
   "type": "module",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",

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

@@ -1,2 +0,0 @@
-"use strict";const a=require("./jsx-runtime-BjDatQAs.js"),n=require("react"),N=require("./tooltip.component-BiDAtm5N.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-JkodPmk7.js"),j=require("./index-C-VkceKb.js"),m=require("./index-B3Uf1AVX.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: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})}):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-BBewTMu9.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),$=require("./withFormControl-PaMa_BVC.js"),P=require("./card.component-KNc4HKSh.js"),H=require("./text.component-ColgFnqE.js"),m=require("./checkbox.records-djqGyo0P.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),f=require("./factory-D6tdBUPG.js"),D=require("./attr-BMs6szZx.js"),T=require("./empty-B5_AO6Pg.js"),Y=require("./use-recipe-DaPWl_pL.js"),i=require("./portal-JkodPmk7.js"),y=require("./use-field-context-BJ7xh7mY.js"),b=require("./index-B3Uf1AVX.js"),B=o=>o&&o.__esModule?o:{default:o},E=B(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=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?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-CWN9kU5p.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const a=require("./index-B3Uf1AVX.js"),T=require("./tooltip.component-BiDAtm5N.js"),P=require("./portal-JkodPmk7.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`,F=e=>e.ids?.control??`checkbox:${e.id}:control`,g=e=>e.ids?.hiddenInput??`checkbox:${e.id}:input`,x=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:F(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:x(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-djqGyo0P.js.map