@sprawlify/react 0.0.8 → 0.0.9

package/dist/components/listbox/index.mjs

@@ -0,0 +1,289 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-79NSyZp-.mjs";
+import { t as createContext$1 } from "../../create-context-DbhrVE2B.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cc02I6aF.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { n as sprawlify } from "../../factory-7ydMApfi.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJdRM9I_.mjs";
+import "../../use-event-B4e6iJDK.mjs";
+import { o as createListCollection } from "../../collection-BYYMj_V8.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as listbox from "@sprawlify/primitives/machines/listbox";
+import { anatomy } from "@sprawlify/primitives/machines/listbox";
+
+//#region src/components/listbox/use-listbox-context.ts
+const [ListboxProvider, useListboxContext] = createContext$1({
+	name: "ListboxContext",
+	hookName: "useListboxContext",
+	providerName: "<ListboxProvider />"
+});
+
+//#endregion
+//#region src/components/listbox/listbox-content.tsx
+const ListboxContent = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useListboxContext().getContentProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxContent.displayName = "ListboxContent";
+
+//#endregion
+//#region src/components/listbox/listbox-context.ts
+const ListboxContext = (props) => props.children(useListboxContext());
+
+//#endregion
+//#region src/components/listbox/listbox-anatomy.ts
+const listboxAnatomy = anatomy.extendWith("empty");
+
+//#endregion
+//#region src/components/listbox/listbox-empty.tsx
+const parts = listboxAnatomy.build();
+const ListboxEmpty = forwardRef((props, ref) => {
+	if (useListboxContext().collection.size !== 0) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...parts.empty.attrs,
+		...props,
+		role: "presentation",
+		ref
+	});
+});
+ListboxEmpty.displayName = "ListboxEmpty";
+
+//#endregion
+//#region src/components/listbox/listbox-input.tsx
+const splitInputProps = createSplitProps();
+const ListboxInput = forwardRef((props, ref) => {
+	const [inputProps, localProps] = splitInputProps(props, ["autoHighlight"]);
+	const mergedProps = mergeProps(useListboxContext().getInputProps(inputProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxInput.displayName = "ListboxInput";
+
+//#endregion
+//#region src/components/listbox/use-listbox-item-context.ts
+const [ListboxItemProvider, useListboxItemContext] = createContext$1({
+	name: "ListboxItemContext",
+	hookName: "useListboxItemContext",
+	providerName: "<ListboxItemProvider />"
+});
+
+//#endregion
+//#region src/components/listbox/use-listbox-item-props-context.ts
+const [ListboxItemPropsProvider, useListboxItemPropsContext] = createContext$1({
+	name: "ListboxItemPropsContext",
+	hookName: "useListboxItemPropsContext",
+	providerName: "<ListboxItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/listbox/listbox-item.tsx
+const splitItemProps = createSplitProps();
+const ListboxItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["item", "highlightOnHover"]);
+	const listbox$1 = useListboxContext();
+	const mergedProps = mergeProps(listbox$1.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(ListboxItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ jsx(ListboxItemProvider, {
+			value: listbox$1.getItemState(itemProps),
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+ListboxItem.displayName = "ListboxItem";
+
+//#endregion
+//#region src/components/listbox/listbox-item-context.tsx
+const ListboxItemContext = (props) => props.children(useListboxItemContext());
+
+//#endregion
+//#region src/components/listbox/use-listbox-item-group-props.ts
+const [ListboxItemGroupPropsProvider, useListboxItemGroupPropsContext] = createContext$1({
+	name: "ListboxItemGroupPropsContext",
+	hookName: "useListboxItemGroupPropsContext",
+	providerName: "<ListboxItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/listbox/listbox-item-group.tsx
+const splitItemGroupProps = createSplitProps();
+const ListboxItemGroup = forwardRef((props, ref) => {
+	const id = useId();
+	const [_itemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
+	const itemGroupProps = {
+		id,
+		..._itemGroupProps
+	};
+	const mergedProps = mergeProps(useListboxContext().getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ jsx(ListboxItemGroupPropsProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ListboxItemGroup.displayName = "ListboxItemGroup";
+
+//#endregion
+//#region src/components/listbox/listbox-item-group-label.tsx
+const ListboxItemGroupLabel = forwardRef((props, ref) => {
+	const listbox$1 = useListboxContext();
+	const itemGroupProps = useListboxItemGroupPropsContext();
+	const mergedProps = mergeProps(listbox$1.getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxItemGroupLabel.displayName = "ListboxItemGroupLabel";
+
+//#endregion
+//#region src/components/listbox/listbox-item-indicator.tsx
+const ListboxItemIndicator = forwardRef((props, ref) => {
+	const listbox$1 = useListboxContext();
+	const itemProps = useListboxItemPropsContext();
+	const mergedProps = mergeProps(listbox$1.getItemIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxItemIndicator.displayName = "ListboxItemIndicator";
+
+//#endregion
+//#region src/components/listbox/listbox-item-text.tsx
+const ListboxItemText = forwardRef((props, ref) => {
+	const listbox$1 = useListboxContext();
+	const itemProps = useListboxItemPropsContext();
+	const mergedProps = mergeProps(listbox$1.getItemTextProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxItemText.displayName = "ListboxItemText";
+
+//#endregion
+//#region src/components/listbox/listbox-label.tsx
+const ListboxLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useListboxContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxLabel.displayName = "ListboxLabel";
+
+//#endregion
+//#region src/components/listbox/use-listbox.ts
+const useListbox = (props) => {
+	const id = useId();
+	const { dir } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(listbox.machine, machineProps);
+	return listbox.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/listbox/listbox-root.tsx
+const ListboxImpl$1 = (props, ref) => {
+	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$1 = useListbox(useListboxProps);
+	const mergedProps = mergeProps(listbox$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ListboxProvider, {
+		value: listbox$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+};
+const ListboxRoot = forwardRef(ListboxImpl$1);
+
+//#endregion
+//#region src/components/listbox/listbox-root-provider.tsx
+const ListboxImpl = (props, ref) => {
+	const [{ value: listbox$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps(listbox$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ListboxProvider, {
+		value: listbox$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+};
+const ListboxRootProvider = forwardRef(ListboxImpl);
+
+//#endregion
+//#region src/components/listbox/listbox-value-text.tsx
+const ListboxValueText = forwardRef((props, ref) => {
+	const { children, placeholder, ...localprops } = props;
+	const listbox$1 = useListboxContext();
+	const mergedProps = mergeProps(listbox$1.getValueTextProps(), localprops);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref,
+		children: children || listbox$1.valueAsString || placeholder
+	});
+});
+ListboxValueText.displayName = "ListboxValueText";
+
+//#endregion
+//#region src/components/listbox/listbox.ts
+var listbox_exports = /* @__PURE__ */ __export({
+	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/components/marquee/index.cjs

@@ -0,0 +1,176 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_marquee = require("@sprawlify/primitives/machines/marquee");
+__sprawlify_primitives_machines_marquee = require_chunk.__toESM(__sprawlify_primitives_machines_marquee);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/marquee/use-marquee-context.ts
+const [MarqueeProvider, useMarqueeContext] = require_create_context.createContext({
+	name: "MarqueeContext",
+	hookName: "useMarqueeContext",
+	providerName: "<MarqueeProvider />"
+});
+
+//#endregion
+//#region src/components/marquee/marquee-content.tsx
+const MarqueeContent = (0, react.forwardRef)((props, ref) => {
+	const { children, ...localProps } = props;
+	const marquee = useMarqueeContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: Array.from({ length: marquee.contentCount }).map((_, index) => {
+		const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(marquee.getContentProps({ index }), localProps);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref: index === 0 ? ref : void 0,
+			children
+		}, index);
+	}) });
+});
+MarqueeContent.displayName = "MarqueeContent";
+
+//#endregion
+//#region src/components/marquee/marquee-context.tsx
+const MarqueeContext = (props) => props.children(useMarqueeContext());
+
+//#endregion
+//#region src/components/marquee/marquee-edge.tsx
+const splitEdgeProps = require_create_split_props.createSplitProps();
+const MarqueeEdge = (0, react.forwardRef)((props, ref) => {
+	const [edgeProps, localProps] = splitEdgeProps(props, ["side"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMarqueeContext().getEdgeProps(edgeProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MarqueeEdge.displayName = "MarqueeEdge";
+
+//#endregion
+//#region src/components/marquee/marquee-item.tsx
+const MarqueeItem = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMarqueeContext().getItemProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MarqueeItem.displayName = "MarqueeItem";
+
+//#endregion
+//#region src/components/marquee/use-marquee.ts
+const useMarquee = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_marquee.machine, context);
+	return __sprawlify_primitives_machines_marquee.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/marquee/marquee-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const MarqueeRoot = (0, react.forwardRef)((props, ref) => {
+	const [useMarqueeProps, localProps] = splitRootProps(props, [
+		"autoFill",
+		"defaultPaused",
+		"delay",
+		"id",
+		"ids",
+		"loopCount",
+		"onComplete",
+		"onLoopComplete",
+		"onPauseChange",
+		"paused",
+		"pauseOnInteraction",
+		"reverse",
+		"side",
+		"spacing",
+		"speed",
+		"translations"
+	]);
+	const marqueeApi = useMarquee(useMarqueeProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(marqueeApi.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarqueeProvider, {
+		value: marqueeApi,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+MarqueeRoot.displayName = "MarqueeRoot";
+
+//#endregion
+//#region src/components/marquee/marquee-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const MarqueeRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: marquee }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(marquee.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarqueeProvider, {
+		value: marquee,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+MarqueeRootProvider.displayName = "MarqueeRootProvider";
+
+//#endregion
+//#region src/components/marquee/marquee-viewport.tsx
+const MarqueeViewport = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMarqueeContext().getViewportProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MarqueeViewport.displayName = "MarqueeViewport";
+
+//#endregion
+//#region src/components/marquee/marquee.ts
+var marquee_exports = /* @__PURE__ */ require_chunk.__export({
+	Content: () => MarqueeContent,
+	Context: () => MarqueeContext,
+	Edge: () => MarqueeEdge,
+	Item: () => MarqueeItem,
+	Root: () => MarqueeRoot,
+	RootProvider: () => MarqueeRootProvider,
+	Viewport: () => MarqueeViewport
+});
+
+//#endregion
+Object.defineProperty(exports, 'Marquee', {
+  enumerable: true,
+  get: function () {
+    return marquee_exports;
+  }
+});
+exports.MarqueeContent = MarqueeContent;
+exports.MarqueeContext = MarqueeContext;
+exports.MarqueeEdge = MarqueeEdge;
+exports.MarqueeItem = MarqueeItem;
+exports.MarqueeRoot = MarqueeRoot;
+exports.MarqueeRootProvider = MarqueeRootProvider;
+exports.MarqueeViewport = MarqueeViewport;
+Object.defineProperty(exports, 'marqueeAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_marquee.anatomy;
+  }
+});
+exports.useMarquee = useMarquee;
+exports.useMarqueeContext = useMarqueeContext;

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

@@ -0,0 +1,61 @@
+import { t as PropTypes } from "../../normalize-props-Dw0EepzR.cjs";
+import { r as Optional } from "../../types-DcUAwTQC.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-fcFI3pbG.cjs";
+import * as react134 from "react";
+import { ReactNode } from "react";
+import * as marquee from "@sprawlify/primitives/machines/marquee";
+import { EdgeProps, PauseStatusDetails, PauseStatusDetails as MarqueePauseStatusDetails, Side, Side as MarqueeSide, anatomy as marqueeAnatomy } from "@sprawlify/primitives/machines/marquee";
+
+//#region src/components/marquee/marquee-content.d.ts
+interface MarqueeContentBaseProps extends PolymorphicProps {
+  children: ReactNode;
+}
+interface MarqueeContentProps extends Omit<HTMLProps<"div">, "children">, MarqueeContentBaseProps {}
+declare const MarqueeContent: react134.ForwardRefExoticComponent<MarqueeContentProps & react134.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/use-marquee.d.ts
+interface UseMarqueeProps extends Optional<Omit<marquee.Props, "dir" | "getRootNode">, "id"> {}
+interface UseMarqueeReturn extends marquee.Api<PropTypes> {}
+declare const useMarquee: (props?: UseMarqueeProps) => UseMarqueeReturn;
+//#endregion
+//#region src/components/marquee/use-marquee-context.d.ts
+interface UseMarqueeContext extends UseMarqueeReturn {}
+//#endregion
+//#region src/components/marquee/marquee-context.d.ts
+interface MarqueeContextProps {
+  children: (context: UseMarqueeContext) => ReactNode;
+}
+declare const MarqueeContext: (props: MarqueeContextProps) => ReactNode;
+//#endregion
+//#region src/components/marquee/marquee-edge.d.ts
+interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {}
+interface MarqueeEdgeProps extends HTMLProps<"div">, MarqueeEdgeBaseProps {}
+declare const MarqueeEdge: react134.ForwardRefExoticComponent<MarqueeEdgeProps & react134.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/marquee-item.d.ts
+interface MarqueeItemBaseProps extends PolymorphicProps {}
+interface MarqueeItemProps extends HTMLProps<"div">, MarqueeItemBaseProps {}
+declare const MarqueeItem: react134.ForwardRefExoticComponent<MarqueeItemProps & react134.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/marquee-root.d.ts
+interface MarqueeRootBaseProps extends UseMarqueeProps, PolymorphicProps {}
+interface MarqueeRootProps extends HTMLProps<"div">, MarqueeRootBaseProps {}
+declare const MarqueeRoot: react134.ForwardRefExoticComponent<MarqueeRootProps & react134.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/marquee-root-provider.d.ts
+interface RootProviderProps {
+  value: UseMarqueeReturn;
+}
+interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface MarqueeRootProviderProps extends HTMLProps<"div">, MarqueeRootProviderBaseProps {}
+declare const MarqueeRootProvider: react134.ForwardRefExoticComponent<MarqueeRootProviderProps & react134.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/marquee-viewport.d.ts
+interface MarqueeViewportBaseProps extends PolymorphicProps {}
+interface MarqueeViewportProps extends HTMLProps<"div">, MarqueeViewportBaseProps {}
+declare const MarqueeViewport: react134.ForwardRefExoticComponent<MarqueeViewportProps & react134.RefAttributes<HTMLDivElement>>;
+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/components/marquee/index.d.mts

@@ -0,0 +1,61 @@
+import { r as PropTypes } from "../../index-BLd57Y0z.mjs";
+import { r as Optional } from "../../types-CrwpJrFp.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DaVlp4Ba.mjs";
+import * as react117 from "react";
+import { ReactNode } from "react";
+import * as marquee from "@sprawlify/primitives/machines/marquee";
+import { EdgeProps, PauseStatusDetails, PauseStatusDetails as MarqueePauseStatusDetails, Side, Side as MarqueeSide, anatomy as marqueeAnatomy } from "@sprawlify/primitives/machines/marquee";
+
+//#region src/components/marquee/marquee-content.d.ts
+interface MarqueeContentBaseProps extends PolymorphicProps {
+  children: ReactNode;
+}
+interface MarqueeContentProps extends Omit<HTMLProps<"div">, "children">, MarqueeContentBaseProps {}
+declare const MarqueeContent: react117.ForwardRefExoticComponent<MarqueeContentProps & react117.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/use-marquee.d.ts
+interface UseMarqueeProps extends Optional<Omit<marquee.Props, "dir" | "getRootNode">, "id"> {}
+interface UseMarqueeReturn extends marquee.Api<PropTypes> {}
+declare const useMarquee: (props?: UseMarqueeProps) => UseMarqueeReturn;
+//#endregion
+//#region src/components/marquee/use-marquee-context.d.ts
+interface UseMarqueeContext extends UseMarqueeReturn {}
+//#endregion
+//#region src/components/marquee/marquee-context.d.ts
+interface MarqueeContextProps {
+  children: (context: UseMarqueeContext) => ReactNode;
+}
+declare const MarqueeContext: (props: MarqueeContextProps) => ReactNode;
+//#endregion
+//#region src/components/marquee/marquee-edge.d.ts
+interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {}
+interface MarqueeEdgeProps extends HTMLProps<"div">, MarqueeEdgeBaseProps {}
+declare const MarqueeEdge: react117.ForwardRefExoticComponent<MarqueeEdgeProps & react117.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/marquee-item.d.ts
+interface MarqueeItemBaseProps extends PolymorphicProps {}
+interface MarqueeItemProps extends HTMLProps<"div">, MarqueeItemBaseProps {}
+declare const MarqueeItem: react117.ForwardRefExoticComponent<MarqueeItemProps & react117.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/marquee-root.d.ts
+interface MarqueeRootBaseProps extends UseMarqueeProps, PolymorphicProps {}
+interface MarqueeRootProps extends HTMLProps<"div">, MarqueeRootBaseProps {}
+declare const MarqueeRoot: react117.ForwardRefExoticComponent<MarqueeRootProps & react117.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/marquee-root-provider.d.ts
+interface RootProviderProps {
+  value: UseMarqueeReturn;
+}
+interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface MarqueeRootProviderProps extends HTMLProps<"div">, MarqueeRootProviderBaseProps {}
+declare const MarqueeRootProvider: react117.ForwardRefExoticComponent<MarqueeRootProviderProps & react117.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/marquee/marquee-viewport.d.ts
+interface MarqueeViewportBaseProps extends PolymorphicProps {}
+interface MarqueeViewportProps extends HTMLProps<"div">, MarqueeViewportBaseProps {}
+declare const MarqueeViewport: react117.ForwardRefExoticComponent<MarqueeViewportProps & react117.RefAttributes<HTMLDivElement>>;
+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 };