@wirekyt/react 0.0.1 → 0.0.2

package/dist/tags-input.d.ts

@@ -0,0 +1,98 @@
+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 tagsInput from "@wirekyt/dom/machines/tags-input";
+import { FocusOutsideEvent, FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent, InteractOutsideEvent as TagsInputInteractOutsideEvent, ItemProps, ItemState, PointerDownOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, anatomy as tagsInputAnatomy } from "@wirekyt/dom/machines/tags-input";
+//#region src/components/tags-input/clear-trigger.d.ts
+interface TagsInputClearTriggerBaseProps extends PolymorphicProps {}
+interface TagsInputClearTriggerProps extends HTMLProps<"button">, TagsInputClearTriggerBaseProps {}
+declare const TagsInputClearTrigger: import("react").ForwardRefExoticComponent<TagsInputClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/tags-input/use.d.ts
+interface UseTagsInputProps extends Optional<Omit<tagsInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTagsInputReturn extends tagsInput.Api<PropTypes> {}
+declare const useTagsInput: (props?: UseTagsInputProps) => UseTagsInputReturn;
+//#endregion
+//#region src/components/tags-input/use-context.d.ts
+interface UseTagsInputContext extends UseTagsInputReturn {}
+declare const TagsInputProvider: import("react").Provider<UseTagsInputContext>, useTagsInputContext: () => UseTagsInputContext;
+//#endregion
+//#region src/components/tags-input/context.d.ts
+interface TagsInputContextProps {
+  children: (context: UseTagsInputContext) => ReactNode;
+}
+declare const TagsInputContext: (props: TagsInputContextProps) => ReactNode;
+//#endregion
+//#region src/components/tags-input/control.d.ts
+interface TagsInputControlBaseProps extends PolymorphicProps {}
+interface TagsInputControlProps extends HTMLProps<"div">, TagsInputControlBaseProps {}
+declare const TagsInputControl: import("react").ForwardRefExoticComponent<TagsInputControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tags-input/hidden-input.d.ts
+interface TagsInputHiddenInputBaseProps extends PolymorphicProps {}
+interface TagsInputHiddenInputProps extends HTMLProps<"input">, TagsInputHiddenInputBaseProps {}
+declare const TagsInputHiddenInput: import("react").ForwardRefExoticComponent<TagsInputHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/tags-input/input.d.ts
+interface TagsInputInputBaseProps extends PolymorphicProps {}
+interface TagsInputInputProps extends HTMLProps<"input">, TagsInputInputBaseProps {}
+declare const TagsInputInput: import("react").ForwardRefExoticComponent<TagsInputInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/tags-input/item.d.ts
+interface TagsInputItemBaseProps extends ItemProps, PolymorphicProps {}
+interface TagsInputItemProps extends HTMLProps<"div">, TagsInputItemBaseProps {}
+declare const TagsInputItem: import("react").ForwardRefExoticComponent<TagsInputItemProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tags-input/use-item-context.d.ts
+interface UseTagsInputItemContext extends ItemState {}
+declare const TagsInputItemProvider: import("react").Provider<UseTagsInputItemContext>, useTagsInputItemContext: () => UseTagsInputItemContext;
+//#endregion
+//#region src/components/tags-input/item-context.d.ts
+interface TagsInputItemContextProps {
+  children: (context: UseTagsInputItemContext) => ReactNode;
+}
+declare const TagsInputItemContext: (props: TagsInputItemContextProps) => ReactNode;
+//#endregion
+//#region src/components/tags-input/item-delete-trigger.d.ts
+interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps {}
+interface TagsInputItemDeleteTriggerProps extends HTMLProps<"button">, TagsInputItemDeleteTriggerBaseProps {}
+declare const TagsInputItemDeleteTrigger: import("react").ForwardRefExoticComponent<TagsInputItemDeleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/tags-input/item-input.d.ts
+interface TagsInputItemInputBaseProps extends PolymorphicProps {}
+interface TagsInputItemInputProps extends HTMLProps<"input">, TagsInputItemInputBaseProps {}
+declare const TagsInputItemInput: import("react").ForwardRefExoticComponent<TagsInputItemInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/tags-input/item-preview.d.ts
+interface TagsInputItemPreviewBaseProps extends PolymorphicProps {}
+interface TagsInputItemPreviewProps extends HTMLProps<"div">, TagsInputItemPreviewBaseProps {}
+declare const TagsInputItemPreview: import("react").ForwardRefExoticComponent<TagsInputItemPreviewProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tags-input/item-text.d.ts
+interface TagsInputItemTextBaseProps extends PolymorphicProps {}
+interface TagsInputItemTextProps extends HTMLProps<"span">, TagsInputItemTextBaseProps {}
+declare const TagsInputItemText: import("react").ForwardRefExoticComponent<TagsInputItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/tags-input/label.d.ts
+interface TagsInputLabelBaseProps extends PolymorphicProps {}
+interface TagsInputLabelProps extends HTMLProps<"label">, TagsInputLabelBaseProps {}
+declare const TagsInputLabel: import("react").ForwardRefExoticComponent<TagsInputLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/tags-input/root.d.ts
+interface TagsInputRootBaseProps extends UseTagsInputProps, PolymorphicProps {}
+interface TagsInputRootProps extends Assign<HTMLProps<"div">, TagsInputRootBaseProps> {}
+declare const TagsInputRoot: import("react").ForwardRefExoticComponent<TagsInputRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tags-input/root-provider.d.ts
+interface RootProviderProps {
+  value: UseTagsInputReturn;
+}
+interface TagsInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface TagsInputRootProviderProps extends HTMLProps<"div">, TagsInputRootProviderBaseProps {}
+declare const TagsInputRootProvider: import("react").ForwardRefExoticComponent<TagsInputRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace tags_input_d_exports {
+  export { TagsInputClearTrigger as ClearTrigger, TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, TagsInputClearTriggerProps as ClearTriggerProps, TagsInputContext as Context, TagsInputContextProps as ContextProps, TagsInputControl as Control, TagsInputControlBaseProps as ControlBaseProps, TagsInputControlProps as ControlProps, FocusOutsideEvent, TagsInputHiddenInput as HiddenInput, TagsInputHiddenInputBaseProps as HiddenInputBaseProps, TagsInputHiddenInputProps as HiddenInputProps, HighlightChangeDetails, TagsInputInput as Input, TagsInputInputBaseProps as InputBaseProps, TagsInputInputProps as InputProps, InputValueChangeDetails, InteractOutsideEvent, TagsInputItem as Item, TagsInputItemBaseProps as ItemBaseProps, TagsInputItemContext as ItemContext, TagsInputItemContextProps as ItemContextProps, TagsInputItemDeleteTrigger as ItemDeleteTrigger, TagsInputItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, TagsInputItemDeleteTriggerProps as ItemDeleteTriggerProps, TagsInputItemInput as ItemInput, TagsInputItemInputBaseProps as ItemInputBaseProps, TagsInputItemInputProps as ItemInputProps, TagsInputItemPreview as ItemPreview, TagsInputItemPreviewBaseProps as ItemPreviewBaseProps, TagsInputItemPreviewProps as ItemPreviewProps, TagsInputItemProps as ItemProps, TagsInputItemText as ItemText, TagsInputItemTextBaseProps as ItemTextBaseProps, TagsInputItemTextProps as ItemTextProps, TagsInputLabel as Label, TagsInputLabelBaseProps as LabelBaseProps, TagsInputLabelProps as LabelProps, PointerDownOutsideEvent, TagsInputRoot as Root, TagsInputRootBaseProps as RootBaseProps, TagsInputRootProps as RootProps, TagsInputRootProvider as RootProvider, TagsInputRootProviderBaseProps as RootProviderBaseProps, TagsInputRootProviderProps as RootProviderProps, ValidityChangeDetails, ValueChangeDetails };
+}
+//#endregion
+export { tags_input_d_exports as TagsInput, TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, TagsInputContext, type TagsInputContextProps, TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, type TagsInputFocusOutsideEvent, TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, type TagsInputHighlightChangeDetails, TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps, type TagsInputInputValueChangeDetails, type TagsInputInteractOutsideEvent, TagsInputItem, type TagsInputItemBaseProps, TagsInputItemContext, type TagsInputItemContextProps, TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, type TagsInputItemProps, TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps, TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps, type TagsInputPointerDownOutsideEvent, TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps, TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, type TagsInputValidityChangeDetails, type TagsInputValueChangeDetails, type UseTagsInputContext, type UseTagsInputItemContext, type UseTagsInputProps, type UseTagsInputReturn, tagsInputAnatomy, useTagsInput, useTagsInputContext, useTagsInputItemContext };

package/dist/tags-input.js

@@ -0,0 +1,268 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, 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 { h as useFieldContext } from "./field-Cy1E02DH.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as tagsInput from "@wirekyt/dom/machines/tags-input";
+import { anatomy as tagsInputAnatomy } from "@wirekyt/dom/machines/tags-input";
+//#region src/components/tags-input/use-context.ts
+const [TagsInputProvider, useTagsInputContext] = createContext$1({
+	name: "TagsInputContext",
+	hookName: "useTagsInputContext",
+	providerName: "<TagsInputProvider />"
+});
+//#endregion
+//#region src/components/tags-input/clear-trigger.tsx
+const TagsInputClearTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTagsInputContext().getClearTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+TagsInputClearTrigger.displayName = "TagsInputClearTrigger";
+//#endregion
+//#region src/components/tags-input/context.tsx
+const TagsInputContext = (props) => props.children(useTagsInputContext());
+//#endregion
+//#region src/components/tags-input/control.tsx
+const TagsInputControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTagsInputContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+TagsInputControl.displayName = "TagsInputControl";
+//#endregion
+//#region src/components/tags-input/hidden-input.tsx
+const TagsInputHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTagsInputContext().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(wire.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+TagsInputHiddenInput.displayName = "TagsInputHiddenInput";
+//#endregion
+//#region src/components/tags-input/input.tsx
+const TagsInputInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTagsInputContext().getInputProps(), props);
+	return /* @__PURE__ */ jsx(wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+TagsInputInput.displayName = "TagsInputInput";
+//#endregion
+//#region src/components/tags-input/use-item-context.ts
+const [TagsInputItemProvider, useTagsInputItemContext] = createContext$1({
+	name: "TagsInputItemContext",
+	hookName: "useTagsInputItemContext",
+	providerName: "<TagsInputItemProvider />"
+});
+//#endregion
+//#region src/components/tags-input/use-item-props-context.ts
+const [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext$1({
+	name: "TagsInputItemPropsContext",
+	hookName: "useTagsInputItemPropsContext",
+	providerName: "<TagsInputItemPropsProvider />"
+});
+//#endregion
+//#region src/components/tags-input/item.tsx
+const splitItemProps = createSplitProps();
+const TagsInputItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, [
+		"index",
+		"disabled",
+		"value"
+	]);
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps(tagsInput.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(TagsInputItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ jsx(TagsInputItemProvider, {
+			value: tagsInput.getItemState(itemProps),
+			children: /* @__PURE__ */ jsx(wire.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+TagsInputItem.displayName = "TagsInputItem";
+//#endregion
+//#region src/components/tags-input/item-context.tsx
+const TagsInputItemContext = (props) => props.children(useTagsInputItemContext());
+//#endregion
+//#region src/components/tags-input/item-delete-trigger.tsx
+const TagsInputItemDeleteTrigger = forwardRef((props, ref) => {
+	const tagsInput = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps(tagsInput.getItemDeleteTriggerProps(itemProps), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+TagsInputItemDeleteTrigger.displayName = "TagsInputItemDeleteTrigger";
+//#endregion
+//#region src/components/tags-input/item-input.tsx
+const TagsInputItemInput = forwardRef((props, ref) => {
+	const tagsInput = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps(tagsInput.getItemInputProps(itemProps), props);
+	return /* @__PURE__ */ jsx(wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+TagsInputItemInput.displayName = "TagsInputItemInput";
+//#endregion
+//#region src/components/tags-input/item-preview.tsx
+const TagsInputItemPreview = forwardRef((props, ref) => {
+	const tagsInput = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps(tagsInput.getItemPreviewProps(itemProps), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+TagsInputItemPreview.displayName = "TagsInputItemPreview";
+//#endregion
+//#region src/components/tags-input/item-text.tsx
+const TagsInputItemText = forwardRef((props, ref) => {
+	const tagsInput = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps(tagsInput.getItemTextProps(itemProps), props);
+	return /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref
+	});
+});
+TagsInputItemText.displayName = "TagsInputItemText";
+//#endregion
+//#region src/components/tags-input/label.tsx
+const TagsInputLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTagsInputContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+TagsInputLabel.displayName = "TagsInputLabel";
+//#endregion
+//#region src/components/tags-input/use.ts
+const useTagsInput = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		dir,
+		disabled: field?.disabled,
+		invalid: field?.invalid,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(tagsInput.machine, machineProps);
+	return tagsInput.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/tags-input/root.tsx
+const splitTagsInputProps = createSplitProps();
+const TagsInputRoot = forwardRef((props, ref) => {
+	const [useTagsInputProps, localProps] = splitTagsInputProps(props, [
+		"addOnPaste",
+		"allowDuplicates",
+		"allowOverflow",
+		"autoFocus",
+		"blurBehavior",
+		"defaultInputValue",
+		"defaultValue",
+		"delimiter",
+		"disabled",
+		"editable",
+		"form",
+		"id",
+		"ids",
+		"inputValue",
+		"invalid",
+		"max",
+		"maxLength",
+		"name",
+		"onFocusOutside",
+		"onHighlightChange",
+		"onInputValueChange",
+		"onInteractOutside",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onValueInvalid",
+		"placeholder",
+		"readOnly",
+		"required",
+		"sanitizeValue",
+		"translations",
+		"validate",
+		"value"
+	]);
+	const tagsInput = useTagsInput(useTagsInputProps);
+	const mergedProps = mergeProps(tagsInput.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TagsInputProvider, {
+		value: tagsInput,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TagsInputRoot.displayName = "TagsInputRoot";
+//#endregion
+//#region src/components/tags-input/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const TagsInputRootProvider = forwardRef((props, ref) => {
+	const [{ value: tagsInput }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(tagsInput.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TagsInputProvider, {
+		value: tagsInput,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TagsInputRootProvider.displayName = "TagsInputRootProvider";
+//#endregion
+//#region src/components/tags-input/tags-input.ts
+var tags_input_exports = /* @__PURE__ */ __exportAll({
+	ClearTrigger: () => TagsInputClearTrigger,
+	Context: () => TagsInputContext,
+	Control: () => TagsInputControl,
+	HiddenInput: () => TagsInputHiddenInput,
+	Input: () => TagsInputInput,
+	Item: () => TagsInputItem,
+	ItemContext: () => TagsInputItemContext,
+	ItemDeleteTrigger: () => TagsInputItemDeleteTrigger,
+	ItemInput: () => TagsInputItemInput,
+	ItemPreview: () => TagsInputItemPreview,
+	ItemText: () => TagsInputItemText,
+	Label: () => TagsInputLabel,
+	Root: () => TagsInputRoot,
+	RootProvider: () => TagsInputRootProvider
+});
+//#endregion
+export { tags_input_exports as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, tagsInputAnatomy, useTagsInput, useTagsInputContext, useTagsInputItemContext };

package/dist/timer.cjs

@@ -0,0 +1,167 @@
+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");
+require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_timer = require("@wirekyt/dom/machines/timer");
+_wirekyt_dom_machines_timer = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_timer, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/timer/use-context.ts
+const [TimerProvider, useTimerContext] = require_utils.createContext({
+	name: "TimerContext",
+	hookName: "useTimerContext",
+	providerName: "<TimerProvider />"
+});
+//#endregion
+//#region src/components/timer/action-trigger.tsx
+const splitActionTriggerProps = require_utils.createSplitProps();
+const TimerActionTrigger = (0, react.forwardRef)((props, ref) => {
+	const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useTimerContext().getActionTriggerProps(actionTriggerProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+TimerActionTrigger.displayName = "TimerActionTrigger";
+//#endregion
+//#region src/components/timer/area.tsx
+const TimerArea = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useTimerContext().getAreaProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+TimerArea.displayName = "TimerArea";
+//#endregion
+//#region src/components/timer/context.tsx
+const TimerContext = (props) => props.children(useTimerContext());
+//#endregion
+//#region src/components/timer/control.tsx
+const TimerControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useTimerContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+TimerControl.displayName = "TimerControl";
+//#endregion
+//#region src/components/timer/item.tsx
+const splitItemProps = require_utils.createSplitProps();
+const TimerItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["type"]);
+	const timer = useTimerContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(timer.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref,
+		children: timer.formattedTime[itemProps.type]
+	});
+});
+TimerItem.displayName = "TimerItem";
+//#endregion
+//#region src/components/timer/use.ts
+const useTimer = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const machineProps = {
+		id,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_timer.machine, machineProps);
+	return _wirekyt_dom_machines_timer.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/timer/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const TimerRoot = (0, react.forwardRef)((props, ref) => {
+	const [useTimerProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"autoStart",
+		"interval",
+		"countdown",
+		"startMs",
+		"targetMs",
+		"translations",
+		"onComplete",
+		"onTick"
+	]);
+	const timer = useTimer(useTimerProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(timer.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimerProvider, {
+		value: timer,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TimerRoot.displayName = "TimerRoot";
+//#endregion
+//#region src/components/timer/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const TimerRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: timer }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(timer.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimerProvider, {
+		value: timer,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TimerRootProvider.displayName = "TimerRootProvider";
+//#endregion
+//#region src/components/timer/separator.tsx
+const TimerSeparator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useTimerContext().getSeparatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+TimerSeparator.displayName = "TimerSeparator";
+//#endregion
+//#region src/components/timer/timer.ts
+var timer_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	ActionTrigger: () => TimerActionTrigger,
+	Area: () => TimerArea,
+	Context: () => TimerContext,
+	Control: () => TimerControl,
+	Item: () => TimerItem,
+	Root: () => TimerRoot,
+	RootProvider: () => TimerRootProvider,
+	Separator: () => TimerSeparator
+});
+//#endregion
+Object.defineProperty(exports, "Timer", {
+	enumerable: true,
+	get: function() {
+		return timer_exports;
+	}
+});
+exports.TimerActionTrigger = TimerActionTrigger;
+exports.TimerArea = TimerArea;
+exports.TimerContext = TimerContext;
+exports.TimerControl = TimerControl;
+exports.TimerItem = TimerItem;
+exports.TimerRoot = TimerRoot;
+exports.TimerRootProvider = TimerRootProvider;
+exports.TimerSeparator = TimerSeparator;
+Object.defineProperty(exports, "timerAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_timer.anatomy;
+	}
+});
+exports.useTimer = useTimer;
+exports.useTimerContext = useTimerContext;

package/dist/timer.d.cts

@@ -0,0 +1,63 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+import * as timer from "@wirekyt/dom/machines/timer";
+import { ActionTriggerProps, ItemProps, TickDetails, anatomy as timerAnatomy } from "@wirekyt/dom/machines/timer";
+//#region src/components/timer/action-trigger.d.ts
+interface TimerActionTriggerBaseProps extends ActionTriggerProps, PolymorphicProps {}
+interface TimerActionTriggerProps extends HTMLProps<"button">, TimerActionTriggerBaseProps {}
+declare const TimerActionTrigger: import("react").ForwardRefExoticComponent<TimerActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/timer/area.d.ts
+interface TimerAreaBaseProps extends PolymorphicProps {}
+interface TimerAreaProps extends HTMLProps<"div">, TimerAreaBaseProps {}
+declare const TimerArea: import("react").ForwardRefExoticComponent<TimerAreaProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/timer/use.d.ts
+interface UseTimerProps extends Optional<Omit<timer.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTimerReturn extends timer.Api<PropTypes> {}
+declare const useTimer: (props?: UseTimerProps) => UseTimerReturn;
+//#endregion
+//#region src/components/timer/use-context.d.ts
+interface UseTimerContext extends UseTimerReturn {}
+declare const TimerProvider: import("react").Provider<UseTimerContext>, useTimerContext: () => UseTimerContext;
+//#endregion
+//#region src/components/timer/context.d.ts
+interface TimerContextProps {
+  children: (context: UseTimerContext) => ReactNode;
+}
+declare const TimerContext: (props: TimerContextProps) => ReactNode;
+//#endregion
+//#region src/components/timer/control.d.ts
+interface TimerControlBaseProps extends PolymorphicProps {}
+interface TimerControlProps extends HTMLProps<"div">, TimerControlBaseProps {}
+declare const TimerControl: import("react").ForwardRefExoticComponent<TimerControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/timer/item.d.ts
+interface TimerItemBaseProps extends ItemProps, PolymorphicProps {}
+interface TimerItemProps extends HTMLProps<"div">, TimerItemBaseProps {}
+declare const TimerItem: import("react").ForwardRefExoticComponent<TimerItemProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/timer/root.d.ts
+interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps {}
+interface TimerRootProps extends HTMLProps<"div">, TimerRootBaseProps {}
+declare const TimerRoot: import("react").ForwardRefExoticComponent<TimerRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/timer/root-provider.d.ts
+interface RootProviderProps {
+  value: UseTimerReturn;
+}
+interface TimerRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface TimerRootProviderProps extends HTMLProps<"div">, TimerRootProviderBaseProps {}
+declare const TimerRootProvider: import("react").ForwardRefExoticComponent<TimerRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/timer/separator.d.ts
+interface TimerSeparatorBaseProps extends PolymorphicProps {}
+interface TimerSeparatorProps extends HTMLProps<"div">, TimerSeparatorBaseProps {}
+declare const TimerSeparator: import("react").ForwardRefExoticComponent<TimerSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace timer_d_exports {
+  export { TimerActionTrigger as ActionTrigger, TimerActionTriggerBaseProps as ActionTriggerBaseProps, TimerActionTriggerProps as ActionTriggerProps, TimerArea as Area, TimerAreaBaseProps as AreaBaseProps, TimerAreaProps as AreaProps, TimerContext as Context, TimerContextProps as ContextProps, TimerControl as Control, TimerControlBaseProps as ControlBaseProps, TimerControlProps as ControlProps, TimerItem as Item, TimerItemBaseProps as ItemBaseProps, TimerItemProps as ItemProps, TimerRoot as Root, TimerRootBaseProps as RootBaseProps, TimerRootProps as RootProps, TimerRootProvider as RootProvider, TimerRootProviderProps as RootProviderBaseProps, TimerRootProviderBaseProps as RootProviderProps, TimerSeparator as Separator, TimerSeparatorBaseProps as SeparatorBaseProps, TimerSeparatorProps as SeparatorProps, TickDetails };
+}
+//#endregion
+export { timer_d_exports as Timer, TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, TimerArea, type TimerAreaBaseProps, type TimerAreaProps, TimerContext, type TimerContextProps, TimerControl, type TimerControlBaseProps, type TimerControlProps, TimerItem, type TimerItemBaseProps, type TimerItemProps, TimerRoot, type TimerRootBaseProps, type TimerRootProps, TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, type UseTimerContext, type UseTimerProps, type UseTimerReturn, timerAnatomy, useTimer, useTimerContext };