@wirekyt/solid 0.0.1 → 0.0.2

package/dist/accordion.d.ts

@@ -0,0 +1,68 @@
+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 { t as RenderStrategyProps } from "./index-J9N2CBHP.js";
+import { Accessor, JSX } from "solid-js";
+import * as accordion from "@wirekyt/dom/machines/accordion";
+import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@wirekyt/dom/machines/accordion";
+//#region src/components/accordion/use.d.ts
+interface UseAccordionProps extends Optional<Omit<accordion.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAccordionReturn extends Accessor<accordion.Api<PropTypes>> {}
+declare const useAccordion: (props?: MaybeAccessor<UseAccordionProps>) => UseAccordionReturn;
+//#endregion
+//#region src/components/accordion/use-context.d.ts
+interface UseAccordionContext extends UseAccordionReturn {}
+declare const AccordionProvider: import("solid-js").ContextProviderComponent<UseAccordionContext>, useAccordionContext: () => UseAccordionContext;
+//#endregion
+//#region src/components/accordion/context.d.ts
+interface AccordionContextProps {
+  children: (context: UseAccordionContext) => JSX.Element;
+}
+declare const AccordionContext: (props: AccordionContextProps) => JSX.Element;
+//#endregion
+//#region src/components/accordion/item.d.ts
+interface AccordionItemBaseProps extends ItemProps, PolymorphicProps<"div"> {}
+interface AccordionItemProps extends HTMLProps<"div">, AccordionItemBaseProps {}
+declare const AccordionItem: (props: AccordionItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/accordion/item-content.d.ts
+interface AccordionItemContentBaseProps extends PolymorphicProps<"div"> {}
+interface AccordionItemContentProps extends HTMLProps<"div">, AccordionItemContentBaseProps {}
+declare const AccordionItemContent: (props: AccordionItemContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/accordion/use-item-context.d.ts
+interface UseAccordionItemContext extends Accessor<ItemState> {}
+declare const AccordionItemProvider: import("solid-js").ContextProviderComponent<UseAccordionItemContext>, useAccordionItemContext: () => UseAccordionItemContext;
+//#endregion
+//#region src/components/accordion/item-context.d.ts
+interface AccordionItemContextProps {
+  children: (context: UseAccordionItemContext) => JSX.Element;
+}
+declare const AccordionItemContext: (props: AccordionItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/accordion/item-indicator.d.ts
+interface AccordionItemIndicatorBaseProps extends PolymorphicProps<"div"> {}
+interface AccordionItemIndicatorProps extends HTMLProps<"div">, AccordionItemIndicatorBaseProps {}
+declare const AccordionItemIndicator: (props: AccordionItemIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/accordion/item-trigger.d.ts
+interface AccordionItemTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface AccordionItemTriggerProps extends HTMLProps<"button">, AccordionItemTriggerBaseProps {}
+declare const AccordionItemTrigger: (props: AccordionItemTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/accordion/root.d.ts
+interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps<"div"> {}
+interface AccordionRootProps extends HTMLProps<"div">, AccordionRootBaseProps {}
+declare const AccordionRoot: (props: AccordionRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/accordion/root-provider.d.ts
+interface RootProviderProps {
+  value: UseAccordionReturn;
+}
+interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps<"div"> {}
+interface AccordionRootProviderProps extends HTMLProps<"div">, AccordionRootProviderBaseProps {}
+declare const AccordionRootProvider: (props: AccordionRootProviderProps) => import("solid-js").JSX.Element;
+declare namespace accordion_d_exports {
+  export { AccordionContext as Context, AccordionContextProps as ContextProps, FocusChangeDetails, AccordionItem as Item, AccordionItemBaseProps as ItemBaseProps, AccordionItemContent as ItemContent, AccordionItemContentBaseProps as ItemContentBaseProps, AccordionItemContentProps as ItemContentProps, AccordionItemContext as ItemContext, AccordionItemContextProps as ItemContextProps, AccordionItemIndicator as ItemIndicator, AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, AccordionItemIndicatorProps as ItemIndicatorProps, AccordionItemProps as ItemProps, AccordionItemTrigger as ItemTrigger, AccordionItemTriggerBaseProps as ItemTriggerBaseProps, AccordionItemTriggerProps as ItemTriggerProps, AccordionRoot as Root, AccordionRootBaseProps as RootBaseProps, AccordionRootProps as RootProps, AccordionRootProvider as RootProvider, AccordionRootProviderBaseProps as RootProviderBaseProps, AccordionRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { accordion_d_exports as Accordion, AccordionContext, type AccordionContextProps, type AccordionFocusChangeDetails, AccordionItem, type AccordionItemBaseProps, AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, AccordionItemContext, type AccordionItemContextProps, AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, type AccordionItemProps, AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps, AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, type AccordionValueChangeDetails, type UseAccordionContext, type UseAccordionItemContext, type UseAccordionProps, type UseAccordionReturn, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };

package/dist/accordion.js

@@ -0,0 +1,168 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { l as CollapsibleContent, o as CollapsibleRoot, u as useCollapsibleContext } from "./collapsible-Dp8aqjtN.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as accordion from "@wirekyt/dom/machines/accordion";
+import { anatomy as accordionAnatomy } from "@wirekyt/dom/machines/accordion";
+//#region src/components/accordion/use-context.ts
+const [AccordionProvider, useAccordionContext] = createContext$1({
+	hookName: "useAccordionContext",
+	providerName: "<AccordionProvider />"
+});
+//#endregion
+//#region src/components/accordion/context.tsx
+const AccordionContext = (props) => props.children(useAccordionContext());
+//#endregion
+//#region src/components/accordion/use-item-context.ts
+const [AccordionItemProvider, useAccordionItemContext] = createContext$1({
+	hookName: "useAccordionItemContext",
+	providerName: "<AccordionItemProvider />"
+});
+//#endregion
+//#region src/components/accordion/use-item-props-context.ts
+const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext$1({
+	hookName: "useAccordionItemPropsContext",
+	providerName: "<AccordionItemPropsProvider />"
+});
+//#endregion
+//#region src/components/accordion/item.tsx
+const AccordionItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
+	const accordion = useAccordionContext();
+	const renderStrategyProps = useRenderStrategyContext();
+	const mergedProps = mergeProps$2(() => accordion().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => accordion().getItemState(itemProps));
+	const itemContentProps = accordion().getItemContentProps(itemProps);
+	return createComponent(AccordionItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(AccordionItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(CollapsibleRoot, mergeProps$1({
+						get open() {
+							return itemState().expanded;
+						},
+						get ids() {
+							return { content: itemContentProps.id };
+						}
+					}, renderStrategyProps, mergedProps));
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/accordion/item-content.tsx
+const splitVisibilityProps = createSplitProps();
+const AccordionItemContent = (props) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const itemContentProps = createMemo(() => {
+		const contentProps = accordion().getItemContentProps(itemProps);
+		const [, ownProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+		return ownProps;
+	});
+	return createComponent(CollapsibleContent, mergeProps$2(() => itemContentProps(), props));
+};
+//#endregion
+//#region src/components/accordion/item-context.tsx
+const AccordionItemContext = (props) => props.children(useAccordionItemContext());
+//#endregion
+//#region src/components/accordion/item-indicator.tsx
+const AccordionItemIndicator = (props) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const mergedProps = mergeProps$2(() => accordion().getItemIndicatorProps(itemProps), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/accordion/item-trigger.tsx
+const AccordionItemTrigger = (props) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const collapsible = useCollapsibleContext();
+	const [ariaControls, buttonProps] = splitProps(mergeProps$2(() => accordion().getItemTriggerProps(itemProps), props), ["aria-controls"]);
+	return createComponent(wire.button, mergeProps$1(buttonProps, () => !collapsible().unmounted && ariaControls));
+};
+//#endregion
+//#region src/components/accordion/use.ts
+const useAccordion = (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(accordion.machine, machineProps);
+	return createMemo(() => accordion.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/accordion/root.tsx
+const AccordionRoot = (props) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [useAccordionProps, localProps] = createSplitProps()(accordionProps, [
+		"collapsible",
+		"defaultValue",
+		"disabled",
+		"id",
+		"ids",
+		"multiple",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"value"
+	]);
+	const api = useAccordion(useAccordionProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(AccordionProvider, {
+		value: api,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/accordion/root-provider.tsx
+const AccordionRootProvider = (props) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [{ value: accordion }, localProps] = createSplitProps()(accordionProps, ["value"]);
+	const mergedProps = mergeProps$2(() => accordion().getRootProps(), localProps);
+	return createComponent(AccordionProvider, {
+		value: accordion,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/accordion/accordion.ts
+var accordion_exports = /* @__PURE__ */ __exportAll({
+	Context: () => AccordionContext,
+	Item: () => AccordionItem,
+	ItemContent: () => AccordionItemContent,
+	ItemContext: () => AccordionItemContext,
+	ItemIndicator: () => AccordionItemIndicator,
+	ItemTrigger: () => AccordionItemTrigger,
+	Root: () => AccordionRoot,
+	RootProvider: () => AccordionRootProvider
+});
+//#endregion
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };

package/dist/accordion.jsx

@@ -0,0 +1,143 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { t as collapsible_exports, u as useCollapsibleContext } from "./collapsible-BwNoH1At.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
+import * as accordion from "@wirekyt/dom/machines/accordion";
+import { anatomy as accordionAnatomy } from "@wirekyt/dom/machines/accordion";
+//#region src/components/accordion/use-context.ts
+const [AccordionProvider, useAccordionContext] = createContext$1({
+	hookName: "useAccordionContext",
+	providerName: "<AccordionProvider />"
+});
+//#endregion
+//#region src/components/accordion/context.tsx
+const AccordionContext = (props) => props.children(useAccordionContext());
+//#endregion
+//#region src/components/accordion/use-item-context.ts
+const [AccordionItemProvider, useAccordionItemContext] = createContext$1({
+	hookName: "useAccordionItemContext",
+	providerName: "<AccordionItemProvider />"
+});
+//#endregion
+//#region src/components/accordion/use-item-props-context.ts
+const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext$1({
+	hookName: "useAccordionItemPropsContext",
+	providerName: "<AccordionItemPropsProvider />"
+});
+//#endregion
+//#region src/components/accordion/item.tsx
+const AccordionItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
+	const accordion = useAccordionContext();
+	const renderStrategyProps = useRenderStrategyContext();
+	const mergedProps = mergeProps$1(() => accordion().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => accordion().getItemState(itemProps));
+	const itemContentProps = accordion().getItemContentProps(itemProps);
+	return <AccordionItemPropsProvider value={itemProps}>
+      <AccordionItemProvider value={itemState}>
+        <collapsible_exports.Root open={itemState().expanded} ids={{ content: itemContentProps.id }} {...renderStrategyProps} {...mergedProps} />
+      </AccordionItemProvider>
+    </AccordionItemPropsProvider>;
+};
+//#endregion
+//#region src/components/accordion/item-content.tsx
+const splitVisibilityProps = createSplitProps();
+const AccordionItemContent = (props) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const itemContentProps = createMemo(() => {
+		const contentProps = accordion().getItemContentProps(itemProps);
+		const [, ownProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+		return ownProps;
+	});
+	const mergedProps = mergeProps$1(() => itemContentProps(), props);
+	return <collapsible_exports.Content {...mergedProps} />;
+};
+//#endregion
+//#region src/components/accordion/item-context.tsx
+const AccordionItemContext = (props) => props.children(useAccordionItemContext());
+//#endregion
+//#region src/components/accordion/item-indicator.tsx
+const AccordionItemIndicator = (props) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const mergedProps = mergeProps$1(() => accordion().getItemIndicatorProps(itemProps), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/accordion/item-trigger.tsx
+const AccordionItemTrigger = (props) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const collapsible = useCollapsibleContext();
+	const [ariaControls, buttonProps] = splitProps(mergeProps$1(() => accordion().getItemTriggerProps(itemProps), props), ["aria-controls"]);
+	return <wire.button {...buttonProps} {...!collapsible().unmounted && ariaControls} />;
+};
+//#endregion
+//#region src/components/accordion/use.ts
+const useAccordion = (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(accordion.machine, machineProps);
+	return createMemo(() => accordion.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/accordion/root.tsx
+const AccordionRoot = (props) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [useAccordionProps, localProps] = createSplitProps()(accordionProps, [
+		"collapsible",
+		"defaultValue",
+		"disabled",
+		"id",
+		"ids",
+		"multiple",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"value"
+	]);
+	const api = useAccordion(useAccordionProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <AccordionProvider value={api}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <wire.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </AccordionProvider>;
+};
+//#endregion
+//#region src/components/accordion/root-provider.tsx
+const AccordionRootProvider = (props) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [{ value: accordion }, localProps] = createSplitProps()(accordionProps, ["value"]);
+	const mergedProps = mergeProps$1(() => accordion().getRootProps(), localProps);
+	return <AccordionProvider value={accordion}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <wire.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </AccordionProvider>;
+};
+//#endregion
+//#region src/components/accordion/accordion.ts
+var accordion_exports = /* @__PURE__ */ __exportAll({
+	Context: () => AccordionContext,
+	Item: () => AccordionItem,
+	ItemContent: () => AccordionItemContent,
+	ItemContext: () => AccordionItemContext,
+	ItemIndicator: () => AccordionItemIndicator,
+	ItemTrigger: () => AccordionItemTrigger,
+	Root: () => AccordionRoot,
+	RootProvider: () => AccordionRootProvider
+});
+//#endregion
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };

package/dist/angle-slider.d.ts

@@ -0,0 +1,72 @@
+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 angleSlider from "@wirekyt/dom/machines/angle-slider";
+import { MarkerProps, anatomy as angleSliderAnatomy } from "@wirekyt/dom/machines/angle-slider";
+//#region src/components/angle-slider/use.d.ts
+interface UseAngleSliderProps extends Optional<Omit<angleSlider.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAngleSliderReturn extends Accessor<angleSlider.Api<PropTypes>> {}
+declare const useAngleSlider: (props?: MaybeAccessor<UseAngleSliderProps>) => UseAngleSliderReturn;
+//#endregion
+//#region src/components/angle-slider/use-context.d.ts
+interface UseAngleSliderContext extends UseAngleSliderReturn {}
+declare const AngleSliderProvider: import("solid-js").ContextProviderComponent<UseAngleSliderContext>, useAngleSliderContext: () => UseAngleSliderContext;
+//#endregion
+//#region src/components/angle-slider/context.d.ts
+interface AngleSliderContextProps {
+  children: (context: UseAngleSliderContext) => JSX.Element;
+}
+declare const AngleSliderContext: (props: AngleSliderContextProps) => JSX.Element;
+//#endregion
+//#region src/components/angle-slider/control.d.ts
+interface AngleSliderControlBaseProps extends PolymorphicProps<"div"> {}
+interface AngleSliderControlProps extends HTMLProps<"div">, AngleSliderControlBaseProps {}
+declare const AngleSliderControl: (props: AngleSliderControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/angle-slider/hidden-input.d.ts
+interface AngleSliderHiddenInputBaseProps extends PolymorphicProps<"input"> {}
+interface AngleSliderHiddenInputProps extends HTMLProps<"input">, AngleSliderHiddenInputBaseProps {}
+declare const AngleSliderHiddenInput: (props: AngleSliderHiddenInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/angle-slider/label.d.ts
+interface AngleSliderLabelBaseProps extends PolymorphicProps<"label"> {}
+interface AngleSliderLabelProps extends HTMLProps<"label">, AngleSliderLabelBaseProps {}
+declare const AngleSliderLabel: (props: AngleSliderLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/angle-slider/marker.d.ts
+interface AngleSliderMarkerBaseProps extends PolymorphicProps<"div">, MarkerProps {}
+interface AngleSliderMarkerProps extends HTMLProps<"div">, AngleSliderMarkerBaseProps {}
+declare const AngleSliderMarker: (props: AngleSliderMarkerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/angle-slider/marker-group.d.ts
+interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps<"div"> {}
+interface AngleSliderMarkerGroupProps extends HTMLProps<"div">, AngleSliderMarkerGroupBaseProps {}
+declare const AngleSliderMarkerGroup: (props: AngleSliderMarkerGroupProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/angle-slider/root.d.ts
+interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps<"div"> {}
+interface AngleSliderRootProps extends HTMLProps<"div">, AngleSliderRootBaseProps {}
+declare const AngleSliderRoot: (props: AngleSliderRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/angle-slider/root-provider.d.ts
+interface RootProviderProps {
+  value: UseAngleSliderReturn;
+}
+interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps<"div"> {}
+interface AngleSliderRootProviderProps extends HTMLProps<"div">, AngleSliderRootProviderBaseProps {}
+declare const AngleSliderRootProvider: (props: AngleSliderRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/angle-slider/thumb.d.ts
+interface AngleSliderThumbBaseProps extends PolymorphicProps<"div"> {}
+interface AngleSliderThumbProps extends HTMLProps<"div">, AngleSliderThumbBaseProps {}
+declare const AngleSliderThumb: (props: AngleSliderThumbProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/angle-slider/value-text.d.ts
+interface AngleSliderValueTextBaseProps extends PolymorphicProps<"div"> {}
+interface AngleSliderValueTextProps extends HTMLProps<"div">, AngleSliderValueTextBaseProps {}
+declare const AngleSliderValueText: (props: AngleSliderValueTextProps) => import("solid-js").JSX.Element;
+declare namespace angle_slider_d_exports {
+  export { AngleSliderContext as Context, AngleSliderContextProps as ContextProps, AngleSliderControl as Control, AngleSliderControlBaseProps as ControlBaseProps, AngleSliderControlProps as ControlProps, AngleSliderHiddenInput as HiddenInput, AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, AngleSliderHiddenInputProps as HiddenInputProps, AngleSliderLabel as Label, AngleSliderLabelBaseProps as LabelBaseProps, AngleSliderLabelProps as LabelProps, AngleSliderMarker as Marker, AngleSliderMarkerBaseProps as MarkerBaseProps, AngleSliderMarkerGroup as MarkerGroup, AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, AngleSliderMarkerGroupProps as MarkerGroupProps, AngleSliderMarkerProps as MarkerProps, AngleSliderRoot as Root, AngleSliderRootBaseProps as RootBaseProps, AngleSliderRootProps as RootProps, AngleSliderRootProvider as RootProvider, AngleSliderRootProviderBaseProps as RootProviderBaseProps, AngleSliderRootProviderProps as RootProviderProps, AngleSliderThumb as Thumb, AngleSliderThumbBaseProps as ThumbBaseProps, AngleSliderThumbProps as ThumbProps, AngleSliderValueText as ValueText, AngleSliderValueTextBaseProps as ValueTextBaseProps, AngleSliderValueTextProps as ValueTextProps };
+}
+//#endregion
+export { angle_slider_d_exports as AngleSlider, AngleSliderContext, type AngleSliderContextProps, AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, AngleSliderMarker, type AngleSliderMarkerBaseProps, AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, type AngleSliderMarkerProps, AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, type UseAngleSliderContext, type UseAngleSliderProps, type UseAngleSliderReturn, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

package/dist/angle-slider.js

@@ -0,0 +1,141 @@
+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, mergeProps as mergeProps$1 } from "solid-js/web";
+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$2(() => api().getControlProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/angle-slider/hidden-input.tsx
+const AngleSliderHiddenInput = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getHiddenInputProps(), props);
+	return createComponent(wire.input, mergedProps);
+};
+//#endregion
+//#region src/components/angle-slider/label.tsx
+const AngleSliderLabel = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(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$2(() => api().getMarkerProps(markerProps), localProps);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/angle-slider/marker-group.tsx
+const AngleSliderMarkerGroup = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getMarkerGroupProps(), props);
+	return createComponent(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$2(() => angleSlider().getRootProps(), localProps);
+	return createComponent(AngleSliderProvider, {
+		value: angleSlider,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/angle-slider/root-provider.tsx
+const AngleSliderRootProvider = (props) => {
+	const [rootProps, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => rootProps.value().getRootProps(), localProps);
+	return createComponent(AngleSliderProvider, {
+		get value() {
+			return rootProps.value;
+		},
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/angle-slider/thumb.tsx
+const AngleSliderThumb = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getThumbProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/angle-slider/value-text.tsx
+const AngleSliderValueText = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getValueTextProps(), props);
+	return createComponent(wire.div, mergeProps$1(mergedProps, { get children() {
+		return props.children || api().valueAsDegree;
+	} }));
+};
+//#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 };