@wirekyt/solid 0.0.1 → 0.0.3

package/dist/listbox.js

@@ -0,0 +1,237 @@
+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 { o as createListCollection } from "./collection-By8qgqkx.js";
+import { Show, children, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as listbox from "@wirekyt/dom/machines/listbox";
+import { anatomy } from "@wirekyt/dom/machines/listbox";
+//#region src/components/listbox/use-context.ts
+const [ListboxProvider, useListboxContext] = createContext$1({
+	hookName: "useListboxContext",
+	providerName: "<ListboxProvider />"
+});
+//#endregion
+//#region src/components/listbox/context.tsx
+function ListboxContext(props) {
+	return props.children(useListboxContext());
+}
+//#endregion
+//#region src/components/listbox/content.tsx
+const ListboxContent = (props) => {
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$2(() => listbox().getContentProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/listbox/anatomy.ts
+const listboxAnatomy = anatomy.extendWith("empty");
+//#endregion
+//#region src/components/listbox/empty.tsx
+const parts = listboxAnatomy.build();
+const ListboxEmpty = (props) => {
+	const listbox = useListboxContext();
+	const size = createMemo(() => listbox().collection.size);
+	return createComponent(Show, {
+		get when() {
+			return size() === 0;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(() => parts.empty.attrs, props, { role: "presentation" }));
+		}
+	});
+};
+//#endregion
+//#region src/components/listbox/input.tsx
+const ListboxInput = (props) => {
+	const [inputProps, localProps] = createSplitProps()(props, ["autoHighlight", "keyboardPriority"]);
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$2(() => listbox().getInputProps(inputProps), localProps);
+	return createComponent(wire.input, mergedProps);
+};
+//#endregion
+//#region src/components/listbox/use-item-context.ts
+const [ListboxItemProvider, useListboxItemContext] = createContext$1({
+	hookName: "useListboxItemContext",
+	providerName: "<ListboxItemProvider />"
+});
+//#endregion
+//#region src/components/listbox/use-item-props-context.ts
+const [ListboxItemPropsProvider, useListboxItemPropsContext] = createContext$1({
+	hookName: "useListboxItemPropsContext",
+	providerName: "<ListboxItemPropsProvider />"
+});
+//#endregion
+//#region src/components/listbox/item.tsx
+const ListboxItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["item", "highlightOnHover"]);
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$2(() => listbox().getItemProps(itemProps), localProps);
+	const itemState = () => listbox().getItemState(itemProps);
+	return createComponent(ListboxItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(ListboxItemProvider, {
+				get value() {
+					return itemState();
+				},
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/listbox/item-context.tsx
+function ListboxItemContext(props) {
+	return props.children(useListboxItemContext());
+}
+//#endregion
+//#region src/components/listbox/use-item-group-props-context.ts
+const [ListboxItemGroupPropsProvider, useListboxItemGroupPropsContext] = createContext$1({
+	hookName: "useListboxItemGroupPropsContext",
+	providerName: "<ListboxItemGroupPropsProvider />"
+});
+//#endregion
+//#region src/components/listbox/item-group.tsx
+const ListboxItemGroup = (props) => {
+	const id = createUniqueId();
+	const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const itemGroupProps = {
+		id,
+		..._itemGroupProps
+	};
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$2(() => listbox().getItemGroupProps(itemGroupProps), localProps);
+	return createComponent(ListboxItemGroupPropsProvider, {
+		value: itemGroupProps,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/listbox/item-group-label.tsx
+const ListboxItemGroupLabel = (props) => {
+	const listbox = useListboxContext();
+	const itemGroupProps = useListboxItemGroupPropsContext();
+	const mergedProps = mergeProps$2(() => listbox().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/listbox/item-indicator.tsx
+const ListboxItemIndicator = (props) => {
+	const listbox = useListboxContext();
+	const itemProps = useListboxItemPropsContext();
+	const mergedProps = mergeProps$2(() => listbox().getItemIndicatorProps(itemProps), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/listbox/item-text.tsx
+const ListboxItemText = (props) => {
+	const listbox = useListboxContext();
+	const itemProps = useListboxItemPropsContext();
+	const mergedProps = mergeProps$2(() => listbox().getItemTextProps(itemProps), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/listbox/label.tsx
+const ListboxLabel = (props) => {
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$2(() => listbox().getLabelProps(), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/listbox/use.ts
+const useListbox = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(listbox.machine, machineProps);
+	return createMemo(() => listbox.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/listbox/root.tsx
+const ListboxRoot = (props) => {
+	const [useListboxProps, localProps] = createSplitProps()(props, [
+		"collection",
+		"defaultHighlightedValue",
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"disallowSelectAll",
+		"highlightedValue",
+		"id",
+		"ids",
+		"loopFocus",
+		"onHighlightChange",
+		"onSelect",
+		"onValueChange",
+		"orientation",
+		"scrollToIndexFn",
+		"selectionMode",
+		"selectOnHighlight",
+		"typeahead",
+		"value"
+	]);
+	const listbox = useListbox(useListboxProps);
+	const mergedProps = mergeProps$2(() => listbox().getRootProps(), localProps);
+	return createComponent(ListboxProvider, {
+		value: listbox,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/listbox/root-provider.tsx
+const ListboxRootProvider = (props) => {
+	const [{ value: listbox }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => listbox().getRootProps(), localProps);
+	return createComponent(ListboxProvider, {
+		value: listbox,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/listbox/value-text.tsx
+const ListboxValueText = (props) => {
+	const { placeholder, ...localprops } = props;
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$2(() => listbox().getValueTextProps(), localprops);
+	const resolved = children(() => props.children);
+	return createComponent(wire.span, mergeProps$1(mergedProps, { get children() {
+		return resolved() || listbox().valueAsString || placeholder;
+	} }));
+};
+//#endregion
+//#region src/components/listbox/listbox.ts
+var listbox_exports = /* @__PURE__ */ __exportAll({
+	Content: () => ListboxContent,
+	Context: () => ListboxContext,
+	Empty: () => ListboxEmpty,
+	Input: () => ListboxInput,
+	Item: () => ListboxItem,
+	ItemContext: () => ListboxItemContext,
+	ItemGroup: () => ListboxItemGroup,
+	ItemGroupLabel: () => ListboxItemGroupLabel,
+	ItemIndicator: () => ListboxItemIndicator,
+	ItemText: () => ListboxItemText,
+	Label: () => ListboxLabel,
+	Root: () => ListboxRoot,
+	RootProvider: () => ListboxRootProvider,
+	ValueText: () => ListboxValueText
+});
+//#endregion
+export { listbox_exports as Listbox, ListboxContent, ListboxContext, ListboxEmpty, ListboxInput, ListboxItem, ListboxItemContext, ListboxItemGroup, ListboxItemGroupLabel, ListboxItemIndicator, ListboxItemText, ListboxLabel, ListboxRoot, ListboxRootProvider, ListboxValueText, createListCollection, listboxAnatomy, useListbox, useListboxContext, useListboxItemContext };

package/dist/listbox.jsx

@@ -0,0 +1,212 @@
+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 { o as createListCollection } from "./collection-Mkvw6TyT.jsx";
+import { Show, children, createMemo, createUniqueId } from "solid-js";
+import * as listbox from "@wirekyt/dom/machines/listbox";
+import { anatomy } from "@wirekyt/dom/machines/listbox";
+//#region src/components/listbox/use-context.ts
+const [ListboxProvider, useListboxContext] = createContext$1({
+	hookName: "useListboxContext",
+	providerName: "<ListboxProvider />"
+});
+//#endregion
+//#region src/components/listbox/context.tsx
+function ListboxContext(props) {
+	return props.children(useListboxContext());
+}
+//#endregion
+//#region src/components/listbox/content.tsx
+const ListboxContent = (props) => {
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$1(() => listbox().getContentProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/listbox/anatomy.ts
+const listboxAnatomy = anatomy.extendWith("empty");
+//#endregion
+//#region src/components/listbox/empty.tsx
+const parts = listboxAnatomy.build();
+const ListboxEmpty = (props) => {
+	const listbox = useListboxContext();
+	const size = createMemo(() => listbox().collection.size);
+	return <Show when={size() === 0}>
+      <wire.div {...parts.empty.attrs} {...props} role="presentation" />
+    </Show>;
+};
+//#endregion
+//#region src/components/listbox/input.tsx
+const ListboxInput = (props) => {
+	const [inputProps, localProps] = createSplitProps()(props, ["autoHighlight", "keyboardPriority"]);
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$1(() => listbox().getInputProps(inputProps), localProps);
+	return <wire.input {...mergedProps} />;
+};
+//#endregion
+//#region src/components/listbox/use-item-context.ts
+const [ListboxItemProvider, useListboxItemContext] = createContext$1({
+	hookName: "useListboxItemContext",
+	providerName: "<ListboxItemProvider />"
+});
+//#endregion
+//#region src/components/listbox/use-item-props-context.ts
+const [ListboxItemPropsProvider, useListboxItemPropsContext] = createContext$1({
+	hookName: "useListboxItemPropsContext",
+	providerName: "<ListboxItemPropsProvider />"
+});
+//#endregion
+//#region src/components/listbox/item.tsx
+const ListboxItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["item", "highlightOnHover"]);
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$1(() => listbox().getItemProps(itemProps), localProps);
+	const itemState = () => listbox().getItemState(itemProps);
+	return <ListboxItemPropsProvider value={itemProps}>
+      <ListboxItemProvider value={itemState()}>
+        <wire.div {...mergedProps} />
+      </ListboxItemProvider>
+    </ListboxItemPropsProvider>;
+};
+//#endregion
+//#region src/components/listbox/item-context.tsx
+function ListboxItemContext(props) {
+	return props.children(useListboxItemContext());
+}
+//#endregion
+//#region src/components/listbox/use-item-group-props-context.ts
+const [ListboxItemGroupPropsProvider, useListboxItemGroupPropsContext] = createContext$1({
+	hookName: "useListboxItemGroupPropsContext",
+	providerName: "<ListboxItemGroupPropsProvider />"
+});
+//#endregion
+//#region src/components/listbox/item-group.tsx
+const ListboxItemGroup = (props) => {
+	const id = createUniqueId();
+	const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const itemGroupProps = {
+		id,
+		..._itemGroupProps
+	};
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$1(() => listbox().getItemGroupProps(itemGroupProps), localProps);
+	return <ListboxItemGroupPropsProvider value={itemGroupProps}>
+      <wire.div {...mergedProps} />
+    </ListboxItemGroupPropsProvider>;
+};
+//#endregion
+//#region src/components/listbox/item-group-label.tsx
+const ListboxItemGroupLabel = (props) => {
+	const listbox = useListboxContext();
+	const itemGroupProps = useListboxItemGroupPropsContext();
+	const mergedProps = mergeProps$1(() => listbox().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/listbox/item-indicator.tsx
+const ListboxItemIndicator = (props) => {
+	const listbox = useListboxContext();
+	const itemProps = useListboxItemPropsContext();
+	const mergedProps = mergeProps$1(() => listbox().getItemIndicatorProps(itemProps), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/listbox/item-text.tsx
+const ListboxItemText = (props) => {
+	const listbox = useListboxContext();
+	const itemProps = useListboxItemPropsContext();
+	const mergedProps = mergeProps$1(() => listbox().getItemTextProps(itemProps), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/listbox/label.tsx
+const ListboxLabel = (props) => {
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$1(() => listbox().getLabelProps(), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/listbox/use.ts
+const useListbox = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(listbox.machine, machineProps);
+	return createMemo(() => listbox.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/listbox/root.tsx
+const ListboxRoot = (props) => {
+	const [useListboxProps, localProps] = createSplitProps()(props, [
+		"collection",
+		"defaultHighlightedValue",
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"disallowSelectAll",
+		"highlightedValue",
+		"id",
+		"ids",
+		"loopFocus",
+		"onHighlightChange",
+		"onSelect",
+		"onValueChange",
+		"orientation",
+		"scrollToIndexFn",
+		"selectionMode",
+		"selectOnHighlight",
+		"typeahead",
+		"value"
+	]);
+	const listbox = useListbox(useListboxProps);
+	const mergedProps = mergeProps$1(() => listbox().getRootProps(), localProps);
+	return <ListboxProvider value={listbox}>
+      <wire.div {...mergedProps} />
+    </ListboxProvider>;
+};
+//#endregion
+//#region src/components/listbox/root-provider.tsx
+const ListboxRootProvider = (props) => {
+	const [{ value: listbox }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => listbox().getRootProps(), localProps);
+	return <ListboxProvider value={listbox}>
+      <wire.div {...mergedProps} />
+    </ListboxProvider>;
+};
+//#endregion
+//#region src/components/listbox/value-text.tsx
+const ListboxValueText = (props) => {
+	const { placeholder, ...localprops } = props;
+	const listbox = useListboxContext();
+	const mergedProps = mergeProps$1(() => listbox().getValueTextProps(), localprops);
+	const resolved = children(() => props.children);
+	return <wire.span {...mergedProps}>{resolved() || listbox().valueAsString || placeholder}</wire.span>;
+};
+//#endregion
+//#region src/components/listbox/listbox.ts
+var listbox_exports = /* @__PURE__ */ __exportAll({
+	Content: () => ListboxContent,
+	Context: () => ListboxContext,
+	Empty: () => ListboxEmpty,
+	Input: () => ListboxInput,
+	Item: () => ListboxItem,
+	ItemContext: () => ListboxItemContext,
+	ItemGroup: () => ListboxItemGroup,
+	ItemGroupLabel: () => ListboxItemGroupLabel,
+	ItemIndicator: () => ListboxItemIndicator,
+	ItemText: () => ListboxItemText,
+	Label: () => ListboxLabel,
+	Root: () => ListboxRoot,
+	RootProvider: () => ListboxRootProvider,
+	ValueText: () => ListboxValueText
+});
+//#endregion
+export { listbox_exports as Listbox, ListboxContent, ListboxContext, ListboxEmpty, ListboxInput, ListboxItem, ListboxItemContext, ListboxItemGroup, ListboxItemGroupLabel, ListboxItemIndicator, ListboxItemText, ListboxLabel, ListboxRoot, ListboxRootProvider, ListboxValueText, createListCollection, listboxAnatomy, useListbox, useListboxContext, useListboxItemContext };

package/dist/marquee.d.ts

@@ -0,0 +1,57 @@
+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, FlowComponent, JSX } from "solid-js";
+import * as marquee from "@wirekyt/dom/machines/marquee";
+import { EdgeProps, PauseStatusDetails, PauseStatusDetails as MarqueePauseStatusDetails, Side, Side as MarqueeSide, anatomy as marqueeAnatomy } from "@wirekyt/dom/machines/marquee";
+//#region src/components/marquee/content.d.ts
+interface MarqueeContentBaseProps extends PolymorphicProps<"div"> {}
+interface MarqueeContentProps extends HTMLProps<"div">, MarqueeContentBaseProps {}
+declare const MarqueeContent: FlowComponent<MarqueeContentProps>;
+//#endregion
+//#region src/components/marquee/use.d.ts
+interface UseMarqueeProps extends Optional<Omit<marquee.Props, "dir" | "getRootNode">, "id"> {}
+interface UseMarqueeReturn extends Accessor<marquee.Api<PropTypes>> {}
+declare const useMarquee: (props?: MaybeAccessor<UseMarqueeProps>) => UseMarqueeReturn;
+//#endregion
+//#region src/components/marquee/use-context.d.ts
+interface UseMarqueeContext extends UseMarqueeReturn {}
+declare const MarqueeProvider: import("solid-js").ContextProviderComponent<UseMarqueeContext>, useMarqueeContext: () => UseMarqueeContext;
+//#endregion
+//#region src/components/marquee/context.d.ts
+interface MarqueeContextProps {
+  children: (context: UseMarqueeContext) => JSX.Element;
+}
+declare const MarqueeContext: (props: MarqueeContextProps) => JSX.Element;
+//#endregion
+//#region src/components/marquee/edge.d.ts
+interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps<"div"> {}
+interface MarqueeEdgeProps extends HTMLProps<"div">, MarqueeEdgeBaseProps {}
+declare const MarqueeEdge: (props: MarqueeEdgeProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/marquee/item.d.ts
+interface MarqueeItemBaseProps extends PolymorphicProps<"div"> {}
+interface MarqueeItemProps extends HTMLProps<"div">, MarqueeItemBaseProps {}
+declare const MarqueeItem: (props: MarqueeItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/marquee/root.d.ts
+interface MarqueeRootBaseProps extends UseMarqueeProps, PolymorphicProps<"div"> {}
+interface MarqueeRootProps extends HTMLProps<"div">, MarqueeRootBaseProps {}
+declare const MarqueeRoot: (props: MarqueeRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/marquee/root-provider.d.ts
+interface RootProviderProps {
+  value: UseMarqueeReturn;
+}
+interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps<"div"> {}
+interface MarqueeRootProviderProps extends HTMLProps<"div">, MarqueeRootProviderBaseProps {}
+declare const MarqueeRootProvider: (props: MarqueeRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/marquee/viewport.d.ts
+interface MarqueeViewportBaseProps extends PolymorphicProps<"div"> {}
+interface MarqueeViewportProps extends HTMLProps<"div">, MarqueeViewportBaseProps {}
+declare const MarqueeViewport: (props: MarqueeViewportProps) => import("solid-js").JSX.Element;
+declare namespace marquee_d_exports {
+  export { MarqueeContent as Content, MarqueeContentBaseProps as ContentBaseProps, MarqueeContentProps as ContentProps, MarqueeContext as Context, MarqueeContextProps as ContextProps, MarqueeEdge as Edge, MarqueeEdgeBaseProps as EdgeBaseProps, MarqueeEdgeProps as EdgeProps, MarqueeItem as Item, MarqueeItemBaseProps as ItemBaseProps, MarqueeItemProps as ItemProps, PauseStatusDetails, MarqueeRoot as Root, MarqueeRootBaseProps as RootBaseProps, MarqueeRootProps as RootProps, MarqueeRootProvider as RootProvider, MarqueeRootProviderBaseProps as RootProviderBaseProps, MarqueeRootProviderProps as RootProviderProps, Side, MarqueeViewport as Viewport, MarqueeViewportBaseProps as ViewportBaseProps, MarqueeViewportProps as ViewportProps };
+}
+//#endregion
+export { marquee_d_exports as Marquee, MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, MarqueeContext, type MarqueeContextProps, MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps, MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps, type MarqueePauseStatusDetails, MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps, MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, type MarqueeSide, MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps, type UseMarqueeContext, type UseMarqueeProps, type UseMarqueeReturn, marqueeAnatomy, useMarquee, useMarqueeContext };

package/dist/marquee.js

@@ -0,0 +1,125 @@
+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 { For, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as marquee from "@wirekyt/dom/machines/marquee";
+import { anatomy as marqueeAnatomy } from "@wirekyt/dom/machines/marquee";
+//#region src/components/marquee/use-context.ts
+const [MarqueeProvider, useMarqueeContext] = createContext$1({
+	hookName: "useMarqueeContext",
+	providerName: "<MarqueeProvider />"
+});
+//#endregion
+//#region src/components/marquee/content.tsx
+const MarqueeContent = (props) => {
+	const context = useMarqueeContext();
+	return createComponent(For, {
+		get each() {
+			return Array.from({ length: context().contentCount });
+		},
+		children: (_, index) => {
+			const mergedProps = mergeProps$2(() => context().getContentProps({ index: index() }), props);
+			return createComponent(wire.div, mergeProps$1(mergedProps, { get children() {
+				return props.children;
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/marquee/context.tsx
+const MarqueeContext = (props) => props.children(useMarqueeContext());
+//#endregion
+//#region src/components/marquee/edge.tsx
+const MarqueeEdge = (props) => {
+	const [edgeProps, localProps] = createSplitProps()(props, ["side"]);
+	const context = useMarqueeContext();
+	const mergedProps = mergeProps$2(() => context().getEdgeProps(edgeProps), localProps);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/marquee/item.tsx
+const MarqueeItem = (props) => {
+	const context = useMarqueeContext();
+	const mergedProps = mergeProps$2(() => context().getItemProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/marquee/use.ts
+const useMarquee = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(marquee.machine, machineProps);
+	return createMemo(() => marquee.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/marquee/root.tsx
+const MarqueeRoot = (props) => {
+	const [useMarqueeProps, localProps] = createSplitProps()(props, [
+		"autoFill",
+		"defaultPaused",
+		"delay",
+		"id",
+		"ids",
+		"loopCount",
+		"onComplete",
+		"onLoopComplete",
+		"onPauseChange",
+		"paused",
+		"pauseOnInteraction",
+		"reverse",
+		"side",
+		"spacing",
+		"speed",
+		"translations"
+	]);
+	const context = useMarquee(useMarqueeProps);
+	const mergedProps = mergeProps$2(() => context().getRootProps(), localProps);
+	return createComponent(MarqueeProvider, {
+		value: context,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/marquee/root-provider.tsx
+const MarqueeRootProvider = (props) => {
+	const [{ value: marquee }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => marquee().getRootProps(), localProps);
+	return createComponent(MarqueeProvider, {
+		value: marquee,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/marquee/viewport.tsx
+const MarqueeViewport = (props) => {
+	const context = useMarqueeContext();
+	const mergedProps = mergeProps$2(() => context().getViewportProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/marquee/marquee.ts
+var marquee_exports = /* @__PURE__ */ __exportAll({
+	Content: () => MarqueeContent,
+	Context: () => MarqueeContext,
+	Edge: () => MarqueeEdge,
+	Item: () => MarqueeItem,
+	Root: () => MarqueeRoot,
+	RootProvider: () => MarqueeRootProvider,
+	Viewport: () => MarqueeViewport
+});
+//#endregion
+export { marquee_exports as Marquee, MarqueeContent, MarqueeContext, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, marqueeAnatomy, useMarquee, useMarqueeContext };