@wirekyt/solid 0.0.1 → 0.0.2

package/dist/tags-input.d.ts

@@ -0,0 +1,97 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+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<"button"> {}
+interface TagsInputClearTriggerProps extends HTMLProps<"button">, TagsInputClearTriggerBaseProps {}
+declare const TagsInputClearTrigger: (props: TagsInputClearTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/use.d.ts
+interface UseTagsInputProps extends Optional<Omit<tagsInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTagsInputReturn extends Accessor<tagsInput.Api<PropTypes>> {}
+declare const useTagsInput: (props?: MaybeAccessor<UseTagsInputProps>) => UseTagsInputReturn;
+//#endregion
+//#region src/components/tags-input/use-context.d.ts
+interface UseTagsInputContext extends UseTagsInputReturn {}
+declare const TagsInputProvider: import("solid-js").ContextProviderComponent<UseTagsInputContext>, useTagsInputContext: () => UseTagsInputContext;
+//#endregion
+//#region src/components/tags-input/context.d.ts
+interface TagsInputContextProps {
+  children: (context: UseTagsInputContext) => JSX.Element;
+}
+declare const TagsInputContext: (props: TagsInputContextProps) => JSX.Element;
+//#endregion
+//#region src/components/tags-input/control.d.ts
+interface TagsInputControlBaseProps extends PolymorphicProps<"div"> {}
+interface TagsInputControlProps extends HTMLProps<"div">, TagsInputControlBaseProps {}
+declare const TagsInputControl: (props: TagsInputControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/hidden-input.d.ts
+interface TagsInputHiddenInputBaseProps extends PolymorphicProps<"input"> {}
+interface TagsInputHiddenInputProps extends HTMLProps<"input">, TagsInputHiddenInputBaseProps {}
+declare const TagsInputHiddenInput: (props: TagsInputHiddenInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/input.d.ts
+interface TagsInputInputBaseProps extends PolymorphicProps<"input"> {}
+interface TagsInputInputProps extends HTMLProps<"input">, TagsInputInputBaseProps {}
+declare const TagsInputInput: (props: TagsInputInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/item.d.ts
+interface TagsInputItemBaseProps extends ItemProps, PolymorphicProps<"div"> {}
+interface TagsInputItemProps extends HTMLProps<"div">, TagsInputItemBaseProps {}
+declare const TagsInputItem: (props: TagsInputItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/use-item-context.d.ts
+interface UseTagsInputItemContext extends Accessor<ItemState> {}
+declare const TagsInputItemProvider: import("solid-js").ContextProviderComponent<UseTagsInputItemContext>, useTagsInputItemContext: () => UseTagsInputItemContext;
+//#endregion
+//#region src/components/tags-input/item-context.d.ts
+interface TagsInputItemContextProps {
+  children: (context: UseTagsInputItemContext) => JSX.Element;
+}
+declare const TagsInputItemContext: (props: TagsInputItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/tags-input/item-delete-trigger.d.ts
+interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface TagsInputItemDeleteTriggerProps extends HTMLProps<"button">, TagsInputItemDeleteTriggerBaseProps {}
+declare const TagsInputItemDeleteTrigger: (props: TagsInputItemDeleteTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/item-input.d.ts
+interface TagsInputItemInputBaseProps extends PolymorphicProps<"input"> {}
+interface TagsInputItemInputProps extends HTMLProps<"input">, TagsInputItemInputBaseProps {}
+declare const TagsInputItemInput: (props: TagsInputItemInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/item-preview.d.ts
+interface TagsInputItemPreviewBaseProps extends PolymorphicProps<"div"> {}
+interface TagsInputItemPreviewProps extends HTMLProps<"div">, TagsInputItemPreviewBaseProps {}
+declare const TagsInputItemPreview: (props: TagsInputItemPreviewProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/item-text.d.ts
+interface TagsInputItemTextBaseProps extends PolymorphicProps<"span"> {}
+interface TagsInputItemTextProps extends HTMLProps<"span">, TagsInputItemTextBaseProps {}
+declare const TagsInputItemText: (props: TagsInputItemTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/label.d.ts
+interface TagsInputLabelBaseProps extends PolymorphicProps<"label"> {}
+interface TagsInputLabelProps extends HTMLProps<"label">, TagsInputLabelBaseProps {}
+declare const TagsInputLabel: (props: TagsInputLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/root.d.ts
+interface TagsInputRootBaseProps extends UseTagsInputProps, PolymorphicProps<"div"> {}
+interface TagsInputRootProps extends HTMLProps<"div">, TagsInputRootBaseProps {}
+declare const TagsInputRoot: (props: TagsInputRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tags-input/root-provider.d.ts
+interface RootProviderProps {
+  value: UseTagsInputReturn;
+}
+interface TagsInputRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface TagsInputRootProviderProps extends HTMLProps<"div">, RootProviderProps, TagsInputRootProviderBaseProps {}
+declare const TagsInputRootProvider: (props: TagsInputRootProviderProps) => import("solid-js").JSX.Element;
+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,228 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { h as useFieldContext } from "./field-CQr_Dibp.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+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({
+	hookName: "useTagsInputContext",
+	providerName: "<TagsInputProvider />"
+});
+//#endregion
+//#region src/components/tags-input/clear-trigger.tsx
+const TagsInputClearTrigger = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => api().getClearTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/tags-input/context.tsx
+const TagsInputContext = (props) => props.children(useTagsInputContext());
+//#endregion
+//#region src/components/tags-input/control.tsx
+const TagsInputControl = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/tags-input/hidden-input.tsx
+const TagsInputHiddenInput = (props) => {
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => tagsInput().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(wire.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+//#endregion
+//#region src/components/tags-input/input.tsx
+const TagsInputInput = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => api().getInputProps(), props);
+	return createComponent(wire.input, mergedProps);
+};
+//#endregion
+//#region src/components/tags-input/use-item-context.ts
+const [TagsInputItemProvider, useTagsInputItemContext] = createContext$1({
+	hookName: "useTagsInputItemContext",
+	providerName: "<TagsInputItemProvider />"
+});
+//#endregion
+//#region src/components/tags-input/use-item-props-context.ts
+const [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext$1({
+	hookName: "useTagsInputItemPropsContext",
+	providerName: "<TagsInputItemPropsProvider />"
+});
+//#endregion
+//#region src/components/tags-input/item.tsx
+const TagsInputItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"disabled",
+		"index",
+		"value"
+	]);
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => api().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => api().getItemState(itemProps));
+	return createComponent(TagsInputItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(TagsInputItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#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 = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$2(() => api().getItemDeleteTriggerProps(itemProps), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/tags-input/item-input.tsx
+const TagsInputItemInput = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$2(() => api().getItemInputProps(itemProps), props);
+	return createComponent(wire.input, mergedProps);
+};
+//#endregion
+//#region src/components/tags-input/item-preview.tsx
+const TagsInputItemPreview = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$2(() => api().getItemPreviewProps(itemProps), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/tags-input/item-text.tsx
+const TagsInputItemText = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$2(() => api().getItemTextProps(itemProps), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/tags-input/label.tsx
+const TagsInputLabel = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(wire.label, mergedProps);
+};
+//#endregion
+//#region src/components/tags-input/use.ts
+const useTagsInput = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		dir: locale().dir,
+		disabled: field?.().disabled,
+		invalid: field?.().invalid,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(tagsInput.machine, machineProps);
+	return createMemo(() => tagsInput.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/tags-input/root.tsx
+const TagsInputRoot = (props) => {
+	const [useTagsInputProps, localProps] = createSplitProps()(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",
+		"translations",
+		"validate",
+		"value",
+		"sanitizeValue"
+	]);
+	const api = useTagsInput(useTagsInputProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(TagsInputProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/tags-input/root-provider.tsx
+const TagsInputRootProvider = (props) => {
+	const [{ value: tagsInput }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => tagsInput().getRootProps(), localProps);
+	return createComponent(TagsInputProvider, {
+		value: tagsInput,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#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/tags-input.jsx

@@ -0,0 +1,213 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { h as useFieldContext } from "./field-R5jVNdtK.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	hookName: "useTagsInputContext",
+	providerName: "<TagsInputProvider />"
+});
+//#endregion
+//#region src/components/tags-input/clear-trigger.tsx
+const TagsInputClearTrigger = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getClearTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/context.tsx
+const TagsInputContext = (props) => props.children(useTagsInputContext());
+//#endregion
+//#region src/components/tags-input/control.tsx
+const TagsInputControl = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/hidden-input.tsx
+const TagsInputHiddenInput = (props) => {
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => tagsInput().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <wire.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/input.tsx
+const TagsInputInput = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getInputProps(), props);
+	return <wire.input {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/use-item-context.ts
+const [TagsInputItemProvider, useTagsInputItemContext] = createContext$1({
+	hookName: "useTagsInputItemContext",
+	providerName: "<TagsInputItemProvider />"
+});
+//#endregion
+//#region src/components/tags-input/use-item-props-context.ts
+const [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext$1({
+	hookName: "useTagsInputItemPropsContext",
+	providerName: "<TagsInputItemPropsProvider />"
+});
+//#endregion
+//#region src/components/tags-input/item.tsx
+const TagsInputItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"disabled",
+		"index",
+		"value"
+	]);
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => api().getItemState(itemProps));
+	return <TagsInputItemPropsProvider value={itemProps}>
+      <TagsInputItemProvider value={itemState}>
+        <wire.div {...mergedProps} />
+      </TagsInputItemProvider>
+    </TagsInputItemPropsProvider>;
+};
+//#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 = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemDeleteTriggerProps(itemProps), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/item-input.tsx
+const TagsInputItemInput = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemInputProps(itemProps), props);
+	return <wire.input {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/item-preview.tsx
+const TagsInputItemPreview = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemPreviewProps(itemProps), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/item-text.tsx
+const TagsInputItemText = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemTextProps(itemProps), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/label.tsx
+const TagsInputLabel = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <wire.label {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tags-input/use.ts
+const useTagsInput = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		dir: locale().dir,
+		disabled: field?.().disabled,
+		invalid: field?.().invalid,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(tagsInput.machine, machineProps);
+	return createMemo(() => tagsInput.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/tags-input/root.tsx
+const TagsInputRoot = (props) => {
+	const [useTagsInputProps, localProps] = createSplitProps()(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",
+		"translations",
+		"validate",
+		"value",
+		"sanitizeValue"
+	]);
+	const api = useTagsInput(useTagsInputProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <TagsInputProvider value={api}>
+      <wire.div {...mergedProps} />
+    </TagsInputProvider>;
+};
+//#endregion
+//#region src/components/tags-input/root-provider.tsx
+const TagsInputRootProvider = (props) => {
+	const [{ value: tagsInput }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => tagsInput().getRootProps(), localProps);
+	return <TagsInputProvider value={tagsInput}>
+      <wire.div {...mergedProps} />
+    </TagsInputProvider>;
+};
+//#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.d.ts

@@ -0,0 +1,62 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+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<"button"> {}
+interface TimerActionTriggerProps extends HTMLProps<"button">, TimerActionTriggerBaseProps {}
+declare const TimerActionTrigger: (props: TimerActionTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/timer/area.d.ts
+interface TimerAreaBaseProps extends PolymorphicProps<"div"> {}
+interface TimerAreaProps extends HTMLProps<"div">, TimerAreaBaseProps {}
+declare const TimerArea: (props: TimerAreaProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/timer/use.d.ts
+interface UseTimerProps extends Optional<Omit<timer.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTimerReturn extends Accessor<timer.Api<PropTypes>> {}
+declare const useTimer: (props?: MaybeAccessor<UseTimerProps>) => UseTimerReturn;
+//#endregion
+//#region src/components/timer/use-context.d.ts
+interface UseTimerContext extends UseTimerReturn {}
+declare const TimerProvider: import("solid-js").ContextProviderComponent<UseTimerContext>, useTimerContext: () => UseTimerContext;
+//#endregion
+//#region src/components/timer/context.d.ts
+interface TimerContextProps {
+  children: (context: UseTimerContext) => JSX.Element;
+}
+declare const TimerContext: (props: TimerContextProps) => JSX.Element;
+//#endregion
+//#region src/components/timer/control.d.ts
+interface TimerControlBaseProps extends PolymorphicProps<"div"> {}
+interface TimerControlProps extends HTMLProps<"div">, TimerControlBaseProps {}
+declare const TimerControl: (props: TimerControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/timer/item.d.ts
+interface TimerItemBaseProps extends ItemProps, PolymorphicProps<"div"> {}
+interface TimerItemProps extends HTMLProps<"div">, TimerItemBaseProps {}
+declare const TimerItem: (props: TimerItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/timer/root.d.ts
+interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps<"div"> {}
+interface TimerRootProps extends HTMLProps<"div">, TimerRootBaseProps {}
+declare const TimerRoot: (props: TimerRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/timer/root-provider.d.ts
+interface RootProviderProps {
+  value: UseTimerReturn;
+}
+interface TimerRootProviderBaseProps extends RootProviderProps, PolymorphicProps<"div"> {}
+interface TimerRootProviderProps extends HTMLProps<"div">, TimerRootProviderBaseProps {}
+declare const TimerRootProvider: (props: TimerRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/timer/separator.d.ts
+interface TimerSeparatorBaseProps extends PolymorphicProps<"div"> {}
+interface TimerSeparatorProps extends HTMLProps<"div">, TimerSeparatorBaseProps {}
+declare const TimerSeparator: (props: TimerSeparatorProps) => import("solid-js").JSX.Element;
+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 };