@wirekyt/solid 0.0.1 → 0.0.2

package/dist/rating-group.d.ts

@@ -0,0 +1,67 @@
+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 ratingGroup from "@wirekyt/dom/machines/rating-group";
+import { HoverChangeDetails, HoverChangeDetails as RatingGroupHoverChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails, anatomy as ratingGroupAnatomy } from "@wirekyt/dom/machines/rating-group";
+//#region src/components/rating-group/use.d.ts
+interface UseRatingGroupProps extends Optional<Omit<ratingGroup.Props, "dir" | "getRootNode">, "id"> {}
+interface UseRatingGroupReturn extends Accessor<ratingGroup.Api<PropTypes>> {}
+declare const useRatingGroup: (props?: MaybeAccessor<UseRatingGroupProps>) => UseRatingGroupReturn;
+//#endregion
+//#region src/components/rating-group/use-context.d.ts
+interface UseRatingGroupContext extends UseRatingGroupReturn {}
+declare const RatingGroupProvider: import("solid-js").ContextProviderComponent<UseRatingGroupContext>, useRatingGroupContext: () => UseRatingGroupContext;
+//#endregion
+//#region src/components/rating-group/context.d.ts
+interface RatingGroupContextProps {
+  children: (context: UseRatingGroupContext) => JSX.Element;
+}
+declare const RatingGroupContext: (props: RatingGroupContextProps) => JSX.Element;
+//#endregion
+//#region src/components/rating-group/control.d.ts
+interface RatingGroupControlBaseProps extends PolymorphicProps<"div"> {}
+interface RatingGroupControlProps extends HTMLProps<"div">, RatingGroupControlBaseProps {}
+declare const RatingGroupControl: (props: RatingGroupControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/rating-group/hidden-input.d.ts
+interface RatingGroupHiddenInputBaseProps extends PolymorphicProps<"input"> {}
+interface RatingGroupHiddenInputProps extends HTMLProps<"input">, RatingGroupHiddenInputBaseProps {}
+declare const RatingGroupHiddenInput: (props: RatingGroupHiddenInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/rating-group/item.d.ts
+interface RatingGroupItemBaseProps extends ItemProps, PolymorphicProps<"span"> {}
+interface RatingGroupItemProps extends HTMLProps<"span">, RatingGroupItemBaseProps {}
+declare const RatingGroupItem: (props: RatingGroupItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/rating-group/use-item-context.d.ts
+interface UseRatingGroupItemContext extends Accessor<ItemState> {}
+declare const RatingGroupItemProvider: import("solid-js").ContextProviderComponent<UseRatingGroupItemContext>, useRatingGroupItemContext: () => UseRatingGroupItemContext;
+//#endregion
+//#region src/components/rating-group/item-context.d.ts
+interface RatingGroupItemContextProps {
+  children: (context: UseRatingGroupItemContext) => JSX.Element;
+}
+declare const RatingGroupItemContext: (props: RatingGroupItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/rating-group/label.d.ts
+interface RatingGroupLabelBaseProps extends PolymorphicProps<"label"> {}
+interface RatingGroupLabelProps extends HTMLProps<"label">, RatingGroupLabelBaseProps {}
+declare const RatingGroupLabel: (props: RatingGroupLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/rating-group/root.d.ts
+interface RatingGroupRootBaseProps extends UseRatingGroupProps, PolymorphicProps<"div"> {}
+interface RatingGroupRootProps extends HTMLProps<"div">, RatingGroupRootBaseProps {}
+declare const RatingGroupRoot: (props: RatingGroupRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/rating-group/root-provider.d.ts
+interface RootProviderProps {
+  value: UseRatingGroupReturn;
+}
+interface RatingGroupRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface RatingGroupRootProviderProps extends HTMLProps<"div">, RootProviderProps, RatingGroupRootProviderBaseProps {}
+declare const RatingGroupRootProvider: (props: RatingGroupRootProviderProps) => import("solid-js").JSX.Element;
+declare namespace rating_group_d_exports {
+  export { RatingGroupContext as Context, RatingGroupContextProps as ContextProps, RatingGroupControl as Control, RatingGroupControlBaseProps as ControlBaseProps, RatingGroupControlProps as ControlProps, RatingGroupHiddenInput as HiddenInput, RatingGroupHiddenInputBaseProps as HiddenInputBaseProps, RatingGroupHiddenInputProps as HiddenInputProps, HoverChangeDetails, RatingGroupItem as Item, RatingGroupItemBaseProps as ItemBaseProps, RatingGroupItemContext as ItemContext, RatingGroupItemContextProps as ItemContextProps, RatingGroupItemProps as ItemProps, RatingGroupLabel as Label, RatingGroupLabelBaseProps as LabelBaseProps, RatingGroupLabelProps as LabelProps, RatingGroupRoot as Root, RatingGroupRootBaseProps as RootBaseProps, RatingGroupRootProps as RootProps, RatingGroupRootProvider as RootProvider, RatingGroupRootProviderBaseProps as RootProviderBaseProps, RatingGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { rating_group_d_exports as RatingGroup, RatingGroupContext, type RatingGroupContextProps, RatingGroupControl, type RatingGroupControlBaseProps, type RatingGroupControlProps, RatingGroupHiddenInput, type RatingGroupHiddenInputBaseProps, type RatingGroupHiddenInputProps, type RatingGroupHoverChangeDetails, RatingGroupItem, type RatingGroupItemBaseProps, RatingGroupItemContext, type RatingGroupItemContextProps, type RatingGroupItemProps, RatingGroupLabel, type RatingGroupLabelBaseProps, type RatingGroupLabelProps, RatingGroupRoot, type RatingGroupRootBaseProps, type RatingGroupRootProps, RatingGroupRootProvider, type RatingGroupRootProviderBaseProps, type RatingGroupRootProviderProps, type RatingGroupValueChangeDetails, type UseRatingGroupContext, type UseRatingGroupItemContext, type UseRatingGroupProps, type UseRatingGroupReturn, ratingGroupAnatomy, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };

package/dist/rating-group.js

@@ -0,0 +1,142 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { h as useFieldContext } from "./field-CQr_Dibp.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as ratingGroup from "@wirekyt/dom/machines/rating-group";
+import { anatomy as ratingGroupAnatomy } from "@wirekyt/dom/machines/rating-group";
+//#region src/components/rating-group/use-context.ts
+const [RatingGroupProvider, useRatingGroupContext] = createContext$1({
+	hookName: "useRatingGroupContext",
+	providerName: "<RatingGroupProvider />"
+});
+//#endregion
+//#region src/components/rating-group/context.tsx
+const RatingGroupContext = (props) => props.children(useRatingGroupContext());
+//#endregion
+//#region src/components/rating-group/control.tsx
+const RatingGroupControl = (props) => {
+	const ratingGroup = useRatingGroupContext();
+	const mergedProps = mergeProps$2(() => ratingGroup().getControlProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/rating-group/hidden-input.tsx
+const RatingGroupHiddenInput = (props) => {
+	const ratingGroup = useRatingGroupContext();
+	const mergedProps = mergeProps$2(() => ratingGroup().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(wire.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+//#endregion
+//#region src/components/rating-group/use-item-context.ts
+const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext$1({
+	hookName: "useRatingGroupItemContext",
+	providerName: "<RatingGroupItemProvider />"
+});
+//#endregion
+//#region src/components/rating-group/item.tsx
+const RatingGroupItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const api = useRatingGroupContext();
+	const mergedProps = mergeProps$2(() => api().getItemProps(itemProps), localProps);
+	return createComponent(RatingGroupItemProvider, {
+		value: createMemo(() => api().getItemState(itemProps)),
+		get children() {
+			return createComponent(wire.span, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/rating-group/item-context.tsx
+const RatingGroupItemContext = (props) => props.children(useRatingGroupItemContext());
+//#endregion
+//#region src/components/rating-group/label.tsx
+const RatingGroupLabel = (props) => {
+	const api = useRatingGroupContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(wire.label, mergedProps);
+};
+//#endregion
+//#region src/components/rating-group/use.ts
+const useRatingGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(ratingGroup.machine, machineProps);
+	return createMemo(() => ratingGroup.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/rating-group/root.tsx
+const RatingGroupRoot = (props) => {
+	const [useRatingProps, localProps] = createSplitProps()(props, [
+		"allowHalf",
+		"autoFocus",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"name",
+		"onHoverChange",
+		"onValueChange",
+		"readOnly",
+		"required",
+		"translations",
+		"value"
+	]);
+	const api = useRatingGroup(useRatingProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(RatingGroupProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/rating-group/root-provider.tsx
+const RatingGroupRootProvider = (props) => {
+	const [{ value: ratingGroup }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => ratingGroup().getRootProps(), localProps);
+	return createComponent(RatingGroupProvider, {
+		value: ratingGroup,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/rating-group/rating-group.ts
+var rating_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => RatingGroupContext,
+	Control: () => RatingGroupControl,
+	HiddenInput: () => RatingGroupHiddenInput,
+	Item: () => RatingGroupItem,
+	ItemContext: () => RatingGroupItemContext,
+	Label: () => RatingGroupLabel,
+	Root: () => RatingGroupRoot,
+	RootProvider: () => RatingGroupRootProvider
+});
+//#endregion
+export { rating_group_exports as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, ratingGroupAnatomy, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };

package/dist/rating-group.jsx

@@ -0,0 +1,131 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { h as useFieldContext } from "./field-R5jVNdtK.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as ratingGroup from "@wirekyt/dom/machines/rating-group";
+import { anatomy as ratingGroupAnatomy } from "@wirekyt/dom/machines/rating-group";
+//#region src/components/rating-group/use-context.ts
+const [RatingGroupProvider, useRatingGroupContext] = createContext$1({
+	hookName: "useRatingGroupContext",
+	providerName: "<RatingGroupProvider />"
+});
+//#endregion
+//#region src/components/rating-group/context.tsx
+const RatingGroupContext = (props) => props.children(useRatingGroupContext());
+//#endregion
+//#region src/components/rating-group/control.tsx
+const RatingGroupControl = (props) => {
+	const ratingGroup = useRatingGroupContext();
+	const mergedProps = mergeProps$1(() => ratingGroup().getControlProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/rating-group/hidden-input.tsx
+const RatingGroupHiddenInput = (props) => {
+	const ratingGroup = useRatingGroupContext();
+	const mergedProps = mergeProps$1(() => ratingGroup().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <wire.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+//#endregion
+//#region src/components/rating-group/use-item-context.ts
+const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext$1({
+	hookName: "useRatingGroupItemContext",
+	providerName: "<RatingGroupItemProvider />"
+});
+//#endregion
+//#region src/components/rating-group/item.tsx
+const RatingGroupItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const api = useRatingGroupContext();
+	const mergedProps = mergeProps$1(() => api().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => api().getItemState(itemProps));
+	return <RatingGroupItemProvider value={itemState}>
+      <wire.span {...mergedProps} />
+    </RatingGroupItemProvider>;
+};
+//#endregion
+//#region src/components/rating-group/item-context.tsx
+const RatingGroupItemContext = (props) => props.children(useRatingGroupItemContext());
+//#endregion
+//#region src/components/rating-group/label.tsx
+const RatingGroupLabel = (props) => {
+	const api = useRatingGroupContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <wire.label {...mergedProps} />;
+};
+//#endregion
+//#region src/components/rating-group/use.ts
+const useRatingGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(ratingGroup.machine, machineProps);
+	return createMemo(() => ratingGroup.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/rating-group/root.tsx
+const RatingGroupRoot = (props) => {
+	const [useRatingProps, localProps] = createSplitProps()(props, [
+		"allowHalf",
+		"autoFocus",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"name",
+		"onHoverChange",
+		"onValueChange",
+		"readOnly",
+		"required",
+		"translations",
+		"value"
+	]);
+	const api = useRatingGroup(useRatingProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <RatingGroupProvider value={api}>
+      <wire.div {...mergedProps} />
+    </RatingGroupProvider>;
+};
+//#endregion
+//#region src/components/rating-group/root-provider.tsx
+const RatingGroupRootProvider = (props) => {
+	const [{ value: ratingGroup }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => ratingGroup().getRootProps(), localProps);
+	return <RatingGroupProvider value={ratingGroup}>
+      <wire.div {...mergedProps} />
+    </RatingGroupProvider>;
+};
+//#endregion
+//#region src/components/rating-group/rating-group.ts
+var rating_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => RatingGroupContext,
+	Control: () => RatingGroupControl,
+	HiddenInput: () => RatingGroupHiddenInput,
+	Item: () => RatingGroupItem,
+	ItemContext: () => RatingGroupItemContext,
+	Label: () => RatingGroupLabel,
+	Root: () => RatingGroupRoot,
+	RootProvider: () => RatingGroupRootProvider
+});
+//#endregion
+export { rating_group_exports as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, ratingGroupAnatomy, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };

package/dist/rolldown-runtime-D7D4PA-g.js

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll as t };

package/dist/rolldown-runtime-D7D4PA-g.jsx

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll as t };

package/dist/run-if-fn-CjvD7VzQ.js

@@ -0,0 +1,5 @@
+//#region src/utils/run-if-fn.ts
+const isFunction = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+//#endregion
+export { runIfFn as t };

package/dist/run-if-fn-CjvD7VzQ.jsx

@@ -0,0 +1,5 @@
+//#region src/utils/run-if-fn.ts
+const isFunction = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+//#endregion
+export { runIfFn as t };

package/dist/scroll-area.d.ts

@@ -0,0 +1,61 @@
+import { a as Optional, n as Assign, 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 scrollArea from "@wirekyt/dom/machines/scroll-area";
+import { ElementIds, ElementIds as ScrollAreaElementIds, ScrollToDetails, ScrollToDetails as ScrollAreaScrollToDetails, ScrollToEdge as ScrollAreaScrollToEdge, ScrollToEdgeDetails, ScrollToEdgeDetails as ScrollAreaScrollToEdgeDetails, ScrollbarProps, ScrollbarState as ScrollAreaScrollbarState, anatomy as scrollAreaAnatomy } from "@wirekyt/dom/machines/scroll-area";
+//#region src/components/scroll-area/use.d.ts
+interface UseScrollAreaProps extends Optional<Omit<scrollArea.Props, "dir" | "getRootNode">, "id"> {}
+interface UseScrollAreaReturn extends Accessor<scrollArea.Api<PropTypes>> {}
+declare const useScrollArea: (props?: UseScrollAreaProps) => UseScrollAreaReturn;
+//#endregion
+//#region src/components/scroll-area/use-context.d.ts
+interface UseScrollAreaContext extends UseScrollAreaReturn {}
+declare const ScrollAreaProvider: import("solid-js").ContextProviderComponent<UseScrollAreaContext>, useScrollAreaContext: () => UseScrollAreaContext;
+//#endregion
+//#region src/components/scroll-area/context.d.ts
+interface ScrollAreaContextProps {
+  children: (context: UseScrollAreaContext) => JSX.Element;
+}
+declare function ScrollAreaContext(props: ScrollAreaContextProps): JSX.Element;
+//#endregion
+//#region src/components/scroll-area/content.d.ts
+interface ScrollAreaContentBaseProps extends PolymorphicProps<"div"> {}
+interface ScrollAreaContentProps extends Assign<HTMLProps<"div">, ScrollAreaContentBaseProps> {}
+declare const ScrollAreaContent: (props: ScrollAreaContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/scroll-area/corner.d.ts
+interface ScrollAreaCornerBaseProps extends PolymorphicProps<"div"> {}
+interface ScrollAreaCornerProps extends Assign<HTMLProps<"div">, ScrollAreaCornerBaseProps> {}
+declare const ScrollAreaCorner: (props: ScrollAreaCornerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/scroll-area/root.d.ts
+interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps<"div"> {}
+interface ScrollAreaRootProps extends Assign<HTMLProps<"div">, ScrollAreaRootBaseProps> {}
+declare const ScrollAreaRoot: (props: ScrollAreaRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/scroll-area/root-provider.d.ts
+interface ScrollAreaRootProviderBaseProps extends PolymorphicProps<"div"> {
+  value: UseScrollAreaContext;
+}
+interface ScrollAreaRootProviderProps extends Assign<HTMLProps<"div">, ScrollAreaRootProviderBaseProps> {}
+declare const ScrollAreaRootProvider: (props: ScrollAreaRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/scroll-area/scrollbar.d.ts
+interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps<"div"> {}
+interface ScrollAreaScrollbarProps extends Assign<HTMLProps<"div">, ScrollAreaScrollbarBaseProps> {}
+declare const ScrollAreaScrollbar: (props: ScrollAreaScrollbarProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/scroll-area/thumb.d.ts
+interface ScrollAreaThumbBaseProps extends PolymorphicProps<"div"> {}
+interface ScrollAreaThumbProps extends Assign<HTMLProps<"div">, ScrollAreaThumbBaseProps> {}
+declare const ScrollAreaThumb: (props: ScrollAreaThumbProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/scroll-area/viewport.d.ts
+interface ScrollAreaViewportBaseProps extends PolymorphicProps<"div"> {}
+interface ScrollAreaViewportProps extends Assign<HTMLProps<"div">, ScrollAreaViewportBaseProps> {}
+declare const ScrollAreaViewport: (props: ScrollAreaViewportProps) => import("solid-js").JSX.Element;
+declare namespace scroll_area_d_exports {
+  export { ScrollAreaContent as Content, ScrollAreaContentBaseProps as ContentBaseProps, ScrollAreaContentProps as ContentProps, ScrollAreaContext as Context, ScrollAreaContextProps as ContextProps, ScrollAreaCorner as Corner, ScrollAreaCornerBaseProps as CornerBaseProps, ScrollAreaCornerProps as CornerProps, ElementIds, ScrollAreaRoot as Root, ScrollAreaRootBaseProps as RootBaseProps, ScrollAreaRootProps as RootProps, ScrollAreaRootProvider as RootProvider, ScrollAreaRootProviderBaseProps as RootProviderBaseProps, ScrollAreaRootProviderProps as RootProviderProps, ScrollToDetails, ScrollToEdgeDetails, ScrollAreaScrollbar as Scrollbar, ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, ScrollAreaScrollbarProps as ScrollbarProps, ScrollAreaThumb as Thumb, ScrollAreaThumbBaseProps as ThumbBaseProps, ScrollAreaThumbProps as ThumbProps, ScrollAreaViewport as Viewport, ScrollAreaViewportBaseProps as ViewportBaseProps, ScrollAreaViewportProps as ViewportProps };
+}
+//#endregion
+export { scroll_area_d_exports as ScrollArea, ScrollAreaContent, type ScrollAreaContentBaseProps, type ScrollAreaContentProps, ScrollAreaContext, type ScrollAreaContextProps, ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps, type ScrollAreaElementIds, ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps, ScrollAreaRootProvider, type ScrollAreaRootProviderBaseProps, type ScrollAreaRootProviderProps, type ScrollAreaScrollToDetails, type ScrollAreaScrollToEdge, type ScrollAreaScrollToEdgeDetails, ScrollAreaScrollbar, type ScrollAreaScrollbarBaseProps, type ScrollAreaScrollbarProps, type ScrollAreaScrollbarState, ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportBaseProps, type ScrollAreaViewportProps, type UseScrollAreaContext, type UseScrollAreaProps, type UseScrollAreaReturn, scrollAreaAnatomy, useScrollArea, useScrollAreaContext };

package/dist/scroll-area.js

@@ -0,0 +1,119 @@
+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 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 scrollArea from "@wirekyt/dom/machines/scroll-area";
+import { anatomy as scrollAreaAnatomy } from "@wirekyt/dom/machines/scroll-area";
+//#region src/components/scroll-area/use-context.ts
+const [ScrollAreaProvider, useScrollAreaContext] = createContext$1({
+	hookName: "useScrollAreaContext",
+	providerName: "<ScrollAreaProvider />"
+});
+//#endregion
+//#region src/components/scroll-area/context.tsx
+function ScrollAreaContext(props) {
+	return props.children(useScrollAreaContext());
+}
+//#endregion
+//#region src/components/scroll-area/content.tsx
+const ScrollAreaContent = (props) => {
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps$2(() => scrollArea().getContentProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/scroll-area/corner.tsx
+const ScrollAreaCorner = (props) => {
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps$2(() => scrollArea().getCornerProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/scroll-area/use.ts
+const useScrollArea = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...props
+	}));
+	const service = useMachine(scrollArea.machine, machineProps);
+	return createMemo(() => scrollArea.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/scroll-area/root.tsx
+const ScrollAreaRoot = (props) => {
+	const [useScrollAreaProps, localProps] = createSplitProps()(props, ["id", "ids"]);
+	const scrollArea = useScrollArea(useScrollAreaProps);
+	const mergedProps = mergeProps$2(() => scrollArea().getRootProps(), localProps);
+	return createComponent(ScrollAreaProvider, {
+		value: scrollArea,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/scroll-area/root-provider.tsx
+const ScrollAreaRootProvider = (props) => {
+	const { value, children, ...localProps } = props;
+	return createComponent(ScrollAreaProvider, {
+		value,
+		get children() {
+			return createComponent(wire.div, mergeProps$1(localProps, { children }));
+		}
+	});
+};
+//#endregion
+//#region src/components/scroll-area/use-scrollbar-context.ts
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext$1({
+	hookName: "useScrollAreaScrollbarContext",
+	providerName: "<ScrollAreaScrollbarProvider />"
+});
+//#endregion
+//#region src/components/scroll-area/scrollbar.tsx
+const ScrollAreaScrollbar = (props) => {
+	const [scrollbarProps, localProps] = createSplitProps()(props, ["orientation"]);
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps$2(() => scrollArea().getScrollbarProps(scrollbarProps), localProps);
+	return createComponent(ScrollAreaScrollbarProvider, {
+		value: scrollbarProps,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/scroll-area/thumb.tsx
+const ScrollAreaThumb = (props) => {
+	const scrollAreaApi = useScrollAreaContext();
+	const scrollbarProps = useScrollAreaScrollbarContext();
+	const mergedProps = mergeProps$2(() => scrollAreaApi().getThumbProps(scrollbarProps), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/scroll-area/viewport.tsx
+const ScrollAreaViewport = (props) => {
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps$2(() => scrollArea().getViewportProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/scroll-area/scroll-area.ts
+var scroll_area_exports = /* @__PURE__ */ __exportAll({
+	Content: () => ScrollAreaContent,
+	Context: () => ScrollAreaContext,
+	Corner: () => ScrollAreaCorner,
+	Root: () => ScrollAreaRoot,
+	RootProvider: () => ScrollAreaRootProvider,
+	Scrollbar: () => ScrollAreaScrollbar,
+	Thumb: () => ScrollAreaThumb,
+	Viewport: () => ScrollAreaViewport
+});
+//#endregion
+export { scroll_area_exports as ScrollArea, ScrollAreaContent, ScrollAreaContext, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaRootProvider, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, scrollAreaAnatomy, useScrollArea, useScrollAreaContext };