@atom-learning/components 7.0.0 → 8.0.1

package/dist/components/checkbox/Checkbox.js

@@ -2,6 +2,7 @@ import { styled } from "../../styled.js";
 import { Icon } from "../icon/Icon.js";
 import { overrideStyledVariantValue } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Minus, Ok } from "@atom-learning/icons";
 import * as RadixCheckbox from "@radix-ui/react-checkbox";
 //#region src/components/checkbox/Checkbox.tsx
@@ -63,16 +64,23 @@ var toIconSize = {
 };
 var Checkbox = React$1.forwardRef(({ size = "md", checked, ...rest }, ref) => {
 	const iconSize = React$1.useMemo(() => overrideStyledVariantValue(size, (s) => toIconSize[s]), [size]);
-	return /* @__PURE__ */ React$1.createElement("div", { className: "relative z-1" }, /* @__PURE__ */ React$1.createElement(StyledCheckbox, {
-		ref,
-		checked,
-		size,
-		...rest
-	}, /* @__PURE__ */ React$1.createElement("div", { className: "absolute -inset-3 opacity-50" }), /* @__PURE__ */ React$1.createElement(RadixCheckbox.Indicator, { asChild: true }, /* @__PURE__ */ React$1.createElement(Icon, {
-		is: checked === "indeterminate" ? Minus : Ok,
-		size: iconSize,
-		className: "stroke-3"
-	}))));
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative z-1",
+		children: /* @__PURE__ */ jsxs(StyledCheckbox, {
+			ref,
+			checked,
+			size,
+			...rest,
+			children: [/* @__PURE__ */ jsx("div", { className: "absolute -inset-3 opacity-50" }), /* @__PURE__ */ jsx(RadixCheckbox.Indicator, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Icon, {
+					is: checked === "indeterminate" ? Minus : Ok,
+					size: iconSize,
+					className: "stroke-3"
+				})
+			})]
+		})
+	});
 });
 Checkbox.displayName = "Checkbox";
 //#endregion

package/dist/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon/Icon'\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n  base: [\n    'appearance-none',\n    'relative',\n    'bg-transparent',\n    'border',\n    'border-grey-800',\n    'rounded-[3px]',\n    'text-white',\n    'bg-white',\n    'cursor-pointer',\n    'size-4',\n    'p-0',\n    'flex',\n    'items-center',\n    'justify-center',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'shrink-0',\n    'not-disabled:before:-inset-2',\n    'not-disabled:before:-z-1',\n    'not-disabled:before:absolute',\n    'not-disabled:before:bg-primary-300',\n    \"not-disabled:before:content-['']\",\n    'not-disabled:before:duration-125',\n    'not-disabled:before:ease-in-out',\n    'not-disabled:before:opacity-0',\n    'not-disabled:before:rounded-[50%]',\n    'not-disabled:before:scale-0',\n    'not-disabled:before:transition-[opacity,scale]',\n    'not-disabled:hover:before:opacity-100',\n    'not-disabled:hover:before:scale-100',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:border-primary-800',\n    'data-[state=indeterminate]:bg-primary-800',\n    'data-[state=indeterminate]:border-primary-800',\n    'focus:-outline-offset-1',\n    'focus:outline-2',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    state: {\n      error: ['border-danger']\n    },\n    size: {\n      md: ['size-4'],\n      lg: ['mt-px', 'size-6']\n    }\n  }\n})\n\nconst toIconSize = {\n  md: 'sm',\n  lg: 'sm'\n}\n\nexport const Checkbox = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledCheckbox>\n>(({ size = 'md', checked, ...rest }, ref) => {\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n\n  return (\n    <div className=\"relative z-1\">\n      <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n        <div className=\"absolute -inset-3 opacity-50\" />\n        <RadixCheckbox.Indicator asChild>\n          <Icon\n            is={checked === 'indeterminate' ? Minus : Ok}\n            size={iconSize}\n            className=\"stroke-3\"\n          />\n        </RadixCheckbox.Indicator>\n      </StyledCheckbox>\n    </div>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"mappings":";;;;;;;AASA,IAAM,iBAAiB,OAAO,cAAc,MAAM;CAChD,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,OAAO,EACL,OAAO,CAAC,gBAAgB,EACzB;EACD,MAAM;GACJ,IAAI,CAAC,SAAS;GACd,IAAI,CAAC,SAAS,SAAS;GACxB;EACF;CACF,CAAC;AAEF,IAAM,aAAa;CACjB,IAAI;CACJ,IAAI;CACL;AAED,IAAa,WAAW,QAAM,YAG3B,EAAE,OAAO,MAAM,SAAS,GAAG,QAAQ,QAAQ;CAC5C,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AAED,QACE,wBAAA,cAAC,OAAD,EAAK,WAAU,gBAWT,EAVJ,wBAAA,cAAC,gBAAD;EAAqB;EAAc;EAAe;EAAM,GAAI;EAS3C,EARf,wBAAA,cAAC,OAAD,EAAK,WAAU,gCAAiC,CAAA,EAChD,wBAAA,cAAC,cAAc,WAAf,EAAyB,SAAA,MAMC,EALxB,wBAAA,cAAC,MAAD;EACE,IAAI,YAAY,kBAAkB,QAAQ;EAC1C,MAAM;EACN,WAAU;EACV,CAAA,CACsB,CACX,CACb;EAER;AAEF,SAAS,cAAc"}
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon/Icon'\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n  base: [\n    'appearance-none',\n    'relative',\n    'bg-transparent',\n    'border',\n    'border-grey-800',\n    'rounded-[3px]',\n    'text-white',\n    'bg-white',\n    'cursor-pointer',\n    'size-4',\n    'p-0',\n    'flex',\n    'items-center',\n    'justify-center',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'shrink-0',\n    'not-disabled:before:-inset-2',\n    'not-disabled:before:-z-1',\n    'not-disabled:before:absolute',\n    'not-disabled:before:bg-primary-300',\n    \"not-disabled:before:content-['']\",\n    'not-disabled:before:duration-125',\n    'not-disabled:before:ease-in-out',\n    'not-disabled:before:opacity-0',\n    'not-disabled:before:rounded-[50%]',\n    'not-disabled:before:scale-0',\n    'not-disabled:before:transition-[opacity,scale]',\n    'not-disabled:hover:before:opacity-100',\n    'not-disabled:hover:before:scale-100',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:border-primary-800',\n    'data-[state=indeterminate]:bg-primary-800',\n    'data-[state=indeterminate]:border-primary-800',\n    'focus:-outline-offset-1',\n    'focus:outline-2',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    state: {\n      error: ['border-danger']\n    },\n    size: {\n      md: ['size-4'],\n      lg: ['mt-px', 'size-6']\n    }\n  }\n})\n\nconst toIconSize = {\n  md: 'sm',\n  lg: 'sm'\n}\n\nexport const Checkbox = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledCheckbox>\n>(({ size = 'md', checked, ...rest }, ref) => {\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n\n  return (\n    <div className=\"relative z-1\">\n      <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n        <div className=\"absolute -inset-3 opacity-50\" />\n        <RadixCheckbox.Indicator asChild>\n          <Icon\n            is={checked === 'indeterminate' ? Minus : Ok}\n            size={iconSize}\n            className=\"stroke-3\"\n          />\n        </RadixCheckbox.Indicator>\n      </StyledCheckbox>\n    </div>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"mappings":";;;;;;;;AASA,IAAM,iBAAiB,OAAO,cAAc,MAAM;CAChD,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,OAAO,EACL,OAAO,CAAC,gBAAgB,EACzB;EACD,MAAM;GACJ,IAAI,CAAC,SAAS;GACd,IAAI,CAAC,SAAS,SAAS;GACxB;EACF;CACF,CAAC;AAEF,IAAM,aAAa;CACjB,IAAI;CACJ,IAAI;CACL;AAED,IAAa,WAAW,QAAM,YAG3B,EAAE,OAAO,MAAM,SAAS,GAAG,QAAQ,QAAQ;CAC5C,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AAED,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,gBAAD;GAAqB;GAAc;GAAe;GAAM,GAAI;aAA5D,CACE,oBAAC,OAAD,EAAK,WAAU,gCAAiC,CAAA,EAChD,oBAAC,cAAc,WAAf;IAAyB,SAAA;cACvB,oBAAC,MAAD;KACE,IAAI,YAAY,kBAAkB,QAAQ;KAC1C,MAAM;KACN,WAAU;KACV,CAAA;IACsB,CAAA,CACX;;EACb,CAAA;EAER;AAEF,SAAS,cAAc"}

package/dist/components/checkbox-field/CheckboxField.js

@@ -2,6 +2,7 @@ import { Checkbox } from "../checkbox/Checkbox.js";
 import { InlineFieldWrapper } from "../field-wrapper/InlineFieldWrapper.js";
 import { useFieldError } from "../form/useFieldError.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 import { useController, useFormContext } from "react-hook-form";
 //#region src/components/checkbox-field/CheckboxField.tsx
 var CheckboxValue = /* @__PURE__ */ function(CheckboxValue) {
@@ -21,24 +22,25 @@ var CheckboxField = ({ className, label, name, validation, description, defaultC
 	React$1.useEffect(() => {
 		if (typeof checked !== "undefined") onChange(checked);
 	}, [checked]);
-	return /* @__PURE__ */ React$1.createElement(InlineFieldWrapper, {
+	return /* @__PURE__ */ jsx(InlineFieldWrapper, {
 		className,
 		description,
 		error,
 		label,
-		required: Boolean(validation?.required)
-	}, /* @__PURE__ */ React$1.createElement(Checkbox, {
-		ref,
-		name: innerName,
-		...remainingProps,
-		onCheckedChange: (newChecked) => {
-			onChange(newChecked);
-			onCheckedChange?.(newChecked);
-		},
-		value: innerChecked ? CheckboxValue.ON : CheckboxValue.OFF,
-		checked: innerChecked,
-		...error && { state: "error" }
-	}));
+		required: Boolean(validation?.required),
+		children: /* @__PURE__ */ jsx(Checkbox, {
+			ref,
+			name: innerName,
+			...remainingProps,
+			onCheckedChange: (newChecked) => {
+				onChange(newChecked);
+				onCheckedChange?.(newChecked);
+			},
+			value: innerChecked ? CheckboxValue.ON : CheckboxValue.OFF,
+			checked: innerChecked,
+			...error && { state: "error" }
+		})
+	});
 };
 CheckboxField.displayName = "CheckboxField";
 //#endregion

package/dist/components/checkbox-field/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","names":[],"sources":["../../../src/components/checkbox-field/CheckboxField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport { Checkbox } from '~/components/checkbox/Checkbox'\nimport { FieldElementWrapperProps } from '~/components/field-wrapper/FieldWrapper'\nimport { InlineFieldWrapper } from '~/components/field-wrapper/InlineFieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\n\nenum CheckboxValue {\n  ON = 'on',\n  OFF = 'off'\n}\n\nexport const CheckboxField = ({\n  className,\n  label,\n  name,\n  validation,\n  description,\n  defaultChecked = false,\n  checked,\n  onCheckedChange,\n  ...remainingProps\n}: React.ComponentProps<typeof Checkbox> & FieldElementWrapperProps) => {\n  const { control } = useFormContext()\n  const { error } = useFieldError(name)\n  const {\n    field: { ref, onChange, value: innerChecked, name: innerName }\n  } = useController({\n    name,\n    control,\n    rules: validation,\n    defaultValue: defaultChecked\n  })\n\n  React.useEffect(() => {\n    // Update the react-hook-form inner checked to match what is passed in.\n    if (typeof checked !== 'undefined') onChange(checked)\n  }, [checked])\n\n  return (\n    <InlineFieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      label={label}\n      required={Boolean(validation?.required)}\n    >\n      <Checkbox\n        ref={ref}\n        name={innerName}\n        {...remainingProps}\n        onCheckedChange={(newChecked) => {\n          onChange(newChecked)\n          onCheckedChange?.(newChecked)\n        }}\n        value={innerChecked ? CheckboxValue.ON : CheckboxValue.OFF}\n        checked={innerChecked}\n        {...(error && { state: 'error' })}\n      />\n    </InlineFieldWrapper>\n  )\n}\n\nCheckboxField.displayName = 'CheckboxField'\n"],"mappings":";;;;;;AAQA,IAAK,gBAAL,yBAAA,eAAA;AACE,eAAA,QAAA;AACA,eAAA,SAAA;;EAFG,iBAAA,EAAA,CAGJ;AAED,IAAa,iBAAiB,EAC5B,WACA,OACA,MACA,YACA,aACA,iBAAiB,OACjB,SACA,iBACA,GAAG,qBACmE;CACtE,MAAM,EAAE,YAAY,gBAAgB;CACpC,MAAM,EAAE,UAAU,cAAc,KAAK;CACrC,MAAM,EACJ,OAAO,EAAE,KAAK,UAAU,OAAO,cAAc,MAAM,gBACjD,cAAc;EAChB;EACA;EACA,OAAO;EACP,cAAc;EACf,CAAC;AAEF,SAAM,gBAAgB;AAEpB,MAAI,OAAO,YAAY,YAAa,UAAS,QAAQ;IACpD,CAAC,QAAQ,CAAC;AAEb,QACE,wBAAA,cAAC,oBAAD;EACa;EACE;EACN;EACA;EACP,UAAU,QAAQ,YAAY,SAAS;EAcpB,EAZnB,wBAAA,cAAC,UAAD;EACO;EACL,MAAM;EACN,GAAI;EACJ,kBAAkB,eAAe;AAC/B,YAAS,WAAW;AACpB,qBAAkB,WAAW;;EAE/B,OAAO,eAAe,cAAc,KAAK,cAAc;EACvD,SAAS;EACT,GAAK,SAAS,EAAE,OAAO,SAAS;EAChC,CAAA,CACiB;;AAIzB,cAAc,cAAc"}
+{"version":3,"file":"CheckboxField.js","names":[],"sources":["../../../src/components/checkbox-field/CheckboxField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport { Checkbox } from '~/components/checkbox/Checkbox'\nimport { FieldElementWrapperProps } from '~/components/field-wrapper/FieldWrapper'\nimport { InlineFieldWrapper } from '~/components/field-wrapper/InlineFieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\n\nenum CheckboxValue {\n  ON = 'on',\n  OFF = 'off'\n}\n\nexport const CheckboxField = ({\n  className,\n  label,\n  name,\n  validation,\n  description,\n  defaultChecked = false,\n  checked,\n  onCheckedChange,\n  ...remainingProps\n}: React.ComponentProps<typeof Checkbox> & FieldElementWrapperProps) => {\n  const { control } = useFormContext()\n  const { error } = useFieldError(name)\n  const {\n    field: { ref, onChange, value: innerChecked, name: innerName }\n  } = useController({\n    name,\n    control,\n    rules: validation,\n    defaultValue: defaultChecked\n  })\n\n  React.useEffect(() => {\n    // Update the react-hook-form inner checked to match what is passed in.\n    if (typeof checked !== 'undefined') onChange(checked)\n  }, [checked])\n\n  return (\n    <InlineFieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      label={label}\n      required={Boolean(validation?.required)}\n    >\n      <Checkbox\n        ref={ref}\n        name={innerName}\n        {...remainingProps}\n        onCheckedChange={(newChecked) => {\n          onChange(newChecked)\n          onCheckedChange?.(newChecked)\n        }}\n        value={innerChecked ? CheckboxValue.ON : CheckboxValue.OFF}\n        checked={innerChecked}\n        {...(error && { state: 'error' })}\n      />\n    </InlineFieldWrapper>\n  )\n}\n\nCheckboxField.displayName = 'CheckboxField'\n"],"mappings":";;;;;;;AAQA,IAAK,gBAAL,yBAAA,eAAA;AACE,eAAA,QAAA;AACA,eAAA,SAAA;;EAFG,iBAAA,EAAA,CAGJ;AAED,IAAa,iBAAiB,EAC5B,WACA,OACA,MACA,YACA,aACA,iBAAiB,OACjB,SACA,iBACA,GAAG,qBACmE;CACtE,MAAM,EAAE,YAAY,gBAAgB;CACpC,MAAM,EAAE,UAAU,cAAc,KAAK;CACrC,MAAM,EACJ,OAAO,EAAE,KAAK,UAAU,OAAO,cAAc,MAAM,gBACjD,cAAc;EAChB;EACA;EACA,OAAO;EACP,cAAc;EACf,CAAC;AAEF,SAAM,gBAAgB;AAEpB,MAAI,OAAO,YAAY,YAAa,UAAS,QAAQ;IACpD,CAAC,QAAQ,CAAC;AAEb,QACE,oBAAC,oBAAD;EACa;EACE;EACN;EACA;EACP,UAAU,QAAQ,YAAY,SAAS;YAEvC,oBAAC,UAAD;GACO;GACL,MAAM;GACN,GAAI;GACJ,kBAAkB,eAAe;AAC/B,aAAS,WAAW;AACpB,sBAAkB,WAAW;;GAE/B,OAAO,eAAe,cAAc,KAAK,cAAc;GACvD,SAAS;GACT,GAAK,SAAS,EAAE,OAAO,SAAS;GAChC,CAAA;EACiB,CAAA;;AAIzB,cAAc,cAAc"}

package/dist/components/checkbox-group/CheckboxGroup.d.ts

@@ -14,7 +14,7 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         as?: React.ElementType;
     }, "ref"> & React.RefAttributes<HTMLButtonElement>, "defaultChecked" | "checked" | "onCheckedChange"> & {
         onCheckedChange?: (newChecked: boolean) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     AllItem: ({ onCheckedChange, title, ...rest }: {
         required?: boolean | undefined;
         content?: string | undefined | undefined;
@@ -28,24 +28,72 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         style?: React.CSSProperties | undefined;
         title?: string | undefined | undefined;
         ref?: React.Ref<HTMLButtonElement> | undefined;
+        as?: React.ElementType | undefined;
         className?: string | undefined | undefined;
+        key?: React.Key | null | undefined;
+        value?: string | number | readonly string[] | undefined;
+        name?: string | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
-        name?: string | undefined | undefined;
-        type?: "submit" | "reset" | "button" | undefined | undefined;
-        role?: React.AriaRole | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: React.AriaRole | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-colcount"?: number | undefined | undefined;
         "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
         "aria-colspan"?: number | undefined | undefined;
         "aria-controls"?: string | undefined | undefined;
         "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
         "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
         "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
@@ -75,6 +123,7 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         "aria-roledescription"?: string | undefined | undefined;
         "aria-rowcount"?: number | undefined | undefined;
         "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
         "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined | undefined;
@@ -102,18 +151,18 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -223,9 +272,7 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
@@ -236,6 +283,8 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -244,59 +293,29 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        key?: React.Key | null | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        placeholder?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        radioGroup?: string | undefined | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCapitalize?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        asChild?: boolean | undefined;
         disabled?: boolean | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
-        as?: React.ElementType | undefined;
-        formAction?: string | undefined | undefined;
+        type?: "submit" | "reset" | "button" | undefined | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        asChild?: boolean | undefined;
         state?: "error" | undefined;
         onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     Sub: ({ asChild, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };
 export {};

package/dist/components/checkbox-group/CheckboxGroup.js

@@ -3,16 +3,17 @@ import { CheckboxGroupMountedProvider } from "./context/CheckboxGroupMounted.con
 import { CheckboxGroupAllItem } from "./CheckboxGroupAllItem.js";
 import { CheckboxGroupItem } from "./CheckboxGroupItem.js";
 import { CheckboxGroupSub } from "./CheckboxGroupSub.js";
-import * as React$1 from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/checkbox-group/CheckboxGroup.tsx
 var CheckboxGroupRoot = ({ checked, defaultChecked, onCheckedChange, asChild = false, ...rest }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ React$1.createElement(CheckboxGroupCheckedProvider, {
+	return /* @__PURE__ */ jsx(CheckboxGroupCheckedProvider, {
 		checked,
 		defaultChecked,
-		onCheckedChange
-	}, /* @__PURE__ */ React$1.createElement(CheckboxGroupMountedProvider, null, /* @__PURE__ */ React$1.createElement(Component, rest)));
+		onCheckedChange,
+		children: /* @__PURE__ */ jsx(CheckboxGroupMountedProvider, { children: /* @__PURE__ */ jsx(asChild ? Slot : "div", { ...rest }) })
+	});
 };
 var CheckboxGroup = Object.assign(CheckboxGroupRoot, {
 	Item: CheckboxGroupItem,

package/dist/components/checkbox-group/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\nimport { CheckboxGroupCheckedProvider } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupRootProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'defaultChecked'\n> & {\n  checked?: CheckboxGroupItemValue[]\n  onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n  defaultChecked?: CheckboxGroupItemValue[]\n  asChild?: boolean\n}\n\nconst CheckboxGroupRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  asChild = false,\n  ...rest\n}: CheckboxGroupRootProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupCheckedProvider\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n    >\n      <CheckboxGroupMountedProvider>\n        <Component {...rest} />\n      </CheckboxGroupMountedProvider>\n    </CheckboxGroupCheckedProvider>\n  )\n}\n\nexport const CheckboxGroup = Object.assign(CheckboxGroupRoot, {\n  Item: CheckboxGroupItem,\n  AllItem: CheckboxGroupAllItem,\n  Sub: CheckboxGroupSub\n})\n"],"mappings":";;;;;;;;AAoBA,IAAM,qBAAqB,EACzB,SACA,gBACA,iBACA,UAAU,OACV,GAAG,WACyB;CAC5B,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,wBAAA,cAAC,8BAAD;EACW;EACO;EACC;EAKY,EAH7B,wBAAA,cAAC,8BAAA,MACC,wBAAA,cAAC,WAAc,KAAQ,CACM,CACF;;AAInC,IAAa,gBAAgB,OAAO,OAAO,mBAAmB;CAC5D,MAAM;CACN,SAAS;CACT,KAAK;CACN,CAAC"}
+{"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\nimport { CheckboxGroupCheckedProvider } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupRootProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'defaultChecked'\n> & {\n  checked?: CheckboxGroupItemValue[]\n  onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n  defaultChecked?: CheckboxGroupItemValue[]\n  asChild?: boolean\n}\n\nconst CheckboxGroupRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  asChild = false,\n  ...rest\n}: CheckboxGroupRootProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupCheckedProvider\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n    >\n      <CheckboxGroupMountedProvider>\n        <Component {...rest} />\n      </CheckboxGroupMountedProvider>\n    </CheckboxGroupCheckedProvider>\n  )\n}\n\nexport const CheckboxGroup = Object.assign(CheckboxGroupRoot, {\n  Item: CheckboxGroupItem,\n  AllItem: CheckboxGroupAllItem,\n  Sub: CheckboxGroupSub\n})\n"],"mappings":";;;;;;;;;AAoBA,IAAM,qBAAqB,EACzB,SACA,gBACA,iBACA,UAAU,OACV,GAAG,WACyB;AAG5B,QACE,oBAAC,8BAAD;EACW;EACO;EACC;YAEjB,oBAAC,8BAAD,EAAA,UACE,oBATY,UAAU,OAAO,OAS7B,EAAW,GAAI,MAAQ,CAAA,EACM,CAAA;EACF,CAAA;;AAInC,IAAa,gBAAgB,OAAO,OAAO,mBAAmB;CAC5D,MAAM;CACN,SAAS;CACT,KAAK;CACN,CAAC"}

package/dist/components/checkbox-group/CheckboxGroupAllItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { Checkbox } from '../checkbox/Checkbox';
 type CheckboxGroupAllItemProps = Omit<React.ComponentProps<typeof Checkbox>, 'checked' | 'defaultChecked'>;
-export declare const CheckboxGroupAllItem: ({ onCheckedChange, title, ...rest }: CheckboxGroupAllItemProps) => JSX.Element;
+export declare const CheckboxGroupAllItem: ({ onCheckedChange, title, ...rest }: CheckboxGroupAllItemProps) => React.JSX.Element;
 export {};

package/dist/components/checkbox-group/CheckboxGroupAllItem.js

@@ -2,6 +2,7 @@ import { Checkbox } from "../checkbox/Checkbox.js";
 import { CheckboxGroupCheckedContext } from "./context/CheckboxGroupChecked.context.js";
 import { CheckboxGroupMountedContext } from "./context/CheckboxGroupMounted.context.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-group/CheckboxGroupAllItem.tsx
 var CheckboxGroupAllItem = ({ onCheckedChange, title = "all", ...rest }) => {
 	const { checked: checkedItems, handleItemCheckedChange: handleItemCheckedChangeContext } = React$1.useContext(CheckboxGroupCheckedContext);
@@ -12,15 +13,14 @@ var CheckboxGroupAllItem = ({ onCheckedChange, title = "all", ...rest }) => {
 		});
 		onCheckedChange?.(newChecked);
 	};
-	const isAllChecked = (() => {
-		if (!checkedItems.length || !mountedItems.length) return false;
-		if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem))) return true;
-		if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem))) return "indeterminate";
-		return false;
-	})();
-	return /* @__PURE__ */ React$1.createElement(Checkbox, {
+	return /* @__PURE__ */ jsx(Checkbox, {
 		onCheckedChange: handleItemCheckedChange,
-		checked: isAllChecked,
+		checked: (() => {
+			if (!checkedItems.length || !mountedItems.length) return false;
+			if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem))) return true;
+			if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem))) return "indeterminate";
+			return false;
+		})(),
 		title,
 		...rest
 	});

package/dist/components/checkbox-group/CheckboxGroupAllItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupAllItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupAllItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'checked' | 'defaultChecked'\n>\n\nexport const CheckboxGroupAllItem = ({\n  onCheckedChange,\n  title = 'all',\n  ...rest\n}: CheckboxGroupAllItemProps): JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { mounted: mountedItems } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    mountedItems.forEach((value) => {\n      handleItemCheckedChangeContext(newChecked, value)\n    })\n    onCheckedChange?.(newChecked)\n  }\n\n  const isAllChecked = (() => {\n    if (!checkedItems.length || !mountedItems.length) return false\n\n    if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem)))\n      return true\n\n    if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem)))\n      return 'indeterminate'\n\n    return false\n  })()\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={isAllChecked}\n      title={title}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,wBAAwB,EACnC,iBACA,QAAQ,OACR,GAAG,WACyC;CAC5C,MAAM,EACJ,SAAS,cACT,yBAAyB,mCACvB,QAAM,WAAW,4BAA4B;CACjD,MAAM,EAAE,SAAS,iBAAiB,QAAM,WACtC,4BACD;CAED,MAAM,2BAA2B,eAAe;AAC9C,eAAa,SAAS,UAAU;AAC9B,kCAA+B,YAAY,MAAM;IACjD;AACF,oBAAkB,WAAW;;CAG/B,MAAM,sBAAsB;AAC1B,MAAI,CAAC,aAAa,UAAU,CAAC,aAAa,OAAQ,QAAO;AAEzD,MAAI,aAAa,OAAO,gBAAgB,aAAa,SAAS,YAAY,CAAC,CACzE,QAAO;AAET,MAAI,aAAa,MAAM,gBAAgB,aAAa,SAAS,YAAY,CAAC,CACxE,QAAO;AAET,SAAO;KACL;AAEJ,QACE,wBAAA,cAAC,UAAD;EACE,iBAAiB;EACjB,SAAS;EACF;EACP,GAAI;EACJ,CAAA"}
+{"version":3,"file":"CheckboxGroupAllItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupAllItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'checked' | 'defaultChecked'\n>\n\nexport const CheckboxGroupAllItem = ({\n  onCheckedChange,\n  title = 'all',\n  ...rest\n}: CheckboxGroupAllItemProps): React.JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { mounted: mountedItems } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    mountedItems.forEach((value) => {\n      handleItemCheckedChangeContext(newChecked, value)\n    })\n    onCheckedChange?.(newChecked)\n  }\n\n  const isAllChecked = (() => {\n    if (!checkedItems.length || !mountedItems.length) return false\n\n    if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem)))\n      return true\n\n    if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem)))\n      return 'indeterminate'\n\n    return false\n  })()\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={isAllChecked}\n      title={title}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAWA,IAAa,wBAAwB,EACnC,iBACA,QAAQ,OACR,GAAG,WAC+C;CAClD,MAAM,EACJ,SAAS,cACT,yBAAyB,mCACvB,QAAM,WAAW,4BAA4B;CACjD,MAAM,EAAE,SAAS,iBAAiB,QAAM,WACtC,4BACD;CAED,MAAM,2BAA2B,eAAe;AAC9C,eAAa,SAAS,UAAU;AAC9B,kCAA+B,YAAY,MAAM;IACjD;AACF,oBAAkB,WAAW;;AAe/B,QACE,oBAAC,UAAD;EACE,iBAAiB;EACjB,gBAfwB;AAC1B,OAAI,CAAC,aAAa,UAAU,CAAC,aAAa,OAAQ,QAAO;AAEzD,OAAI,aAAa,OAAO,gBAAgB,aAAa,SAAS,YAAY,CAAC,CACzE,QAAO;AAET,OAAI,aAAa,MAAM,gBAAgB,aAAa,SAAS,YAAY,CAAC,CACxE,QAAO;AAET,UAAO;MACL;EAMO;EACP,GAAI;EACJ,CAAA"}

package/dist/components/checkbox-group/CheckboxGroupItem.d.ts

@@ -3,5 +3,5 @@ import { Checkbox } from '../checkbox/Checkbox';
 type CheckboxGroupItemProps = Omit<React.ComponentProps<typeof Checkbox>, 'onCheckedChange' | 'checked' | 'defaultChecked'> & {
     onCheckedChange?: (newChecked: boolean) => void;
 };
-export declare const CheckboxGroupItem: ({ value, title, onCheckedChange, ...rest }: CheckboxGroupItemProps) => JSX.Element;
+export declare const CheckboxGroupItem: ({ value, title, onCheckedChange, ...rest }: CheckboxGroupItemProps) => React.JSX.Element;
 export {};

package/dist/components/checkbox-group/CheckboxGroupItem.js

@@ -2,6 +2,7 @@ import { Checkbox } from "../checkbox/Checkbox.js";
 import { CheckboxGroupCheckedContext } from "./context/CheckboxGroupChecked.context.js";
 import { CheckboxGroupMountedContext } from "./context/CheckboxGroupMounted.context.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-group/CheckboxGroupItem.tsx
 var CheckboxGroupItem = ({ value, title, onCheckedChange, ...rest }) => {
 	const { checked: checkedItems, handleItemCheckedChange: handleItemCheckedChangeContext } = React$1.useContext(CheckboxGroupCheckedContext);
@@ -16,7 +17,7 @@ var CheckboxGroupItem = ({ value, title, onCheckedChange, ...rest }) => {
 			handleItemMountedChange(false, value);
 		};
 	}, [handleItemMountedChange, value]);
-	return /* @__PURE__ */ React$1.createElement(Checkbox, {
+	return /* @__PURE__ */ jsx(Checkbox, {
 		onCheckedChange: handleItemCheckedChange,
 		checked: checkedItems.includes(value),
 		title: title ?? String(value),

package/dist/components/checkbox-group/CheckboxGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'onCheckedChange' | 'checked' | 'defaultChecked'\n> & {\n  onCheckedChange?: (newChecked: boolean) => void\n}\n\nexport const CheckboxGroupItem = ({\n  value,\n  title,\n  onCheckedChange,\n  ...rest\n}: CheckboxGroupItemProps): JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { handleItemMountedChange } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    handleItemCheckedChangeContext(newChecked, value)\n    onCheckedChange?.(newChecked)\n  }\n\n  React.useEffect(() => {\n    handleItemMountedChange(true, value)\n    return () => {\n      handleItemMountedChange(false, value)\n    }\n  }, [handleItemMountedChange, value])\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={checkedItems.includes(value)}\n      title={title ?? String(value)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,qBAAqB,EAChC,OACA,OACA,iBACA,GAAG,WACsC;CACzC,MAAM,EACJ,SAAS,cACT,yBAAyB,mCACvB,QAAM,WAAW,4BAA4B;CACjD,MAAM,EAAE,4BAA4B,QAAM,WACxC,4BACD;CAED,MAAM,2BAA2B,eAAe;AAC9C,iCAA+B,YAAY,MAAM;AACjD,oBAAkB,WAAW;;AAG/B,SAAM,gBAAgB;AACpB,0BAAwB,MAAM,MAAM;AACpC,eAAa;AACX,2BAAwB,OAAO,MAAM;;IAEtC,CAAC,yBAAyB,MAAM,CAAC;AAEpC,QACE,wBAAA,cAAC,UAAD;EACE,iBAAiB;EACjB,SAAS,aAAa,SAAS,MAAM;EACrC,OAAO,SAAS,OAAO,MAAM;EAC7B,GAAI;EACJ,CAAA"}
+{"version":3,"file":"CheckboxGroupItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'onCheckedChange' | 'checked' | 'defaultChecked'\n> & {\n  onCheckedChange?: (newChecked: boolean) => void\n}\n\nexport const CheckboxGroupItem = ({\n  value,\n  title,\n  onCheckedChange,\n  ...rest\n}: CheckboxGroupItemProps): React.JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { handleItemMountedChange } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    handleItemCheckedChangeContext(newChecked, value)\n    onCheckedChange?.(newChecked)\n  }\n\n  React.useEffect(() => {\n    handleItemMountedChange(true, value)\n    return () => {\n      handleItemMountedChange(false, value)\n    }\n  }, [handleItemMountedChange, value])\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={checkedItems.includes(value)}\n      title={title ?? String(value)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAaA,IAAa,qBAAqB,EAChC,OACA,OACA,iBACA,GAAG,WAC4C;CAC/C,MAAM,EACJ,SAAS,cACT,yBAAyB,mCACvB,QAAM,WAAW,4BAA4B;CACjD,MAAM,EAAE,4BAA4B,QAAM,WACxC,4BACD;CAED,MAAM,2BAA2B,eAAe;AAC9C,iCAA+B,YAAY,MAAM;AACjD,oBAAkB,WAAW;;AAG/B,SAAM,gBAAgB;AACpB,0BAAwB,MAAM,MAAM;AACpC,eAAa;AACX,2BAAwB,OAAO,MAAM;;IAEtC,CAAC,yBAAyB,MAAM,CAAC;AAEpC,QACE,oBAAC,UAAD;EACE,iBAAiB;EACjB,SAAS,aAAa,SAAS,MAAM;EACrC,OAAO,SAAS,OAAO,MAAM;EAC7B,GAAI;EACJ,CAAA"}

package/dist/components/checkbox-group/CheckboxGroupSub.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 type CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
 };
-export declare const CheckboxGroupSub: ({ asChild, ...rest }: CheckboxGroupSubProps) => JSX.Element;
+export declare const CheckboxGroupSub: ({ asChild, ...rest }: CheckboxGroupSubProps) => React.JSX.Element;
 export {};

package/dist/components/checkbox-group/CheckboxGroupSub.js

@@ -1,10 +1,10 @@
 import { CheckboxGroupMountedProvider } from "./context/CheckboxGroupMounted.context.js";
-import * as React$1 from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/checkbox-group/CheckboxGroupSub.tsx
 var CheckboxGroupSub = ({ asChild = false, ...rest }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ React$1.createElement(CheckboxGroupMountedProvider, null, /* @__PURE__ */ React$1.createElement(Component, rest));
+	return /* @__PURE__ */ jsx(CheckboxGroupMountedProvider, { children: /* @__PURE__ */ jsx(asChild ? Slot : "div", { ...rest }) });
 };
 //#endregion
 export { CheckboxGroupSub };

package/dist/components/checkbox-group/CheckboxGroupSub.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupSub.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n}\n\nexport const CheckboxGroupSub = ({\n  asChild = false,\n  ...rest\n}: CheckboxGroupSubProps): JSX.Element => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"mappings":";;;;AASA,IAAa,oBAAoB,EAC/B,UAAU,OACV,GAAG,WACqC;CACxC,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,wBAAA,cAAC,8BAAA,MACC,wBAAA,cAAC,WAAc,KAAQ,CACM"}
+{"version":3,"file":"CheckboxGroupSub.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n}\n\nexport const CheckboxGroupSub = ({\n  asChild = false,\n  ...rest\n}: CheckboxGroupSubProps): React.JSX.Element => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"mappings":";;;;;AASA,IAAa,oBAAoB,EAC/B,UAAU,OACV,GAAG,WAC2C;AAG9C,QACE,oBAAC,8BAAD,EAAA,UACE,oBAJc,UAAU,OAAO,OAI/B,EAAW,GAAI,MAAQ,CAAA,EACM,CAAA"}

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js

@@ -1,4 +1,5 @@
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx
 var CheckboxGroupCheckedContext = React$1.createContext({
 	checked: [],
@@ -38,7 +39,7 @@ var CheckboxGroupCheckedProvider = ({ checked: controlledChecked, defaultChecked
 		handleItemControlledCheckedChange,
 		controlledChecked
 	]);
-	return /* @__PURE__ */ React$1.createElement(CheckboxGroupCheckedContext.Provider, {
+	return /* @__PURE__ */ jsx(CheckboxGroupCheckedContext.Provider, {
 		value,
 		...rest
 	});

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupChecked.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupCheckedContextValue = {\n  checked: CheckboxGroupItemValue[]\n  handleItemCheckedChange: (\n    newItemChecked: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\ntype CheckboxGroupCheckedContextProps = {\n  checked?: CheckboxGroupCheckedContextValue['checked']\n  defaultChecked?: CheckboxGroupCheckedContextValue['checked']\n  onCheckedChange?: (\n    checked: CheckboxGroupCheckedContextValue['checked']\n  ) => void\n}\n\nexport const CheckboxGroupCheckedContext =\n  React.createContext<CheckboxGroupCheckedContextValue>({\n    checked: [],\n    handleItemCheckedChange: () => null\n  })\n\nconst generateNewCheckedFn = (\n  currentChecked: CheckboxGroupCheckedContextValue['checked']\n) => {\n  return (newItemChecked, itemValue) => {\n    const newCheckedSet = new Set(currentChecked)\n    if (newItemChecked) {\n      newCheckedSet.add(itemValue)\n    } else {\n      newCheckedSet.delete(itemValue)\n    }\n    const newChecked = Array.from(newCheckedSet)\n    return newChecked\n  }\n}\n\nexport const CheckboxGroupCheckedProvider = ({\n  checked: controlledChecked,\n  defaultChecked = [],\n  onCheckedChange,\n  ...rest\n}: React.PropsWithChildren<CheckboxGroupCheckedContextProps>) => {\n  const [checked, setChecked] = React.useState(defaultChecked)\n\n  const handleItemControlledCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      if (!controlledChecked) return () => null\n      const newCheckedFn = generateNewCheckedFn(controlledChecked)\n      const newChecked = newCheckedFn(newItemChecked, itemValue)\n      onCheckedChange?.(newChecked)\n    },\n    [onCheckedChange, controlledChecked]\n  )\n\n  const handleItemCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      setChecked((prevChecked) => {\n        const newCheckedFn = generateNewCheckedFn(prevChecked)\n        const newChecked = newCheckedFn(newItemChecked, itemValue)\n        onCheckedChange?.(newChecked)\n        return newChecked\n      })\n    },\n    [onCheckedChange]\n  )\n\n  const value = React.useMemo<CheckboxGroupCheckedContextValue>(() => {\n    const isControlled = Array.isArray(controlledChecked)\n    return {\n      checked: isControlled\n        ? (controlledChecked as CheckboxGroupCheckedContextValue['checked']) // We're literally JUST checking it above but TS still flags it, wrongly, so casting\n        : checked,\n      handleItemCheckedChange: isControlled\n        ? handleItemControlledCheckedChange\n        : handleItemCheckedChange\n    }\n  }, [\n    checked,\n    handleItemCheckedChange,\n    handleItemControlledCheckedChange,\n    controlledChecked\n  ])\n\n  return <CheckboxGroupCheckedContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;AAoBA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC;AAEJ,IAAM,wBACJ,mBACG;AACH,SAAQ,gBAAgB,cAAc;EACpC,MAAM,gBAAgB,IAAI,IAAI,eAAe;AAC7C,MAAI,eACF,eAAc,IAAI,UAAU;MAE5B,eAAc,OAAO,UAAU;AAGjC,SADmB,MAAM,KAAK,cAAc;;;AAKhD,IAAa,gCAAgC,EAC3C,SAAS,mBACT,iBAAiB,EAAE,EACnB,iBACA,GAAG,WAC4D;CAC/D,MAAM,CAAC,SAAS,cAAc,QAAM,SAAS,eAAe;CAE5D,MAAM,oCAAoC,QAAM,aAC7C,gBAAgB,cAAc;AAC7B,MAAI,CAAC,kBAAmB,cAAa;EAErC,MAAM,aADe,qBAAqB,kBAAkB,CAC5B,gBAAgB,UAAU;AAC1D,oBAAkB,WAAW;IAE/B,CAAC,iBAAiB,kBAAkB,CACrC;CAED,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;AAC7B,cAAY,gBAAgB;GAE1B,MAAM,aADe,qBAAqB,YAAY,CACtB,gBAAgB,UAAU;AAC1D,qBAAkB,WAAW;AAC7B,UAAO;IACP;IAEJ,CAAC,gBAAgB,CAClB;CAED,MAAM,QAAQ,QAAM,cAAgD;EAClE,MAAM,eAAe,MAAM,QAAQ,kBAAkB;AACrD,SAAO;GACL,SAAS,eACJ,oBACD;GACJ,yBAAyB,eACrB,oCACA;GACL;IACA;EACD;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,wBAAA,cAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAQ,CAAA"}
+{"version":3,"file":"CheckboxGroupChecked.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupCheckedContextValue = {\n  checked: CheckboxGroupItemValue[]\n  handleItemCheckedChange: (\n    newItemChecked: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\ntype CheckboxGroupCheckedContextProps = {\n  checked?: CheckboxGroupCheckedContextValue['checked']\n  defaultChecked?: CheckboxGroupCheckedContextValue['checked']\n  onCheckedChange?: (\n    checked: CheckboxGroupCheckedContextValue['checked']\n  ) => void\n}\n\nexport const CheckboxGroupCheckedContext =\n  React.createContext<CheckboxGroupCheckedContextValue>({\n    checked: [],\n    handleItemCheckedChange: () => null\n  })\n\nconst generateNewCheckedFn = (\n  currentChecked: CheckboxGroupCheckedContextValue['checked']\n) => {\n  return (newItemChecked, itemValue) => {\n    const newCheckedSet = new Set(currentChecked)\n    if (newItemChecked) {\n      newCheckedSet.add(itemValue)\n    } else {\n      newCheckedSet.delete(itemValue)\n    }\n    const newChecked = Array.from(newCheckedSet)\n    return newChecked\n  }\n}\n\nexport const CheckboxGroupCheckedProvider = ({\n  checked: controlledChecked,\n  defaultChecked = [],\n  onCheckedChange,\n  ...rest\n}: React.PropsWithChildren<CheckboxGroupCheckedContextProps>) => {\n  const [checked, setChecked] = React.useState(defaultChecked)\n\n  const handleItemControlledCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      if (!controlledChecked) return () => null\n      const newCheckedFn = generateNewCheckedFn(controlledChecked)\n      const newChecked = newCheckedFn(newItemChecked, itemValue)\n      onCheckedChange?.(newChecked)\n    },\n    [onCheckedChange, controlledChecked]\n  )\n\n  const handleItemCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      setChecked((prevChecked) => {\n        const newCheckedFn = generateNewCheckedFn(prevChecked)\n        const newChecked = newCheckedFn(newItemChecked, itemValue)\n        onCheckedChange?.(newChecked)\n        return newChecked\n      })\n    },\n    [onCheckedChange]\n  )\n\n  const value = React.useMemo<CheckboxGroupCheckedContextValue>(() => {\n    const isControlled = Array.isArray(controlledChecked)\n    return {\n      checked: isControlled\n        ? (controlledChecked as CheckboxGroupCheckedContextValue['checked']) // We're literally JUST checking it above but TS still flags it, wrongly, so casting\n        : checked,\n      handleItemCheckedChange: isControlled\n        ? handleItemControlledCheckedChange\n        : handleItemCheckedChange\n    }\n  }, [\n    checked,\n    handleItemCheckedChange,\n    handleItemControlledCheckedChange,\n    controlledChecked\n  ])\n\n  return <CheckboxGroupCheckedContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;;AAoBA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC;AAEJ,IAAM,wBACJ,mBACG;AACH,SAAQ,gBAAgB,cAAc;EACpC,MAAM,gBAAgB,IAAI,IAAI,eAAe;AAC7C,MAAI,eACF,eAAc,IAAI,UAAU;MAE5B,eAAc,OAAO,UAAU;AAGjC,SADmB,MAAM,KAAK,cAAc;;;AAKhD,IAAa,gCAAgC,EAC3C,SAAS,mBACT,iBAAiB,EAAE,EACnB,iBACA,GAAG,WAC4D;CAC/D,MAAM,CAAC,SAAS,cAAc,QAAM,SAAS,eAAe;CAE5D,MAAM,oCAAoC,QAAM,aAC7C,gBAAgB,cAAc;AAC7B,MAAI,CAAC,kBAAmB,cAAa;EAErC,MAAM,aADe,qBAAqB,kBAAkB,CAC5B,gBAAgB,UAAU;AAC1D,oBAAkB,WAAW;IAE/B,CAAC,iBAAiB,kBAAkB,CACrC;CAED,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;AAC7B,cAAY,gBAAgB;GAE1B,MAAM,aADe,qBAAqB,YAAY,CACtB,gBAAgB,UAAU;AAC1D,qBAAkB,WAAW;AAC7B,UAAO;IACP;IAEJ,CAAC,gBAAgB,CAClB;CAED,MAAM,QAAQ,QAAM,cAAgD;EAClE,MAAM,eAAe,MAAM,QAAQ,kBAAkB;AACrD,SAAO;GACL,SAAS,eACJ,oBACD;GACJ,yBAAyB,eACrB,oCACA;GACL;IACA;EACD;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,oBAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAQ,CAAA"}

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js

@@ -1,4 +1,5 @@
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx
 var CheckboxGroupMountedContext = React$1.createContext({
 	mounted: [],
@@ -20,7 +21,7 @@ var CheckboxGroupMountedProvider = (props) => {
 		mounted,
 		handleItemMountedChange
 	}), [mounted, handleItemMountedChange]);
-	return /* @__PURE__ */ React$1.createElement(CheckboxGroupMountedContext.Provider, {
+	return /* @__PURE__ */ jsx(CheckboxGroupMountedContext.Provider, {
 		value,
 		...props
 	});

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupMounted.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupMountedContextValue = {\n  mounted: CheckboxGroupItemValue[]\n  handleItemMountedChange: (\n    newItemMounted: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\nexport const CheckboxGroupMountedContext =\n  React.createContext<CheckboxGroupMountedContextValue>({\n    mounted: [],\n    handleItemMountedChange: () => null\n  })\n\nexport const CheckboxGroupMountedProvider = (props) => {\n  const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } =\n    React.useContext(CheckboxGroupMountedContext)\n\n  const [mounted, setMounted] = React.useState<CheckboxGroupItemValue[]>([])\n  const handleItemMountedChange = React.useCallback(\n    (newItemMounted, itemValue) => {\n      handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue)\n      setMounted((prevMounted) => {\n        const newMountedSet = new Set(prevMounted)\n        if (newItemMounted) {\n          newMountedSet.add(itemValue)\n        } else {\n          newMountedSet.delete(itemValue)\n        }\n        const newMounted = Array.from(newMountedSet)\n        return newMounted\n      })\n    },\n    [handleItemMountedChangeFurtherUpContext]\n  )\n\n  const value = React.useMemo<CheckboxGroupMountedContextValue>(\n    () => ({ mounted, handleItemMountedChange }),\n    [mounted, handleItemMountedChange]\n  )\n\n  return <CheckboxGroupMountedContext.Provider value={value} {...props} />\n}\n"],"mappings":";;AAYA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC;AAEJ,IAAa,gCAAgC,UAAU;CACrD,MAAM,EAAE,yBAAyB,4CAC/B,QAAM,WAAW,4BAA4B;CAE/C,MAAM,CAAC,SAAS,cAAc,QAAM,SAAmC,EAAE,CAAC;CAC1E,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;AAC7B,4CAA0C,gBAAgB,UAAU;AACpE,cAAY,gBAAgB;GAC1B,MAAM,gBAAgB,IAAI,IAAI,YAAY;AAC1C,OAAI,eACF,eAAc,IAAI,UAAU;OAE5B,eAAc,OAAO,UAAU;AAGjC,UADmB,MAAM,KAAK,cAAc;IAE5C;IAEJ,CAAC,wCAAwC,CAC1C;CAED,MAAM,QAAQ,QAAM,eACX;EAAE;EAAS;EAAyB,GAC3C,CAAC,SAAS,wBAAwB,CACnC;AAED,QAAO,wBAAA,cAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAS,CAAA"}
+{"version":3,"file":"CheckboxGroupMounted.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupMountedContextValue = {\n  mounted: CheckboxGroupItemValue[]\n  handleItemMountedChange: (\n    newItemMounted: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\nexport const CheckboxGroupMountedContext =\n  React.createContext<CheckboxGroupMountedContextValue>({\n    mounted: [],\n    handleItemMountedChange: () => null\n  })\n\nexport const CheckboxGroupMountedProvider = (props) => {\n  const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } =\n    React.useContext(CheckboxGroupMountedContext)\n\n  const [mounted, setMounted] = React.useState<CheckboxGroupItemValue[]>([])\n  const handleItemMountedChange = React.useCallback(\n    (newItemMounted, itemValue) => {\n      handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue)\n      setMounted((prevMounted) => {\n        const newMountedSet = new Set(prevMounted)\n        if (newItemMounted) {\n          newMountedSet.add(itemValue)\n        } else {\n          newMountedSet.delete(itemValue)\n        }\n        const newMounted = Array.from(newMountedSet)\n        return newMounted\n      })\n    },\n    [handleItemMountedChangeFurtherUpContext]\n  )\n\n  const value = React.useMemo<CheckboxGroupMountedContextValue>(\n    () => ({ mounted, handleItemMountedChange }),\n    [mounted, handleItemMountedChange]\n  )\n\n  return <CheckboxGroupMountedContext.Provider value={value} {...props} />\n}\n"],"mappings":";;;AAYA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC;AAEJ,IAAa,gCAAgC,UAAU;CACrD,MAAM,EAAE,yBAAyB,4CAC/B,QAAM,WAAW,4BAA4B;CAE/C,MAAM,CAAC,SAAS,cAAc,QAAM,SAAmC,EAAE,CAAC;CAC1E,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;AAC7B,4CAA0C,gBAAgB,UAAU;AACpE,cAAY,gBAAgB;GAC1B,MAAM,gBAAgB,IAAI,IAAI,YAAY;AAC1C,OAAI,eACF,eAAc,IAAI,UAAU;OAE5B,eAAc,OAAO,UAAU;AAGjC,UADmB,MAAM,KAAK,cAAc;IAE5C;IAEJ,CAAC,wCAAwC,CAC1C;CAED,MAAM,QAAQ,QAAM,eACX;EAAE;EAAS;EAAyB,GAC3C,CAAC,SAAS,wBAAwB,CACnC;AAED,QAAO,oBAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAS,CAAA"}