@wirekyt/react 0.0.1 → 0.0.3

package/dist/checkbox.d.ts

@@ -0,0 +1,115 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+import * as checkbox from "@wirekyt/dom/machines/checkbox";
+import { CheckedChangeDetails, CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState, CheckedState as CheckboxCheckedState } from "@wirekyt/dom/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-context.d.ts
+interface UseCheckboxContext extends UseCheckboxReturn {}
+declare const CheckboxProvider: import("react").Provider<UseCheckboxContext>, useCheckboxContext: () => UseCheckboxContext;
+//#endregion
+//#region src/components/checkbox/context.d.ts
+interface CheckboxContextProps {
+  children: (context: UseCheckboxContext) => ReactNode;
+}
+declare const CheckboxContext: (props: CheckboxContextProps) => ReactNode;
+//#endregion
+//#region src/components/checkbox/control.d.ts
+interface CheckboxControlBaseProps extends PolymorphicProps {}
+interface CheckboxControlProps extends HTMLProps<"div">, CheckboxControlBaseProps {}
+declare const CheckboxControl: import("react").ForwardRefExoticComponent<CheckboxControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/checkbox/use-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;
+  maxSelectedValues?: number | 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/group.d.ts
+interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps {}
+interface CheckboxGroupProps extends Assign<HTMLProps<"div">, CheckboxGroupBaseProps> {}
+declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/checkbox/use-group-context.d.ts
+interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {}
+declare const CheckboxGroupContextProvider: import("react").Provider<UseCheckboxGroupContext | undefined>, useCheckboxGroupContext: () => UseCheckboxGroupContext | undefined;
+//#endregion
+//#region src/components/checkbox/group-provider.d.ts
+interface ProviderProps {
+  value: UseCheckboxGroupContext;
+}
+interface CheckboxGroupProviderBaseProps extends ProviderProps, PolymorphicProps {}
+interface CheckboxGroupProviderProps extends Assign<HTMLProps<"div">, CheckboxGroupProviderBaseProps> {}
+declare const CheckboxGroupProvider: import("react").ForwardRefExoticComponent<CheckboxGroupProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/checkbox/hidden-input.d.ts
+interface CheckboxHiddenInputBaseProps extends PolymorphicProps {}
+interface CheckboxHiddenInputProps extends HTMLProps<"input">, CheckboxHiddenInputBaseProps {}
+declare const CheckboxHiddenInput: import("react").ForwardRefExoticComponent<CheckboxHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/checkbox/indicator.d.ts
+interface CheckboxIndicatorBaseProps extends PolymorphicProps {
+  indeterminate?: boolean | undefined;
+}
+interface CheckboxIndicatorProps extends HTMLProps<"div">, CheckboxIndicatorBaseProps {}
+declare const CheckboxIndicator: import("react").ForwardRefExoticComponent<CheckboxIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/checkbox/label.d.ts
+interface CheckboxLabelBaseProps extends PolymorphicProps {}
+interface CheckboxLabelProps extends HTMLProps<"span">, CheckboxLabelBaseProps {}
+declare const CheckboxLabel: import("react").ForwardRefExoticComponent<CheckboxLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/checkbox/root.d.ts
+interface CheckboxRootBaseProps extends UseCheckboxProps, PolymorphicProps {}
+interface CheckboxRootProps extends Assign<HTMLProps<"label">, CheckboxRootBaseProps> {}
+declare const CheckboxRoot: import("react").ForwardRefExoticComponent<CheckboxRootProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/checkbox/root-provider.d.ts
+interface RootProviderProps {
+  value: UseCheckboxReturn;
+}
+interface CheckboxRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface CheckboxRootProviderProps extends HTMLProps<"label">, CheckboxRootProviderBaseProps {}
+declare const CheckboxRootProvider: import("react").ForwardRefExoticComponent<CheckboxRootProviderProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/checkbox/anatomy.d.ts
+declare const checkboxAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"label" | "root" | "indicator" | "group" | "control">;
+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 };

package/dist/checkbox.js

@@ -0,0 +1,263 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, i as useControllableState, r as useEvent, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { n as useFieldsetContext } from "./use-context-CITa6pn9.js";
+import "./fieldset-fx44GCtM.js";
+import { h as useFieldContext } from "./field-Cy1E02DH.js";
+import { forwardRef, useId, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as checkbox from "@wirekyt/dom/machines/checkbox";
+import { anatomy } from "@wirekyt/dom/machines/checkbox";
+//#region src/components/checkbox/use-context.ts
+const [CheckboxProvider, useCheckboxContext] = createContext$1({
+	name: "CheckboxContext",
+	hookName: "useCheckboxContext",
+	providerName: "<CheckboxProvider />"
+});
+//#endregion
+//#region src/components/checkbox/context.tsx
+const CheckboxContext = (props) => props.children(useCheckboxContext());
+//#endregion
+//#region src/components/checkbox/control.tsx
+const CheckboxControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCheckboxContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+CheckboxControl.displayName = "CheckboxControl";
+//#endregion
+//#region src/components/checkbox/anatomy.ts
+const checkboxAnatomy = anatomy.extendWith("group");
+//#endregion
+//#region src/components/checkbox/use-group.ts
+function useCheckboxGroup(props = {}) {
+	const fieldset = useFieldsetContext();
+	const { defaultValue, value: controlledValue, onValueChange, disabled = fieldset?.disabled, readOnly, name, invalid = fieldset?.invalid, maxSelectedValues } = props;
+	const interactive = !(disabled || readOnly);
+	const onChangeProp = 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) => {
+		if (isChecked(val)) removeValue(val);
+		else addValue(val);
+	};
+	const isAtMax = maxSelectedValues != null && value.length >= maxSelectedValues;
+	const addValue = (val) => {
+		if (!interactive) return;
+		if (isChecked(val)) return;
+		if (isAtMax) return;
+		setValue(value.concat(val));
+	};
+	const removeValue = (val) => {
+		if (!interactive) return;
+		setValue(value.filter((v) => String(v) !== String(val)));
+	};
+	const getItemProps = (props) => {
+		const checked = props.value != null ? isChecked(props.value) : void 0;
+		return {
+			checked,
+			onCheckedChange() {
+				if (props.value != null) toggleValue(props.value);
+			},
+			name,
+			disabled: disabled || isAtMax && !checked,
+			readOnly,
+			invalid
+		};
+	};
+	return {
+		isChecked,
+		value,
+		name,
+		disabled: !!disabled,
+		readOnly: !!readOnly,
+		invalid: !!invalid,
+		setValue,
+		addValue,
+		toggleValue,
+		getItemProps
+	};
+}
+//#endregion
+//#region src/components/checkbox/use-group-context.tsx
+const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext$1({
+	name: "CheckboxGroupContext",
+	hookName: "useCheckboxGroupContext",
+	providerName: "<CheckboxGroupProvider />",
+	strict: false
+});
+//#endregion
+//#region src/components/checkbox/group.tsx
+const splitGroupProps = createSplitProps();
+const CheckboxGroup = forwardRef((props, ref) => {
+	const [checkboxGroupProps, localProps] = splitGroupProps(props, [
+		"defaultValue",
+		"value",
+		"onValueChange",
+		"disabled",
+		"invalid",
+		"readOnly",
+		"name",
+		"maxSelectedValues"
+	]);
+	return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, {
+		value: useCheckboxGroup(checkboxGroupProps),
+		children: /* @__PURE__ */ jsx(wire.div, {
+			ref,
+			role: "group",
+			...localProps,
+			...checkboxAnatomy.build().group.attrs
+		})
+	});
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+//#endregion
+//#region src/components/checkbox/group-provider.tsx
+const splitProviderProps = createSplitProps();
+const CheckboxGroupProvider = forwardRef((props, ref) => {
+	const [localProps, restProps] = splitProviderProps(props, ["value"]);
+	return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, {
+		value: localProps.value,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			ref,
+			role: "group",
+			...restProps,
+			...checkboxAnatomy.build().group.attrs
+		})
+	});
+});
+CheckboxGroupProvider.displayName = "CheckboxGroupProvider";
+//#endregion
+//#region src/components/checkbox/hidden-input.tsx
+const CheckboxHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCheckboxContext().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(wire.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+CheckboxHiddenInput.displayName = "CheckboxHiddenInput";
+//#endregion
+//#region src/components/checkbox/indicator.tsx
+const CheckboxIndicator = forwardRef((props, ref) => {
+	const { indeterminate, ...rest } = props;
+	const checkbox = useCheckboxContext();
+	const mergedProps = mergeProps(checkbox.getIndicatorProps(), rest);
+	const isVisible = indeterminate ? checkbox.indeterminate : checkbox.checked;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		hidden: !isVisible,
+		ref
+	});
+});
+CheckboxIndicator.displayName = "CheckboxIndicator";
+//#endregion
+//#region src/components/checkbox/label.tsx
+const CheckboxLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCheckboxContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref
+	});
+});
+CheckboxLabel.displayName = "CheckboxLabel";
+//#endregion
+//#region src/components/checkbox/use-checkbox.ts
+const useCheckbox = (ownProps = {}) => {
+	const checkboxGroup = useCheckboxGroupContext();
+	const field = useFieldContext();
+	const props = useMemo(() => {
+		return mergeProps(checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {}, ownProps);
+	}, [ownProps, checkboxGroup]);
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = 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 = useMachine(checkbox.machine, machineProps);
+	return checkbox.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/checkbox/root.tsx
+const splitRootProps = createSplitProps();
+const CheckboxRoot = 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 = mergeProps(checkbox.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(CheckboxProvider, {
+		value: checkbox,
+		children: /* @__PURE__ */ jsx(wire.label, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CheckboxRoot.displayName = "CheckboxRoot";
+//#endregion
+//#region src/components/checkbox/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const CheckboxRootProvider = forwardRef((props, ref) => {
+	const [{ value: checkbox }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(checkbox.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(CheckboxProvider, {
+		value: checkbox,
+		children: /* @__PURE__ */ jsx(wire.label, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CheckboxRootProvider.displayName = "CheckboxRootProvider";
+//#endregion
+//#region src/components/checkbox/checkbox.ts
+var checkbox_exports = /* @__PURE__ */ __exportAll({
+	Context: () => CheckboxContext,
+	Control: () => CheckboxControl,
+	Group: () => CheckboxGroup,
+	GroupProvider: () => CheckboxGroupProvider,
+	HiddenInput: () => CheckboxHiddenInput,
+	Indicator: () => CheckboxIndicator,
+	Label: () => CheckboxLabel,
+	Root: () => CheckboxRoot,
+	RootProvider: () => CheckboxRootProvider
+});
+//#endregion
+export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxGroupProvider, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext };

package/dist/client-only.cjs

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client-only/client-only.tsx
+const noop = () => void 0;
+const ClientOnly = (props) => {
+	const { children, fallback } = props;
+	if (!(0, react.useSyncExternalStore)(() => noop, () => true, () => false)) return fallback;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: typeof children === "function" ? children() : children });
+};
+//#endregion
+exports.ClientOnly = ClientOnly;

package/dist/client-only.d.cts

@@ -0,0 +1,8 @@
+//#region src/components/client-only/client-only.d.ts
+interface ClientOnlyProps {
+  children: React.ReactNode | (() => React.ReactNode);
+  fallback?: React.ReactNode | undefined;
+}
+declare const ClientOnly: (props: ClientOnlyProps) => React.ReactNode;
+//#endregion
+export { ClientOnly, type ClientOnlyProps };

package/dist/client-only.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/client-only/client-only.d.ts
+interface ClientOnlyProps {
+  children: React.ReactNode | (() => React.ReactNode);
+  fallback?: React.ReactNode | undefined;
+}
+declare const ClientOnly: (props: ClientOnlyProps) => React.ReactNode;
+//#endregion
+export { ClientOnly, type ClientOnlyProps };

package/dist/client-only.js

@@ -0,0 +1,11 @@
+import { useSyncExternalStore } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region src/components/client-only/client-only.tsx
+const noop = () => void 0;
+const ClientOnly = (props) => {
+	const { children, fallback } = props;
+	if (!useSyncExternalStore(() => noop, () => true, () => false)) return fallback;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: typeof children === "function" ? children() : children });
+};
+//#endregion
+export { ClientOnly };

package/dist/clipboard.cjs

@@ -0,0 +1,174 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_clipboard = require("@wirekyt/dom/machines/clipboard");
+_wirekyt_dom_machines_clipboard = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_clipboard, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/clipboard/use-context.ts
+const [ClipboardProvider, useClipboardContext] = require_utils.createContext({
+	name: "ClipboardContext",
+	hookName: "useClipboardContext",
+	providerName: "<ClipboardProvider />"
+});
+//#endregion
+//#region src/components/clipboard/context.tsx
+const ClipboardContext = (props) => props.children(useClipboardContext());
+//#endregion
+//#region src/components/clipboard/control.tsx
+const ClipboardControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useClipboardContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ClipboardControl.displayName = "ClipboardControl";
+//#endregion
+//#region src/components/clipboard/indicator.tsx
+const ClipboardIndicator = (0, react.forwardRef)((props, ref) => {
+	const { children, copied, ...localProps } = props;
+	const clipboard = useClipboardContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(clipboard.getIndicatorProps({ copied: clipboard.copied }), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref,
+		children: clipboard.copied ? copied : children
+	});
+});
+ClipboardIndicator.displayName = "ClipboardIndicator";
+//#endregion
+//#region src/components/clipboard/input.tsx
+const ClipboardInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useClipboardContext().getInputProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+ClipboardInput.displayName = "ClipboardInput";
+//#endregion
+//#region src/components/clipboard/label.tsx
+const ClipboardLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useClipboardContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+ClipboardLabel.displayName = "ClipboardLabel";
+//#endregion
+//#region src/components/clipboard/use.ts
+const useClipboard = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const machineProps = {
+		id,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_clipboard.machine, machineProps);
+	return _wirekyt_dom_machines_clipboard.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/clipboard/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const ClipboardRoot = (0, react.forwardRef)((props, ref) => {
+	const [useClipboardProps, localProps] = splitRootProps(props, [
+		"defaultValue",
+		"id",
+		"ids",
+		"onStatusChange",
+		"onValueChange",
+		"timeout",
+		"translations",
+		"value"
+	]);
+	const clipboard = useClipboard(useClipboardProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(clipboard.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClipboardProvider, {
+		value: clipboard,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			ref,
+			...mergedProps
+		})
+	});
+});
+ClipboardRoot.displayName = "ClipboardRoot";
+//#endregion
+//#region src/components/clipboard/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const ClipboardRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: clipboard }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(clipboard.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClipboardProvider, {
+		value: clipboard,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			ref,
+			...mergedProps
+		})
+	});
+});
+ClipboardRootProvider.displayName = "ClipboardRootProvider";
+//#endregion
+//#region src/components/clipboard/trigger.tsx
+const ClipboardTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useClipboardContext().getTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+ClipboardTrigger.displayName = "ClipboardTrigger";
+//#endregion
+//#region src/components/clipboard/value-text.tsx
+const ClipboardValueText = (0, react.forwardRef)((props, ref) => {
+	const clipboard = useClipboardContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...props,
+		ref,
+		children: props.children || clipboard.value
+	});
+});
+ClipboardValueText.displayName = "ClipboardValueText";
+//#endregion
+//#region src/components/clipboard/clipboard.ts
+var clipboard_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => ClipboardContext,
+	Control: () => ClipboardControl,
+	Indicator: () => ClipboardIndicator,
+	Input: () => ClipboardInput,
+	Label: () => ClipboardLabel,
+	Root: () => ClipboardRoot,
+	RootProvider: () => ClipboardRootProvider,
+	Trigger: () => ClipboardTrigger,
+	ValueText: () => ClipboardValueText
+});
+//#endregion
+Object.defineProperty(exports, "Clipboard", {
+	enumerable: true,
+	get: function() {
+		return clipboard_exports;
+	}
+});
+exports.ClipboardContext = ClipboardContext;
+exports.ClipboardControl = ClipboardControl;
+exports.ClipboardIndicator = ClipboardIndicator;
+exports.ClipboardInput = ClipboardInput;
+exports.ClipboardLabel = ClipboardLabel;
+exports.ClipboardRoot = ClipboardRoot;
+exports.ClipboardRootProvider = ClipboardRootProvider;
+exports.ClipboardTrigger = ClipboardTrigger;
+exports.ClipboardValueText = ClipboardValueText;
+Object.defineProperty(exports, "clipboardAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_clipboard.anatomy;
+	}
+});
+exports.useClipboard = useClipboard;
+exports.useClipboardContext = useClipboardContext;

package/dist/clipboard.d.cts

@@ -0,0 +1,70 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+import * as clipboard from "@wirekyt/dom/machines/clipboard";
+import { CopyStatusDetails, CopyStatusDetails as ClipboardCopyStatusDetails, anatomy as clipboardAnatomy } from "@wirekyt/dom/machines/clipboard";
+//#region src/components/clipboard/use.d.ts
+interface UseClipboardProps extends Optional<Omit<clipboard.Props, "getRootNode">, "id"> {}
+interface UseClipboardReturn extends clipboard.Api<PropTypes> {}
+declare const useClipboard: (props?: UseClipboardProps) => UseClipboardReturn;
+//#endregion
+//#region src/components/clipboard/use-context.d.ts
+interface UseClipboardContext extends UseClipboardReturn {}
+declare const ClipboardProvider: import("react").Provider<UseClipboardContext>, useClipboardContext: () => UseClipboardContext;
+//#endregion
+//#region src/components/clipboard/context.d.ts
+interface ClipboardContextProps {
+  children: (context: UseClipboardContext) => ReactNode;
+}
+declare const ClipboardContext: (props: ClipboardContextProps) => ReactNode;
+//#endregion
+//#region src/components/clipboard/control.d.ts
+interface ClipboardControlBaseProps extends PolymorphicProps {}
+interface ClipboardControlProps extends HTMLProps<"div">, ClipboardControlBaseProps {}
+declare const ClipboardControl: import("react").ForwardRefExoticComponent<ClipboardControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/clipboard/indicator.d.ts
+interface ClipboardIndicatorBaseProps extends PolymorphicProps {
+  copied?: ReactNode | undefined;
+}
+interface ClipboardIndicatorProps extends HTMLProps<"div">, ClipboardIndicatorBaseProps {}
+declare const ClipboardIndicator: import("react").ForwardRefExoticComponent<ClipboardIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/clipboard/input.d.ts
+interface ClipboardInputBaseProps extends PolymorphicProps {}
+interface ClipboardInputProps extends HTMLProps<"input">, ClipboardInputBaseProps {}
+declare const ClipboardInput: import("react").ForwardRefExoticComponent<ClipboardInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/clipboard/label.d.ts
+interface ClipboardLabelBaseProps extends PolymorphicProps {}
+interface ClipboardLabelProps extends HTMLProps<"label">, ClipboardLabelBaseProps {}
+declare const ClipboardLabel: import("react").ForwardRefExoticComponent<ClipboardLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/clipboard/root.d.ts
+interface ClipboardRootBaseProps extends UseClipboardProps, PolymorphicProps {}
+interface ClipboardRootProps extends Assign<HTMLProps<"div">, ClipboardRootBaseProps> {}
+declare const ClipboardRoot: import("react").ForwardRefExoticComponent<ClipboardRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/clipboard/root-provider.d.ts
+interface RootProviderProps {
+  value: UseClipboardReturn;
+}
+interface ClipboardRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ClipboardRootProviderProps extends HTMLProps<"div">, ClipboardRootProviderBaseProps {}
+declare const ClipboardRootProvider: import("react").ForwardRefExoticComponent<ClipboardRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/clipboard/trigger.d.ts
+interface ClipboardTriggerBaseProps extends PolymorphicProps {}
+interface ClipboardTriggerProps extends HTMLProps<"button">, ClipboardTriggerBaseProps {}
+declare const ClipboardTrigger: import("react").ForwardRefExoticComponent<ClipboardTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/clipboard/value-text.d.ts
+interface ClipboardValueTextBaseProps extends PolymorphicProps {}
+interface ClipboardValueTextProps extends HTMLProps<"span">, ClipboardValueTextBaseProps {}
+declare const ClipboardValueText: import("react").ForwardRefExoticComponent<ClipboardValueTextProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace clipboard_d_exports {
+  export { ClipboardContext as Context, ClipboardContextProps as ContextProps, ClipboardControl as Control, ClipboardControlBaseProps as ControlBaseProps, ClipboardControlProps as ControlProps, CopyStatusDetails, ClipboardIndicator as Indicator, ClipboardIndicatorBaseProps as IndicatorBaseProps, ClipboardIndicatorProps as IndicatorProps, ClipboardInput as Input, ClipboardInputBaseProps as InputBaseProps, ClipboardInputProps as InputProps, ClipboardLabel as Label, ClipboardLabelBaseProps as LabelBaseProps, ClipboardLabelProps as LabelProps, ClipboardRoot as Root, ClipboardRootBaseProps as RootBaseProps, ClipboardRootProps as RootProps, ClipboardRootProvider as RootProvider, ClipboardRootProviderBaseProps as RootProviderBaseProps, ClipboardRootProviderProps as RootProviderProps, ClipboardTrigger as Trigger, ClipboardTriggerBaseProps as TriggerBaseProps, ClipboardTriggerProps as TriggerProps, ClipboardValueText as ValueText, ClipboardValueTextBaseProps as ValueTextBaseProps, ClipboardValueTextProps as ValueTextProps };
+}
+//#endregion
+export { clipboard_d_exports as Clipboard, ClipboardContext, type ClipboardContextProps, ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps, type ClipboardCopyStatusDetails, ClipboardIndicator, type ClipboardIndicatorBaseProps, type ClipboardIndicatorProps, ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps, ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps, ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps, ClipboardRootProvider, type ClipboardRootProviderBaseProps, type ClipboardRootProviderProps, ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps, ClipboardValueText, type ClipboardValueTextBaseProps, type ClipboardValueTextProps, type UseClipboardContext, type UseClipboardProps, type UseClipboardReturn, clipboardAnatomy, useClipboard, useClipboardContext };