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

package/dist/esm/components/index.js

@@ -1,50 +1,50 @@
-import { A as r, a as t } from "../../chunks/alert.types-PdqwnPFk.js";
-import { A as e } from "../../chunks/avatar.component-ChgtiH34.js";
+import { A as r, a as t } from "../../chunks/alert.types-pRFStpHD.js";
+import { A as e } from "../../chunks/avatar.component-BwRv7qvB.js";
 import { a as i, b as m } from "../../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../../chunks/avatarGroup.component-DqY1U0nn.js";
+import { A as x } from "../../chunks/avatarGroup.component-CtNUO8FY.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-Dw1eWco8.js";
+import { B as C } from "../../chunks/buttonGroup.component-Cg_TQped.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-DL4T3MCU.js";
-import { W as h } from "../../chunks/checkbox.component-Ctl_OMbe.js";
-import { W as M } from "../../chunks/checkboxGroup.component-BXOO72eO.js";
-import { C as k } from "../../chunks/conversationCard.component-C-FkaUmK.js";
-import { a as L, D as G } from "../../chunks/datePicker.component-BBOkyyla.js";
+import { C as B } from "../../chunks/characterCounter.component-B7PijscW.js";
+import { W as h } from "../../chunks/checkbox.component-C3SpCA_Q.js";
+import { W as M } from "../../chunks/checkboxGroup.component-DsfWyRog.js";
+import { C as k } from "../../chunks/conversationCard.component-BOVg1QrI.js";
+import { a as L, D as G } from "../../chunks/datePicker.component-ByOoi8Qd.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-BzNpnXHK.js";
+import { W as j } from "../../chunks/heading.component-tEOV4AD0.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-By8TqyNf.js";
-import { M as oo } from "../../chunks/menu.component-C6JbDroI.js";
-import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-nOPrSEJd.js";
+import { M as oo } from "../../chunks/menu.component-DRbCsT5G.js";
+import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-BShblwxe.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-W39JHqF7.js";
-import { P as bo } from "../../chunks/popover.component-C6ERLtW7.js";
+import { W as lo, p as uo } from "../../chunks/pinInput.types-vJ-_jicz.js";
+import { P as bo } from "../../chunks/popover.component-CVGKw2zy.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-CprwLxl1.js";
-import { R as Do } from "../../chunks/ratingDots.component-DOB0-Fyl.js";
-import { W as yo } from "../../chunks/select.component-D_UomQ_K.js";
-import { S as Vo } from "../../chunks/sortableList.component-Du0lV3PZ.js";
-import { S as Io } from "../../chunks/spinner.component-DRjoEc9z.js";
+import { W as Ao } from "../../chunks/radioGroup.component-DOCa9IlZ.js";
+import { R as Do } from "../../chunks/ratingDots.component-BuFKV26e.js";
+import { W as yo } from "../../chunks/select.component-CybeNI0i.js";
+import { S as Vo } from "../../chunks/sortableList.component-C4sdfnNc.js";
+import { S as Io } from "../../chunks/spinner.component-Y6WSYB00.js";
 import { s as Go } from "../../chunks/spinner.types-g7cTFJkb.js";
-import { S as wo, s as No } from "../../chunks/styledAvatar.types-BgSRTKhc.js";
+import { S as wo, s as No } from "../../chunks/styledAvatar.types-D1U_mKEg.js";
 import { S as Ho, s as Oo } from "../../chunks/swatch.types-DbgA3RWc.js";
-import { W as qo } from "../../chunks/switch.component-Dg54t6kn.js";
-import { T as Jo } from "../../chunks/tabs.component-U9KpRJQV.js";
+import { W as qo } from "../../chunks/switch.component-F106ejwM.js";
+import { T as Jo } from "../../chunks/tabs.component-BSQtGb-N.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-BZG468o5.js";
-import { W as aa, T as ra } from "../../chunks/withTruncation-BAxxp5gA.js";
-import { W as sa } from "../../chunks/textInput.component-CcyrHWXa.js";
-import { W as pa } from "../../chunks/textarea.component-B_KAENP6.js";
-import { M as ma, T as na } from "../../chunks/timePicker.component-Co16Tl6i.js";
-import { T as fa } from "../../chunks/timeRange.component-CFgHqQ-a.js";
-import { T as Sa } from "../../chunks/timestamp.component-D1c35p1O.js";
+import { T as _o, a as $o } from "../../chunks/tagBlock.component-C59sawdu.js";
+import { W as aa, T as ra } from "../../chunks/withTruncation-BRHPZgp1.js";
+import { W as sa } from "../../chunks/textInput.component-DF5JU8nm.js";
+import { W as pa } from "../../chunks/textarea.component-Cb7cJ3fE.js";
+import { M as ma, T as na } from "../../chunks/timePicker.component-DzmwMnG3.js";
+import { T as fa } from "../../chunks/timeRange.component-C6zB9wnu.js";
+import { T as Sa } from "../../chunks/timestamp.component-3r-E7s-6.js";
 import { useToast as da } from "./Toast/index.js";
 export {
   r as Alert,

package/dist/esm/index.js

@@ -1,57 +1,57 @@
-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 a, a as e } from "../chunks/alert.types-pRFStpHD.js";
+import { A as s } from "../chunks/avatar.component-BwRv7qvB.js";
 import { a as i, b as m } from "../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../chunks/avatarGroup.component-DqY1U0nn.js";
+import { A as x } from "../chunks/avatarGroup.component-CtNUO8FY.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-Dw1eWco8.js";
+import { B as g } from "../chunks/buttonGroup.component-Cg_TQped.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-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 { C as D } from "../chunks/characterCounter.component-B7PijscW.js";
+import { W } from "../chunks/checkbox.component-C3SpCA_Q.js";
+import { W as V } from "../chunks/checkboxGroup.component-DsfWyRog.js";
+import { C as A } from "../chunks/conversationCard.component-BOVg1QrI.js";
+import { a as I, D as L } from "../chunks/datePicker.component-ByOoi8Qd.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-BzNpnXHK.js";
+import { W as O } from "../chunks/heading.component-tEOV4AD0.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-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 { M as oo } from "../chunks/menu.component-DRbCsT5G.js";
+import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-BShblwxe.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-W39JHqF7.js";
-import { P as bo } from "../chunks/popover.component-C6ERLtW7.js";
+import { W as To, p as So } from "../chunks/pinInput.types-vJ-_jicz.js";
+import { P as bo } from "../chunks/popover.component-CVGKw2zy.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-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 { W as zo } from "../chunks/radioGroup.component-DOCa9IlZ.js";
+import { R as Mo } from "../chunks/ratingDots.component-BuFKV26e.js";
+import { W as Bo } from "../chunks/select.component-CybeNI0i.js";
+import { S as ko } from "../chunks/sortableList.component-C4sdfnNc.js";
+import { S as wo } from "../chunks/spinner.component-Y6WSYB00.js";
 import { s as Lo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-BgSRTKhc.js";
+import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-D1U_mKEg.js";
 import { S as Fo, s as Ho } from "../chunks/swatch.types-DbgA3RWc.js";
-import { W as jo } from "../chunks/switch.component-Dg54t6kn.js";
-import { T as Eo } from "../chunks/tabs.component-U9KpRJQV.js";
+import { W as jo } from "../chunks/switch.component-F106ejwM.js";
+import { T as Eo } from "../chunks/tabs.component-BSQtGb-N.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-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 { T as _o, a as $o } from "../chunks/tagBlock.component-C59sawdu.js";
+import { W as rr, T as ar } from "../chunks/withTruncation-BRHPZgp1.js";
+import { W as tr } from "../chunks/textInput.component-DF5JU8nm.js";
+import { W as pr } from "../chunks/textarea.component-Cb7cJ3fE.js";
+import { M as mr, T as nr } from "../chunks/timePicker.component-DzmwMnG3.js";
+import { T as fr } from "../chunks/timeRange.component-C6zB9wnu.js";
+import { T as ur } from "../chunks/timestamp.component-3r-E7s-6.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";
+import { K as wr, s as Ir } from "../chunks/theme.provider-DIHPjRt6.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-px_2ytDm.js";
+import { K as r, s as m } from "../../chunks/theme.provider-DIHPjRt6.js";
 export {
   r as KibbleThemeProvider,
   m as system

package/dist/types/components/Avatar/avatar.recipe.d.ts

@@ -5,7 +5,7 @@ type AvatarSlotStyles = {
 };
 export declare const avatarRecipe: import('@chakra-ui/react').SlotRecipeDefinition<AvatarSlot, {
     size: Record<"xs" | "sm" | "md" | "lg" | "xl", AvatarSlotStyles>;
-    variant: Record<"accent" | "default" | "contrast" | "dashed" | "outlineAccent" | "outlineYellow", AvatarSlotStyles>;
+    variant: Record<"accent" | "default" | "dashed" | "contrast" | "outlineAccent" | "outlineYellow", AvatarSlotStyles>;
     interactive: {
         true: {
             root: {

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "content" | "footer" | "header" | "title" | "root" | "positioner" | "closeTrigger" | "backdrop" | "actionTrigger", {
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "root" | "content" | "footer" | "header" | "title" | "positioner" | "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/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";
+type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer" | "trigger";
 type PopoverSlotStyles = {
     [key in PopoverSlot]?: 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/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<"trigger" | "container" | "list", import('@chakra-ui/react').SlotRecipeVariantRecord<"trigger" | "container" | "list">>;

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

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
-import { Tooltip as CTooltip } from '@chakra-ui/react/tooltip';
+import { HoverCard } from '@chakra-ui/react/hover-card';
 import { Placement } from '../../shared/types/placement';
-export interface TooltipProps extends CTooltip.RootProps {
+export interface TooltipProps extends Omit<HoverCard.RootProps, "children"> {
+    children?: React.ReactNode;
+    disabled?: boolean;
     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<"content" | "root" | "trigger" | "arrow" | "arrowTip", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "trigger" | "arrow" | "arrowTip">>;
+export declare const tooltipRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "content" | "arrow" | "arrowTip", import('@chakra-ui/react').SlotRecipeVariantRecord<"root" | "trigger" | "content" | "arrow" | "arrowTip">>;

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

@@ -26,9 +26,6 @@ export declare const shadowTokens: {
     outline: {
         value: string;
     };
-    active: {
-        value: string;
-    };
     xsR: {
         value: string;
     };
@@ -56,6 +53,9 @@ 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

@@ -52,6 +52,9 @@ export declare const sizeTokens: {
     "2xs": {
         value: string;
     };
+    full: {
+        value: string;
+    };
     "3xs": {
         value: string;
     };
@@ -61,9 +64,6 @@ export declare const sizeTokens: {
     min: {
         value: string;
     };
-    full: {
-        value: string;
-    };
 };
 export declare const breakpointTokens: {
     sm: {

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

@@ -23,9 +23,6 @@ export declare const spacingTokens: {
     10: {
         value: string;
     };
-    px: {
-        value: string;
-    };
     1: {
         value: string;
     };
@@ -98,4 +95,7 @@ export declare const spacingTokens: {
     3.5: {
         value: string;
     };
+    px: {
+        value: string;
+    };
 };

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

@@ -25,10 +25,10 @@ export declare const transitionEasingTokens: {
     "ease-in": {
         value: string;
     };
-    "ease-in-out": {
+    "ease-out": {
         value: string;
     };
-    "ease-out": {
+    "ease-in-out": {
         value: string;
     };
 };

package/package.json

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

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

@@ -1,2 +0,0 @@
-"use strict";const a=require("./index-CZ42b9rT.js"),T=require("./withTruncation-FFeS8Bf1.js"),P=require("./use-locale-context-BdqHZ8L8.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-DQMCwuT0.js.map