@sprawlify/react 0.0.5 → 0.0.7

package/dist/components/carousel/index.mjs

@@ -0,0 +1,242 @@
+import { t as __export } from "../../chunk-DLP0tNsH.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-C0F-4KYH.mjs";
+import { t as createContext$1 } from "../../create-context-CdjrBhu7.mjs";
+import { n as useEnvironmentContext } from "../../environment-BXkWNF2O.mjs";
+import { i as useLocaleContext } from "../../providers-CyTYcOU1.mjs";
+import { n as sprawlify } from "../../factory-DQlmCPH2.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJQdOyld.mjs";
+import { forwardRef, useId, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as carousel from "@sprawlify/primitives/machines/carousel";
+import { anatomy } from "@sprawlify/primitives/machines/carousel";
+
+//#region src/components/carousel/carousel-anatomy.ts
+const carouselAnatomy = anatomy.extendWith("progressText", "autoplayIndicator");
+
+//#endregion
+//#region src/components/carousel/use-carousel-context.ts
+const [CarouselProvider, useCarouselContext] = createContext$1({
+	name: "CarouselContext",
+	hookName: "useCarouselContext",
+	providerName: "<CarouselProvider />"
+});
+
+//#endregion
+//#region src/components/carousel/carousel-autoplay-indicator.tsx
+const parts$1 = carouselAnatomy.build();
+const CarouselAutoplayIndicator = forwardRef((props, ref) => {
+	const { children, fallback, ...restProps } = props;
+	const carousel$1 = useCarouselContext();
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		ref,
+		...parts$1.autoplayIndicator.attrs,
+		...restProps,
+		children: carousel$1.isPlaying ? children : fallback
+	});
+});
+CarouselAutoplayIndicator.displayName = "CarouselAutoplayIndicator";
+
+//#endregion
+//#region src/components/carousel/carousel-progress-text.tsx
+const parts = carouselAnatomy.build();
+const CarouselProgressText = forwardRef((props, ref) => {
+	const carousel$1 = useCarouselContext();
+	const progressText = useMemo(() => {
+		return `${carousel$1.page + 1} / ${carousel$1.pageSnapPoints.length}`;
+	}, [carousel$1.page, carousel$1.pageSnapPoints.length]);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		ref,
+		...parts.progressText.attrs,
+		...props,
+		children: props.children || progressText
+	});
+});
+CarouselProgressText.displayName = "CarouselProgressText";
+
+//#endregion
+//#region src/components/carousel/carousel-autoplay-trigger.tsx
+const CarouselAutoplayTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCarouselContext().getAutoplayTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+CarouselAutoplayTrigger.displayName = "CarouselAutoplayTrigger";
+
+//#endregion
+//#region src/components/carousel/carousel-context.tsx
+const CarouselContext = (props) => props.children(useCarouselContext());
+
+//#endregion
+//#region src/components/carousel/carousel-control.tsx
+const CarouselControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCarouselContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		...props,
+		ref
+	});
+});
+CarouselControl.displayName = "CarouselControl";
+
+//#endregion
+//#region src/components/carousel/carousel-indicator.tsx
+const splitIndicatorProps = createSplitProps();
+const CarouselIndicator = forwardRef((props, ref) => {
+	const [indicatorProps, localProps] = splitIndicatorProps(props, ["readOnly", "index"]);
+	const mergedProps = mergeProps(useCarouselContext().getIndicatorProps(indicatorProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+CarouselIndicator.displayName = "CarouselIndicator";
+
+//#endregion
+//#region src/components/carousel/carousel-indicator-group.tsx
+const CarouselIndicatorGroup = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCarouselContext().getIndicatorGroupProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+CarouselIndicatorGroup.displayName = "CarouselIndicatorGroup";
+
+//#endregion
+//#region src/components/carousel/carousel-item.tsx
+const splitItemProps = createSplitProps();
+const CarouselItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["index", "snapAlign"]);
+	const mergedProps = mergeProps(useCarouselContext().getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+CarouselItem.displayName = "CarouselItem";
+
+//#endregion
+//#region src/components/carousel/carousel-item-group.tsx
+const CarouselItemGroup = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCarouselContext().getItemGroupProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+CarouselItemGroup.displayName = "CarouselItemGroup";
+
+//#endregion
+//#region src/components/carousel/carousel-next-trigger.tsx
+const CarouselNextTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCarouselContext().getNextTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+CarouselNextTrigger.displayName = "CarouselNextTrigger";
+
+//#endregion
+//#region src/components/carousel/carousel-prev-trigger.tsx
+const CarouselPrevTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCarouselContext().getPrevTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+CarouselPrevTrigger.displayName = "CarouselPrevTrigger";
+
+//#endregion
+//#region src/components/carousel/use-carousel.ts
+const useCarousel = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(carousel.machine, machineProps);
+	return carousel.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/carousel/carousel-root.tsx
+const splitRootProps = createSplitProps();
+const CarouselRoot = forwardRef((props, ref) => {
+	const [useCarouselProps, localProps] = splitRootProps(props, [
+		"allowMouseDrag",
+		"autoplay",
+		"autoSize",
+		"defaultPage",
+		"id",
+		"ids",
+		"inViewThreshold",
+		"loop",
+		"onAutoplayStatusChange",
+		"onDragStatusChange",
+		"onPageChange",
+		"orientation",
+		"padding",
+		"page",
+		"slideCount",
+		"slidesPerMove",
+		"slidesPerPage",
+		"snapType",
+		"spacing",
+		"translations"
+	]);
+	const carousel$1 = useCarousel(useCarouselProps);
+	const mergedProps = mergeProps(carousel$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(CarouselProvider, {
+		value: carousel$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CarouselRoot.displayName = "CarouselRoot";
+
+//#endregion
+//#region src/components/carousel/carousel-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const CarouselRootProvider = forwardRef((props, ref) => {
+	const [{ value: carousel$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(carousel$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(CarouselProvider, {
+		value: carousel$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CarouselRootProvider.displayName = "CarouselRootProvider";
+
+//#endregion
+//#region src/components/carousel/carousel.ts
+var carousel_exports = /* @__PURE__ */ __export({
+	AutoplayIndicator: () => CarouselAutoplayIndicator,
+	AutoplayTrigger: () => CarouselAutoplayTrigger,
+	Context: () => CarouselContext,
+	Control: () => CarouselControl,
+	Indicator: () => CarouselIndicator,
+	IndicatorGroup: () => CarouselIndicatorGroup,
+	Item: () => CarouselItem,
+	ItemGroup: () => CarouselItemGroup,
+	NextTrigger: () => CarouselNextTrigger,
+	PrevTrigger: () => CarouselPrevTrigger,
+	ProgressText: () => CarouselProgressText,
+	Root: () => CarouselRoot,
+	RootProvider: () => CarouselRootProvider
+});
+
+//#endregion
+export { carousel_exports as Carousel, CarouselAutoplayIndicator, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselProgressText, CarouselRoot, CarouselRootProvider, carouselAnatomy, useCarousel, useCarouselContext };

package/dist/components/checkbox/index.cjs

@@ -0,0 +1,308 @@
+const require_core = require('../../core-CPLjF6nm.cjs');
+const require_create_context = require('../../create-context-D6DyFRSf.cjs');
+const require_environment = require('../../environment-DLPiALpf.cjs');
+const require_providers = require('../../providers-Bk3ALTxZ.cjs');
+const require_factory = require('../../factory-CDX-oCN5.cjs');
+const require_create_split_props = require('../../create-split-props-CSkzaUOy.cjs');
+const require_use_event = require('../../use-event-CGMgV6xB.cjs');
+const require_use_safe_layout_effect = require('../../use-safe-layout-effect-vuYaDIpT.cjs');
+require('../../fieldset-CuSSYZxV.cjs');
+const require_field = require('../../field-CXhpW6zO.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_checkbox = require("@sprawlify/primitives/machines/checkbox");
+__sprawlify_primitives_machines_checkbox = require_core.__toESM(__sprawlify_primitives_machines_checkbox);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/checkbox/use-checkbox-context.ts
+const [CheckboxProvider, useCheckboxContext] = require_create_context.createContext({
+	name: "CheckboxContext",
+	hookName: "useCheckboxContext",
+	providerName: "<CheckboxProvider />"
+});
+
+//#endregion
+//#region src/components/checkbox/checkbox-context.tsx
+const CheckboxContext = (props) => props.children(useCheckboxContext());
+
+//#endregion
+//#region src/components/checkbox/checkbox-control.tsx
+const CheckboxControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useCheckboxContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+CheckboxControl.displayName = "CheckboxControl";
+
+//#endregion
+//#region src/components/checkbox/checkbox-anatomy.ts
+const checkboxAnatomy = __sprawlify_primitives_machines_checkbox.anatomy.extendWith("group");
+
+//#endregion
+//#region src/utils/use-controllable-state.ts
+function useControllableState(props) {
+	const { value, onChange, defaultValue } = props;
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
+	const controlled = value !== void 0;
+	return [controlled ? value : uncontrolledValue, (0, react.useCallback)((value$1) => {
+		if (controlled) return onChange?.(value$1);
+		setUncontrolledValue(value$1);
+		return onChange?.(value$1);
+	}, [controlled, onChange])];
+}
+
+//#endregion
+//#region src/components/checkbox/use-checkbox-group.ts
+function useCheckboxGroup(props = {}) {
+	const fieldset = require_use_safe_layout_effect.useFieldsetContext();
+	const { defaultValue, value: controlledValue, onValueChange, disabled = fieldset?.disabled, readOnly, name, invalid = fieldset?.invalid } = props;
+	const interactive = !(disabled || readOnly);
+	const onChangeProp = require_use_event.useEvent(onValueChange, { sync: true });
+	const [value, setValue] = useControllableState({
+		value: controlledValue,
+		defaultValue: defaultValue || [],
+		onChange: onChangeProp
+	});
+	const isChecked = (val) => {
+		return value.some((v) => String(v) === String(val));
+	};
+	const toggleValue = (val) => {
+		isChecked(val) ? removeValue(val) : addValue(val);
+	};
+	const addValue = (val) => {
+		if (!interactive) return;
+		if (isChecked(val)) return;
+		setValue(value.concat(val));
+	};
+	const removeValue = (val) => {
+		if (!interactive) return;
+		setValue(value.filter((v) => String(v) !== String(val)));
+	};
+	const getItemProps = (props$1) => {
+		return {
+			checked: props$1.value != null ? isChecked(props$1.value) : void 0,
+			onCheckedChange() {
+				if (props$1.value != null) toggleValue(props$1.value);
+			},
+			name,
+			disabled,
+			readOnly,
+			invalid
+		};
+	};
+	return {
+		isChecked,
+		value,
+		name,
+		disabled: !!disabled,
+		readOnly: !!readOnly,
+		invalid: !!invalid,
+		setValue,
+		addValue,
+		toggleValue,
+		getItemProps
+	};
+}
+
+//#endregion
+//#region src/components/checkbox/use-checkbox-group-context.tsx
+const [CheckboxGroupContextProvider, useCheckboxGroupContext] = require_create_context.createContext({
+	name: "CheckboxGroupContext",
+	hookName: "useCheckboxGroupContext",
+	providerName: "<CheckboxGroupProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/checkbox/checkbox-group.tsx
+const splitGroupProps = require_create_split_props.createSplitProps();
+const CheckboxGroup = (0, react.forwardRef)((props, ref) => {
+	const [checkboxGroupProps, localProps] = splitGroupProps(props, [
+		"defaultValue",
+		"value",
+		"onValueChange",
+		"disabled",
+		"invalid",
+		"readOnly",
+		"name"
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxGroupContextProvider, {
+		value: useCheckboxGroup(checkboxGroupProps),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			ref,
+			role: "group",
+			...localProps,
+			...checkboxAnatomy.build().group.attrs
+		})
+	});
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+
+//#endregion
+//#region src/components/checkbox/checkbox-group-provider.tsx
+const splitProviderProps = require_create_split_props.createSplitProps();
+const CheckboxGroupProvider = (0, react.forwardRef)((props, ref) => {
+	const [localProps, restProps] = splitProviderProps(props, ["value"]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxGroupContextProvider, {
+		value: localProps.value,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			ref,
+			role: "group",
+			...restProps,
+			...checkboxAnatomy.build().group.attrs
+		})
+	});
+});
+CheckboxGroupProvider.displayName = "CheckboxGroupProvider";
+
+//#endregion
+//#region src/components/checkbox/checkbox-hidden-input.tsx
+const CheckboxHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useCheckboxContext().getHiddenInputProps(), props);
+	const field = require_field.useFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+CheckboxHiddenInput.displayName = "CheckboxHiddenInput";
+
+//#endregion
+//#region src/components/checkbox/checkbox-indicator.tsx
+const CheckboxIndicator = (0, react.forwardRef)((props, ref) => {
+	const { indeterminate, ...rest } = props;
+	const checkbox = useCheckboxContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(checkbox.getIndicatorProps(), rest);
+	const isVisible = indeterminate ? checkbox.indeterminate : checkbox.checked;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		hidden: !isVisible,
+		ref
+	});
+});
+CheckboxIndicator.displayName = "CheckboxIndicator";
+
+//#endregion
+//#region src/components/checkbox/checkbox-label.tsx
+const CheckboxLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useCheckboxContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+CheckboxLabel.displayName = "CheckboxLabel";
+
+//#endregion
+//#region src/components/checkbox/use-checkbox.ts
+const useCheckbox = (ownProps = {}) => {
+	const checkboxGroup = useCheckboxGroupContext();
+	const field = require_field.useFieldContext();
+	const props = (0, react.useMemo)(() => {
+		return (0, __sprawlify_primitives_core.mergeProps)(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});
+	}, [ownProps, checkboxGroup]);
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		dir,
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		invalid: field?.invalid,
+		required: field?.required,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_checkbox.machine, machineProps);
+	return __sprawlify_primitives_machines_checkbox.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/checkbox/checkbox-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const CheckboxRoot = (0, react.forwardRef)((props, ref) => {
+	const [useCheckboxProps, localProps] = splitRootProps(props, [
+		"checked",
+		"defaultChecked",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"name",
+		"onCheckedChange",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const checkbox = useCheckbox(useCheckboxProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(checkbox.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxProvider, {
+		value: checkbox,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CheckboxRoot.displayName = "CheckboxRoot";
+
+//#endregion
+//#region src/components/checkbox/checkbox-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const CheckboxRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: checkbox }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(checkbox.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxProvider, {
+		value: checkbox,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CheckboxRootProvider.displayName = "CheckboxRootProvider";
+
+//#endregion
+//#region src/components/checkbox/checkbox.ts
+var checkbox_exports = /* @__PURE__ */ require_core.__export({
+	Context: () => CheckboxContext,
+	Control: () => CheckboxControl,
+	Group: () => CheckboxGroup,
+	GroupProvider: () => CheckboxGroupProvider,
+	HiddenInput: () => CheckboxHiddenInput,
+	Indicator: () => CheckboxIndicator,
+	Label: () => CheckboxLabel,
+	Root: () => CheckboxRoot,
+	RootProvider: () => CheckboxRootProvider
+});
+
+//#endregion
+Object.defineProperty(exports, 'Checkbox', {
+  enumerable: true,
+  get: function () {
+    return checkbox_exports;
+  }
+});
+exports.CheckboxContext = CheckboxContext;
+exports.CheckboxControl = CheckboxControl;
+exports.CheckboxGroup = CheckboxGroup;
+exports.CheckboxGroupProvider = CheckboxGroupProvider;
+exports.CheckboxHiddenInput = CheckboxHiddenInput;
+exports.CheckboxIndicator = CheckboxIndicator;
+exports.CheckboxLabel = CheckboxLabel;
+exports.CheckboxRoot = CheckboxRoot;
+exports.CheckboxRootProvider = CheckboxRootProvider;
+exports.checkboxAnatomy = checkboxAnatomy;
+exports.useCheckbox = useCheckbox;
+exports.useCheckboxContext = useCheckboxContext;
+exports.useCheckboxGroup = useCheckboxGroup;
+exports.useCheckboxGroupContext = useCheckboxGroupContext;

package/dist/components/checkbox/index.d.cts

@@ -0,0 +1,115 @@
+import { t as PropTypes } from "../../normalize-props-sqcs77GC.cjs";
+import { n as Optional, t as Assign } from "../../types-DYWV3uAj.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DaNWFLLN.cjs";
+import * as react193 from "react";
+import { ReactNode } from "react";
+import * as _sprawlify_primitives_anatomy5 from "@sprawlify/primitives/anatomy";
+import * as checkbox from "@sprawlify/primitives/machines/checkbox";
+import { CheckedChangeDetails, CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState, CheckedState as CheckboxCheckedState } from "@sprawlify/primitives/machines/checkbox";
+
+//#region src/components/checkbox/use-checkbox.d.ts
+interface UseCheckboxProps extends Optional<Omit<checkbox.Props, "dir" | "getRootNode">, "id"> {}
+interface UseCheckboxReturn extends checkbox.Api<PropTypes> {}
+declare const useCheckbox: (ownProps?: UseCheckboxProps) => UseCheckboxReturn;
+//#endregion
+//#region src/components/checkbox/use-checkbox-context.d.ts
+interface UseCheckboxContext extends UseCheckboxReturn {}
+//#endregion
+//#region src/components/checkbox/checkbox-context.d.ts
+interface CheckboxContextProps {
+  children: (context: UseCheckboxContext) => ReactNode;
+}
+declare const CheckboxContext: (props: CheckboxContextProps) => ReactNode;
+//#endregion
+//#region src/components/checkbox/checkbox-control.d.ts
+interface CheckboxControlBaseProps extends PolymorphicProps {}
+interface CheckboxControlProps extends HTMLProps<"div">, CheckboxControlBaseProps {}
+declare const CheckboxControl: react193.ForwardRefExoticComponent<CheckboxControlProps & react193.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/checkbox/use-checkbox-group.d.ts
+interface UseCheckboxGroupProps {
+  defaultValue?: string[] | undefined;
+  value?: string[] | undefined;
+  name?: string | undefined;
+  onValueChange?: ((value: string[]) => void) | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  invalid?: boolean | undefined;
+}
+interface CheckboxGroupItemProps {
+  value: string | undefined;
+}
+declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
+  isChecked: (val: string | undefined) => boolean;
+  value: string[];
+  name: string | undefined;
+  disabled: boolean;
+  readOnly: boolean;
+  invalid: boolean;
+  setValue: (value: string[]) => void | undefined;
+  addValue: (val: string) => void;
+  toggleValue: (val: string) => void;
+  getItemProps: (props: CheckboxGroupItemProps) => {
+    checked: boolean | undefined;
+    onCheckedChange(): void;
+    name: string | undefined;
+    disabled: boolean;
+    readOnly: boolean | undefined;
+    invalid: boolean;
+  };
+};
+type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>;
+//#endregion
+//#region src/components/checkbox/checkbox-group.d.ts
+interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps {}
+interface CheckboxGroupProps extends Assign<HTMLProps<"div">, CheckboxGroupBaseProps> {}
+declare const CheckboxGroup: react193.ForwardRefExoticComponent<CheckboxGroupProps & react193.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/checkbox/use-checkbox-group-context.d.ts
+interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {}
+//#endregion
+//#region src/components/checkbox/checkbox-group-provider.d.ts
+interface ProviderProps {
+  value: UseCheckboxGroupContext;
+}
+interface CheckboxGroupProviderBaseProps extends ProviderProps, PolymorphicProps {}
+interface CheckboxGroupProviderProps extends Assign<HTMLProps<"div">, CheckboxGroupProviderBaseProps> {}
+declare const CheckboxGroupProvider: react193.ForwardRefExoticComponent<CheckboxGroupProviderProps & react193.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/checkbox/checkbox-hidden-input.d.ts
+interface CheckboxHiddenInputBaseProps extends PolymorphicProps {}
+interface CheckboxHiddenInputProps extends HTMLProps<"input">, CheckboxHiddenInputBaseProps {}
+declare const CheckboxHiddenInput: react193.ForwardRefExoticComponent<CheckboxHiddenInputProps & react193.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/checkbox/checkbox-indicator.d.ts
+interface CheckboxIndicatorBaseProps extends PolymorphicProps {
+  indeterminate?: boolean | undefined;
+}
+interface CheckboxIndicatorProps extends HTMLProps<"div">, CheckboxIndicatorBaseProps {}
+declare const CheckboxIndicator: react193.ForwardRefExoticComponent<CheckboxIndicatorProps & react193.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/checkbox/checkbox-label.d.ts
+interface CheckboxLabelBaseProps extends PolymorphicProps {}
+interface CheckboxLabelProps extends HTMLProps<"span">, CheckboxLabelBaseProps {}
+declare const CheckboxLabel: react193.ForwardRefExoticComponent<CheckboxLabelProps & react193.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/checkbox/checkbox-root.d.ts
+interface CheckboxRootBaseProps extends UseCheckboxProps, PolymorphicProps {}
+interface CheckboxRootProps extends Assign<HTMLProps<"label">, CheckboxRootBaseProps> {}
+declare const CheckboxRoot: react193.ForwardRefExoticComponent<CheckboxRootProps & react193.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/checkbox/checkbox-root-provider.d.ts
+interface RootProviderProps {
+  value: UseCheckboxReturn;
+}
+interface CheckboxRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface CheckboxRootProviderProps extends HTMLProps<"label">, CheckboxRootProviderBaseProps {}
+declare const CheckboxRootProvider: react193.ForwardRefExoticComponent<CheckboxRootProviderProps & react193.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/checkbox/checkbox-anatomy.d.ts
+declare const checkboxAnatomy: _sprawlify_primitives_anatomy5.AnatomyInstance<"label" | "root" | "control" | "indicator" | "group">;
+declare namespace checkbox_d_exports {
+  export { CheckedChangeDetails, CheckedState, CheckboxContext as Context, CheckboxContextProps as ContextProps, CheckboxControl as Control, CheckboxControlBaseProps as ControlBaseProps, CheckboxControlProps as ControlProps, CheckboxGroup as Group, CheckboxGroupBaseProps as GroupBaseProps, CheckboxGroupProps as GroupProps, CheckboxGroupProvider as GroupProvider, CheckboxGroupProviderBaseProps as GroupProviderBaseProps, CheckboxGroupProviderProps as GroupProviderProps, CheckboxHiddenInput as HiddenInput, CheckboxHiddenInputBaseProps as HiddenInputBaseProps, CheckboxHiddenInputProps as HiddenInputProps, CheckboxIndicator as Indicator, CheckboxIndicatorBaseProps as IndicatorBaseProps, CheckboxIndicatorProps as IndicatorProps, CheckboxLabel as Label, CheckboxLabelBaseProps as LabelBaseProps, CheckboxLabelProps as LabelProps, CheckboxRoot as Root, CheckboxRootBaseProps as RootBaseProps, CheckboxRootProps as RootProps, CheckboxRootProvider as RootProvider, CheckboxRootProviderBaseProps as RootProviderBaseProps, CheckboxRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { checkbox_d_exports as Checkbox, type CheckboxCheckedChangeDetails, type CheckboxCheckedState, CheckboxContext, type CheckboxContextProps, CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps, CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps, CheckboxGroupProvider, type CheckboxGroupProviderBaseProps, type CheckboxGroupProviderProps, CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps, CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps, CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps, CheckboxRootProvider, type CheckboxRootProviderBaseProps, type CheckboxRootProviderProps, type UseCheckboxContext, type UseCheckboxGroupContext, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, type UseCheckboxProps, type UseCheckboxReturn, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext };