@wirekyt/solid 0.0.1 → 0.0.3

package/dist/angle-slider.jsx

@@ -0,0 +1,130 @@
+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 { createMemo, createUniqueId } from "solid-js";
+import * as angleSlider from "@wirekyt/dom/machines/angle-slider";
+import { anatomy as angleSliderAnatomy } from "@wirekyt/dom/machines/angle-slider";
+//#region src/components/angle-slider/use-context.ts
+const [AngleSliderProvider, useAngleSliderContext] = createContext$1({
+	hookName: "useAngleSliderContext",
+	providerName: "<AngleSliderProvider />"
+});
+//#endregion
+//#region src/components/angle-slider/context.tsx
+const AngleSliderContext = (props) => props.children(useAngleSliderContext());
+//#endregion
+//#region src/components/angle-slider/control.tsx
+const AngleSliderControl = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/angle-slider/hidden-input.tsx
+const AngleSliderHiddenInput = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getHiddenInputProps(), props);
+	return <wire.input {...mergedProps} />;
+};
+//#endregion
+//#region src/components/angle-slider/label.tsx
+const AngleSliderLabel = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <wire.label {...mergedProps} />;
+};
+//#endregion
+//#region src/components/angle-slider/marker.tsx
+const AngleSliderMarker = (props) => {
+	const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getMarkerProps(markerProps), localProps);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/angle-slider/marker-group.tsx
+const AngleSliderMarkerGroup = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getMarkerGroupProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/angle-slider/use.ts
+const useAngleSlider = (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(angleSlider.machine, machineProps);
+	return createMemo(() => angleSlider.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/angle-slider/root.tsx
+const AngleSliderRoot = (props) => {
+	const [useAngleSliderProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"name",
+		"invalid",
+		"readOnly",
+		"disabled",
+		"onValueChangeEnd",
+		"onValueChange",
+		"defaultValue",
+		"value",
+		"step",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const angleSlider = useAngleSlider(useAngleSliderProps);
+	const mergedProps = mergeProps$1(() => angleSlider().getRootProps(), localProps);
+	return <AngleSliderProvider value={angleSlider}>
+      <wire.div {...mergedProps} />
+    </AngleSliderProvider>;
+};
+//#endregion
+//#region src/components/angle-slider/root-provider.tsx
+const AngleSliderRootProvider = (props) => {
+	const [rootProps, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => rootProps.value().getRootProps(), localProps);
+	return <AngleSliderProvider value={rootProps.value}>
+      <wire.div {...mergedProps} />
+    </AngleSliderProvider>;
+};
+//#endregion
+//#region src/components/angle-slider/thumb.tsx
+const AngleSliderThumb = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getThumbProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/angle-slider/value-text.tsx
+const AngleSliderValueText = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getValueTextProps(), props);
+	return <wire.div {...mergedProps}>{props.children || api().valueAsDegree}</wire.div>;
+};
+//#endregion
+//#region src/components/angle-slider/angle-slider.ts
+var angle_slider_exports = /* @__PURE__ */ __exportAll({
+	Context: () => AngleSliderContext,
+	Control: () => AngleSliderControl,
+	HiddenInput: () => AngleSliderHiddenInput,
+	Label: () => AngleSliderLabel,
+	Marker: () => AngleSliderMarker,
+	MarkerGroup: () => AngleSliderMarkerGroup,
+	Root: () => AngleSliderRoot,
+	RootProvider: () => AngleSliderRootProvider,
+	Thumb: () => AngleSliderThumb,
+	ValueText: () => AngleSliderValueText
+});
+//#endregion
+export { angle_slider_exports as AngleSlider, AngleSliderContext, AngleSliderControl, AngleSliderHiddenInput, AngleSliderLabel, AngleSliderMarker, AngleSliderMarkerGroup, AngleSliderRoot, AngleSliderRootProvider, AngleSliderThumb, AngleSliderValueText, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

package/dist/avatar.d.ts

@@ -0,0 +1,47 @@
+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 avatar from "@wirekyt/dom/machines/avatar";
+import { StatusChangeDetails, StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnatomy } from "@wirekyt/dom/machines/avatar";
+//#region src/components/avatar/use.d.ts
+interface UseAvatarProps extends Optional<Omit<avatar.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAvatarReturn extends Accessor<avatar.Api<PropTypes>> {}
+declare const useAvatar: (props?: MaybeAccessor<UseAvatarProps>) => UseAvatarReturn;
+//#endregion
+//#region src/components/avatar/use-context.d.ts
+interface UseAvatarContext extends UseAvatarReturn {}
+declare const AvatarProvider: import("solid-js").ContextProviderComponent<UseAvatarContext>, useAvatarContext: () => UseAvatarContext;
+//#endregion
+//#region src/components/avatar/context.d.ts
+interface AvatarContextProps {
+  children: (context: UseAvatarContext) => JSX.Element;
+}
+declare const AvatarContext: (props: AvatarContextProps) => JSX.Element;
+//#endregion
+//#region src/components/avatar/fallback.d.ts
+interface AvatarFallbackBaseProps extends PolymorphicProps<"span"> {}
+interface AvatarFallbackProps extends HTMLProps<"span">, AvatarFallbackBaseProps {}
+declare const AvatarFallback: (props: AvatarFallbackProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/avatar/image.d.ts
+interface AvatarImageBaseProps extends PolymorphicProps<"img"> {}
+interface AvatarImageProps extends HTMLProps<"img">, AvatarImageBaseProps {}
+declare const AvatarImage: (props: AvatarImageProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/avatar/root.d.ts
+interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps<"div"> {}
+interface AvatarRootProps extends HTMLProps<"div">, AvatarRootBaseProps {}
+declare const AvatarRoot: (props: AvatarRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/avatar/root-provider.d.ts
+interface RootProviderProps {
+  value: UseAvatarReturn;
+}
+interface AvatarRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface AvatarRootProviderProps extends HTMLProps<"div">, RootProviderProps, AvatarRootProviderBaseProps {}
+declare const AvatarRootProvider: (props: AvatarRootProviderProps) => import("solid-js").JSX.Element;
+declare namespace avatar_d_exports {
+  export { AvatarContext as Context, AvatarContextProps as ContextProps, AvatarFallback as Fallback, AvatarFallbackBaseProps as FallbackBaseProps, AvatarFallbackProps as FallbackProps, AvatarImage as Image, AvatarImageBaseProps as ImageBaseProps, AvatarImageProps as ImageProps, AvatarRoot as Root, AvatarRootBaseProps as RootBaseProps, AvatarRootProps as RootProps, AvatarRootProvider as RootProvider, AvatarRootProviderBaseProps as RootProviderBaseProps, AvatarRootProviderProps as RootProviderProps, StatusChangeDetails };
+}
+//#endregion
+export { avatar_d_exports as Avatar, AvatarContext, type AvatarContextProps, AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps, AvatarImage, type AvatarImageBaseProps, type AvatarImageProps, AvatarRoot, type AvatarRootBaseProps, type AvatarRootProps, AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, type AvatarStatusChangeDetails, type UseAvatarContext, type UseAvatarProps, type UseAvatarReturn, avatarAnatomy, useAvatar, useAvatarContext };

package/dist/avatar.js

@@ -0,0 +1,86 @@
+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 { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as avatar from "@wirekyt/dom/machines/avatar";
+import { anatomy as avatarAnatomy } from "@wirekyt/dom/machines/avatar";
+//#region src/components/avatar/use-context.ts
+const [AvatarProvider, useAvatarContext] = createContext$1({
+	hookName: "useAvatarContext",
+	providerName: "<AvatarProvider />"
+});
+//#endregion
+//#region src/components/avatar/context.tsx
+const AvatarContext = (props) => props.children(useAvatarContext());
+//#endregion
+//#region src/components/avatar/fallback.tsx
+const AvatarFallback = (props) => {
+	const context = useAvatarContext();
+	const mergedProps = mergeProps$2(() => context().getFallbackProps(), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/avatar/image.tsx
+const AvatarImage = (props) => {
+	const context = useAvatarContext();
+	const mergedProps = mergeProps$2(() => context().getImageProps(), props);
+	return createComponent(wire.img, mergedProps);
+};
+//#endregion
+//#region src/components/avatar/use.ts
+const useAvatar = (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(avatar.machine, machineProps);
+	return createMemo(() => avatar.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/avatar/root.tsx
+const AvatarRoot = (props) => {
+	const [useAvatarProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"onStatusChange"
+	]);
+	const context = useAvatar(useAvatarProps);
+	const mergedProps = mergeProps$2(() => context().getRootProps(), localProps);
+	return createComponent(AvatarProvider, {
+		value: context,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/avatar/root-provider.tsx
+const AvatarRootProvider = (props) => {
+	const [{ value: avatar }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => avatar().getRootProps(), localProps);
+	return createComponent(AvatarProvider, {
+		value: avatar,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/avatar/avatar.ts
+var avatar_exports = /* @__PURE__ */ __exportAll({
+	Context: () => AvatarContext,
+	Fallback: () => AvatarFallback,
+	Image: () => AvatarImage,
+	Root: () => AvatarRoot,
+	RootProvider: () => AvatarRootProvider
+});
+//#endregion
+export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, avatarAnatomy, useAvatar, useAvatarContext };

package/dist/avatar.jsx

@@ -0,0 +1,79 @@
+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 { createMemo, createUniqueId } from "solid-js";
+import * as avatar from "@wirekyt/dom/machines/avatar";
+import { anatomy as avatarAnatomy } from "@wirekyt/dom/machines/avatar";
+//#region src/components/avatar/use-context.ts
+const [AvatarProvider, useAvatarContext] = createContext$1({
+	hookName: "useAvatarContext",
+	providerName: "<AvatarProvider />"
+});
+//#endregion
+//#region src/components/avatar/context.tsx
+const AvatarContext = (props) => props.children(useAvatarContext());
+//#endregion
+//#region src/components/avatar/fallback.tsx
+const AvatarFallback = (props) => {
+	const context = useAvatarContext();
+	const mergedProps = mergeProps$1(() => context().getFallbackProps(), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/avatar/image.tsx
+const AvatarImage = (props) => {
+	const context = useAvatarContext();
+	const mergedProps = mergeProps$1(() => context().getImageProps(), props);
+	return <wire.img {...mergedProps} />;
+};
+//#endregion
+//#region src/components/avatar/use.ts
+const useAvatar = (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(avatar.machine, machineProps);
+	return createMemo(() => avatar.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/avatar/root.tsx
+const AvatarRoot = (props) => {
+	const [useAvatarProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"onStatusChange"
+	]);
+	const context = useAvatar(useAvatarProps);
+	const mergedProps = mergeProps$1(() => context().getRootProps(), localProps);
+	return <AvatarProvider value={context}>
+      <wire.div {...mergedProps} />
+    </AvatarProvider>;
+};
+//#endregion
+//#region src/components/avatar/root-provider.tsx
+const AvatarRootProvider = (props) => {
+	const [{ value: avatar }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => avatar().getRootProps(), localProps);
+	return <AvatarProvider value={avatar}>
+      <wire.div {...mergedProps} />
+    </AvatarProvider>;
+};
+//#endregion
+//#region src/components/avatar/avatar.ts
+var avatar_exports = /* @__PURE__ */ __exportAll({
+	Context: () => AvatarContext,
+	Fallback: () => AvatarFallback,
+	Image: () => AvatarImage,
+	Root: () => AvatarRoot,
+	RootProvider: () => AvatarRootProvider
+});
+//#endregion
+export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, avatarAnatomy, useAvatar, useAvatarContext };

package/dist/carousel.d.ts

@@ -0,0 +1,92 @@
+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 carousel from "@wirekyt/dom/machines/carousel";
+import { AutoplayStatusDetails, AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails, DragStatusDetails as CarouselDragStatusDetails, IndicatorProps, ItemProps, PageChangeDetails, PageChangeDetails as CarouselPageChangeDetails } from "@wirekyt/dom/machines/carousel";
+//#region src/components/carousel/autoplay-indicator.d.ts
+interface CarouselAutoplayIndicatorBaseProps extends PolymorphicProps<"span"> {
+  fallback?: JSX.Element;
+}
+interface CarouselAutoplayIndicatorProps extends HTMLProps<"span">, CarouselAutoplayIndicatorBaseProps {}
+declare const CarouselAutoplayIndicator: (props: CarouselAutoplayIndicatorProps) => JSX.Element;
+//#endregion
+//#region src/components/carousel/progress-text.d.ts
+interface CarouselProgressTextBaseProps extends PolymorphicProps<"span"> {}
+interface CarouselProgressTextProps extends HTMLProps<"span">, CarouselProgressTextBaseProps {}
+declare const CarouselProgressText: (props: CarouselProgressTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/autoplay-trigger.d.ts
+interface CarouselAutoplayTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface CarouselAutoplayTriggerProps extends HTMLProps<"button">, CarouselAutoplayTriggerBaseProps {}
+declare const CarouselAutoplayTrigger: (props: CarouselAutoplayTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/use-carousel.d.ts
+interface UseCarouselProps extends Optional<Omit<carousel.Props, "dir" | "getRootNode">, "id"> {}
+interface UseCarouselReturn extends Accessor<carousel.Api<PropTypes>> {}
+declare const useCarousel: (props: MaybeAccessor<UseCarouselProps>) => UseCarouselReturn;
+//#endregion
+//#region src/components/carousel/use-context.d.ts
+interface UseCarouselContext extends UseCarouselReturn {}
+declare const CarouselProvider: import("solid-js").ContextProviderComponent<UseCarouselContext>, useCarouselContext: () => UseCarouselContext;
+//#endregion
+//#region src/components/carousel/context.d.ts
+interface CarouselContextProps {
+  children: (context: UseCarouselContext) => JSX.Element;
+}
+declare const CarouselContext: (props: CarouselContextProps) => JSX.Element;
+//#endregion
+//#region src/components/carousel/control.d.ts
+interface CarouselControlBaseProps extends PolymorphicProps<"div"> {}
+interface CarouselControlProps extends HTMLProps<"div">, CarouselControlBaseProps {}
+declare const CarouselControl: (props: CarouselControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/indicator.d.ts
+interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps<"button"> {}
+interface CarouselIndicatorProps extends HTMLProps<"button">, CarouselIndicatorBaseProps {}
+declare const CarouselIndicator: (props: CarouselIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/indicator-group.d.ts
+interface CarouselIndicatorGroupBaseProps extends PolymorphicProps<"div"> {}
+interface CarouselIndicatorGroupProps extends HTMLProps<"div">, CarouselIndicatorGroupBaseProps {}
+declare const CarouselIndicatorGroup: (props: CarouselIndicatorGroupProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/item.d.ts
+interface CarouselItemBaseProps extends ItemProps, PolymorphicProps<"div"> {}
+interface CarouselItemProps extends HTMLProps<"div">, CarouselItemBaseProps {}
+declare const CarouselItem: (props: CarouselItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/item-group.d.ts
+interface CarouselItemGroupBaseProps extends PolymorphicProps<"div"> {}
+interface CarouselItemGroupProps extends HTMLProps<"div">, CarouselItemGroupBaseProps {}
+declare const CarouselItemGroup: (props: CarouselItemGroupProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/next-trigger.d.ts
+interface CarouselNextTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface CarouselNextTriggerProps extends HTMLProps<"button">, CarouselNextTriggerBaseProps {}
+declare const CarouselNextTrigger: (props: CarouselNextTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/prev-trigger.d.ts
+interface CarouselPrevTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface CarouselPrevTriggerProps extends HTMLProps<"button">, CarouselPrevTriggerBaseProps {}
+declare const CarouselPrevTrigger: (props: CarouselPrevTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/root.d.ts
+interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps<"div"> {}
+interface CarouselRootProps extends HTMLProps<"div">, CarouselRootBaseProps {}
+declare const CarouselRoot: (props: CarouselRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/root-provider.d.ts
+interface RootProviderProps {
+  value: UseCarouselReturn;
+}
+interface CarouselRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface CarouselRootProviderProps extends HTMLProps<"div">, RootProviderProps, CarouselRootProviderBaseProps {}
+declare const CarouselRootProvider: (props: CarouselRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/carousel/anatomy.d.ts
+declare const carouselAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+declare namespace carousel_d_exports {
+  export { CarouselAutoplayIndicator as AutoplayIndicator, CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, AutoplayStatusDetails, CarouselAutoplayTrigger as AutoplayTrigger, CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, CarouselAutoplayTriggerProps as AutoplayTriggerProps, CarouselContext as Context, CarouselContextProps as ContextProps, CarouselControl as Control, CarouselControlBaseProps as ControlBaseProps, CarouselControlProps as ControlProps, DragStatusDetails, CarouselIndicator as Indicator, CarouselIndicatorBaseProps as IndicatorBaseProps, CarouselIndicatorGroup as IndicatorGroup, CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, CarouselIndicatorGroupProps as IndicatorGroupProps, CarouselIndicatorProps as IndicatorProps, CarouselItem as Item, CarouselItemBaseProps as ItemBaseProps, CarouselItemGroup as ItemGroup, CarouselItemGroupBaseProps as ItemGroupBaseProps, CarouselItemGroupProps as ItemGroupProps, CarouselItemProps as ItemProps, CarouselNextTrigger as NextTrigger, CarouselNextTriggerBaseProps as NextTriggerBaseProps, CarouselNextTriggerProps as NextTriggerProps, PageChangeDetails, CarouselPrevTrigger as PrevTrigger, CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, CarouselPrevTriggerProps as PrevTriggerProps, CarouselProgressText as ProgressText, CarouselProgressTextBaseProps as ProgressTextBaseProps, CarouselProgressTextProps as ProgressTextProps, CarouselRoot as Root, CarouselRootBaseProps as RootBaseProps, CarouselRootProps as RootProps, CarouselRootProvider as RootProvider, CarouselRootProviderBaseProps as RootProviderBaseProps, CarouselRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { carousel_d_exports as Carousel, CarouselAutoplayIndicator, type CarouselAutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps, type CarouselAutoplayStatusDetails, CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, CarouselContext, type CarouselContextProps, CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, type CarouselDragStatusDetails, CarouselIndicator, type CarouselIndicatorBaseProps, CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, type CarouselIndicatorProps, CarouselItem, type CarouselItemBaseProps, CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, type CarouselItemProps, CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, type CarouselPageChangeDetails, CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, CarouselProgressText, type CarouselProgressTextBaseProps, type CarouselProgressTextProps, CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps, CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, type UseCarouselContext, type UseCarouselProps, type UseCarouselReturn, carouselAnatomy, useCarousel, useCarouselContext };

package/dist/carousel.js

@@ -0,0 +1,189 @@
+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 { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as carousel from "@wirekyt/dom/machines/carousel";
+import { anatomy } from "@wirekyt/dom/machines/carousel";
+//#region src/components/carousel/anatomy.ts
+const carouselAnatomy = anatomy.extendWith("progressText", "autoplayIndicator");
+//#endregion
+//#region src/components/carousel/use-context.ts
+const [CarouselProvider, useCarouselContext] = createContext$1({
+	hookName: "useCarouselContext",
+	providerName: "<CarouselProvider />"
+});
+//#endregion
+//#region src/components/carousel/autoplay-indicator.tsx
+const parts$1 = carouselAnatomy.build();
+const CarouselAutoplayIndicator = (props) => {
+	const api = useCarouselContext();
+	return createComponent(wire.span, mergeProps$1(() => parts$1.autoplayIndicator.attrs, props, { get children() {
+		return createComponent(Show, {
+			get when() {
+				return api().isPlaying;
+			},
+			get fallback() {
+				return props.fallback;
+			},
+			get children() {
+				return props.children;
+			}
+		});
+	} }));
+};
+//#endregion
+//#region src/components/carousel/progress-text.tsx
+const parts = carouselAnatomy.build();
+const CarouselProgressText = (props) => {
+	const api = useCarouselContext();
+	const progressText = createMemo(() => {
+		return `${api().page + 1} / ${api().pageSnapPoints.length}`;
+	});
+	return createComponent(wire.span, mergeProps$1(() => parts.progressText.attrs, props, { get children() {
+		return props.children || progressText();
+	} }));
+};
+//#endregion
+//#region src/components/carousel/autoplay-trigger.tsx
+const CarouselAutoplayTrigger = (props) => {
+	const api = useCarouselContext();
+	const mergedProps = mergeProps$2(() => api().getAutoplayTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/carousel/context.tsx
+const CarouselContext = (props) => props.children(useCarouselContext());
+//#endregion
+//#region src/components/carousel/control.tsx
+const CarouselControl = (props) => {
+	const api = useCarouselContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/carousel/indicator.tsx
+const CarouselIndicator = (props) => {
+	const [indicatorProps, localProps] = createSplitProps()(props, ["index", "readOnly"]);
+	const api = useCarouselContext();
+	const mergedProps = mergeProps$2(() => api().getIndicatorProps(indicatorProps), localProps);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/carousel/indicator-group.tsx
+const CarouselIndicatorGroup = (props) => {
+	const api = useCarouselContext();
+	const mergedProps = mergeProps$2(() => api().getIndicatorGroupProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/carousel/item.tsx
+const CarouselItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index", "snapAlign"]);
+	const api = useCarouselContext();
+	const mergedProps = mergeProps$2(() => api().getItemProps(itemProps), localProps);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/carousel/item-group.tsx
+const CarouselItemGroup = (props) => {
+	const api = useCarouselContext();
+	const mergedProps = mergeProps$2(() => api().getItemGroupProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/carousel/next-trigger.tsx
+const CarouselNextTrigger = (props) => {
+	const api = useCarouselContext();
+	const mergedProps = mergeProps$2(() => api().getNextTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/carousel/prev-trigger.tsx
+const CarouselPrevTrigger = (props) => {
+	const api = useCarouselContext();
+	const mergedProps = mergeProps$2(() => api().getPrevTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/carousel/use-carousel.ts
+const useCarousel = (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(carousel.machine, machineProps);
+	return createMemo(() => carousel.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/carousel/root.tsx
+const CarouselRoot = (props) => {
+	const [useCarouselProps, localProps] = createSplitProps()(props, [
+		"allowMouseDrag",
+		"autoplay",
+		"autoSize",
+		"defaultPage",
+		"id",
+		"ids",
+		"inViewThreshold",
+		"loop",
+		"onAutoplayStatusChange",
+		"onDragStatusChange",
+		"onPageChange",
+		"orientation",
+		"padding",
+		"page",
+		"slideCount",
+		"slidesPerMove",
+		"slidesPerPage",
+		"snapType",
+		"spacing",
+		"translations"
+	]);
+	const api = useCarousel(useCarouselProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(CarouselProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/carousel/root-provider.tsx
+const CarouselRootProvider = (props) => {
+	const [{ value: carousel }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => carousel().getRootProps(), localProps);
+	return createComponent(CarouselProvider, {
+		value: carousel,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/carousel/carousel.ts
+var carousel_exports = /* @__PURE__ */ __exportAll({
+	AutoplayIndicator: () => CarouselAutoplayIndicator,
+	AutoplayTrigger: () => CarouselAutoplayTrigger,
+	Context: () => CarouselContext,
+	Control: () => CarouselControl,
+	Indicator: () => CarouselIndicator,
+	IndicatorGroup: () => CarouselIndicatorGroup,
+	Item: () => CarouselItem,
+	ItemGroup: () => CarouselItemGroup,
+	NextTrigger: () => CarouselNextTrigger,
+	PrevTrigger: () => CarouselPrevTrigger,
+	ProgressText: () => CarouselProgressText,
+	Root: () => CarouselRoot,
+	RootProvider: () => CarouselRootProvider
+});
+//#endregion
+export { carousel_exports as Carousel, CarouselAutoplayIndicator, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselProgressText, CarouselRoot, CarouselRootProvider, carouselAnatomy, useCarousel, useCarouselContext };