@wirekyt/react 0.0.1 → 0.0.3

package/dist/scroll-area.cjs

@@ -0,0 +1,166 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_scroll_area = require("@wirekyt/dom/machines/scroll-area");
+_wirekyt_dom_machines_scroll_area = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_scroll_area, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/scroll-area/use-context.ts
+const [ScrollAreaProvider, useScrollAreaContext] = require_utils.createContext({
+	name: "ScrollAreaContext",
+	hookName: "useScrollAreaContext",
+	providerName: "<ScrollAreaProvider />"
+});
+//#endregion
+//#region src/components/scroll-area/context.tsx
+const ScrollAreaContext = (props) => props.children(useScrollAreaContext());
+//#endregion
+//#region src/components/scroll-area/content.tsx
+const ScrollAreaContent = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useScrollAreaContext().getContentProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaContent.displayName = "ScrollAreaContent";
+//#endregion
+//#region src/components/scroll-area/corner.tsx
+const ScrollAreaCorner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useScrollAreaContext().getCornerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+//#endregion
+//#region src/components/scroll-area/use.ts
+const useScrollArea = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_scroll_area.machine, context);
+	return _wirekyt_dom_machines_scroll_area.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/scroll-area/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const ScrollAreaRoot = (0, react.forwardRef)((props, ref) => {
+	const [useScrollAreaProps, localProps] = splitRootProps(props, ["id", "ids"]);
+	const scrollArea = useScrollArea(useScrollAreaProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(scrollArea.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaProvider, {
+		value: scrollArea,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaRoot.displayName = "ScrollAreaRoot";
+//#endregion
+//#region src/components/scroll-area/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const ScrollAreaRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: scrollArea }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(scrollArea.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaProvider, {
+		value: scrollArea,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaRootProvider.displayName = "ScrollAreaRootProvider";
+//#endregion
+//#region src/components/scroll-area/use-scrollbar-context.ts
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = require_utils.createContext({
+	name: "ScrollAreaScrollbarContext",
+	hookName: "useScrollAreaScrollbarContext",
+	providerName: "<ScrollAreaScrollbarProvider />"
+});
+//#endregion
+//#region src/components/scroll-area/scrollbar.tsx
+const splitScrollbarProps = require_utils.createSplitProps();
+const ScrollAreaScrollbar = (0, react.forwardRef)((props, ref) => {
+	const [scrollbarProps, localProps] = splitScrollbarProps(props, ["orientation"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useScrollAreaContext().getScrollbarProps(scrollbarProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarProvider, {
+		value: scrollbarProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+//#endregion
+//#region src/components/scroll-area/thumb.tsx
+const ScrollAreaThumb = (0, react.forwardRef)((props, ref) => {
+	const scrollAreaApi = useScrollAreaContext();
+	const scrollbarProps = useScrollAreaScrollbarContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(scrollAreaApi.getThumbProps(scrollbarProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaThumb.displayName = "ScrollAreaThumb";
+//#endregion
+//#region src/components/scroll-area/viewport.tsx
+const ScrollAreaViewport = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useScrollAreaContext().getViewportProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaViewport.displayName = "ScrollAreaViewport";
+//#endregion
+//#region src/components/scroll-area/scroll-area.ts
+var scroll_area_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Content: () => ScrollAreaContent,
+	Context: () => ScrollAreaContext,
+	Corner: () => ScrollAreaCorner,
+	Root: () => ScrollAreaRoot,
+	RootProvider: () => ScrollAreaRootProvider,
+	Scrollbar: () => ScrollAreaScrollbar,
+	Thumb: () => ScrollAreaThumb,
+	Viewport: () => ScrollAreaViewport
+});
+//#endregion
+Object.defineProperty(exports, "ScrollArea", {
+	enumerable: true,
+	get: function() {
+		return scroll_area_exports;
+	}
+});
+exports.ScrollAreaContent = ScrollAreaContent;
+exports.ScrollAreaContext = ScrollAreaContext;
+exports.ScrollAreaCorner = ScrollAreaCorner;
+exports.ScrollAreaRoot = ScrollAreaRoot;
+exports.ScrollAreaRootProvider = ScrollAreaRootProvider;
+exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
+exports.ScrollAreaThumb = ScrollAreaThumb;
+exports.ScrollAreaViewport = ScrollAreaViewport;
+Object.defineProperty(exports, "scrollAreaAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_scroll_area.anatomy;
+	}
+});
+exports.useScrollArea = useScrollArea;
+exports.useScrollAreaContext = useScrollAreaContext;

package/dist/scroll-area.d.cts

@@ -0,0 +1,67 @@
+import { a as PropTypes$1 } from "./index-CQAbOgb7.cjs";
+import { r as Optional } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+import { Orientation } from "@wirekyt/dom/types";
+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, 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 scrollArea.Api<PropTypes$1> {}
+declare const useScrollArea: (props?: UseScrollAreaProps) => UseScrollAreaReturn;
+//#endregion
+//#region src/components/scroll-area/use-context.d.ts
+interface UseScrollAreaContext extends UseScrollAreaReturn {}
+declare const ScrollAreaProvider: import("react").Provider<UseScrollAreaContext>, useScrollAreaContext: () => UseScrollAreaContext;
+//#endregion
+//#region src/components/scroll-area/context.d.ts
+interface ScrollAreaContextProps {
+  children: (context: UseScrollAreaContext) => ReactNode;
+}
+declare const ScrollAreaContext: (props: ScrollAreaContextProps) => ReactNode;
+//#endregion
+//#region src/components/scroll-area/content.d.ts
+interface ScrollAreaContentBaseProps extends PolymorphicProps {}
+interface ScrollAreaContentProps extends HTMLProps<"div">, ScrollAreaContentBaseProps {}
+declare const ScrollAreaContent: import("react").ForwardRefExoticComponent<ScrollAreaContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/corner.d.ts
+interface ScrollAreaCornerBaseProps extends PolymorphicProps {}
+interface ScrollAreaCornerProps extends HTMLProps<"div">, ScrollAreaCornerBaseProps {}
+declare const ScrollAreaCorner: import("react").ForwardRefExoticComponent<ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/root.d.ts
+interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps {}
+interface ScrollAreaRootProps extends HTMLProps<"div">, ScrollAreaRootBaseProps {}
+declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/root-provider.d.ts
+interface RootProviderProps {
+  value: UseScrollAreaReturn;
+}
+interface ScrollAreaRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ScrollAreaRootProviderProps extends HTMLProps<"div">, ScrollAreaRootProviderBaseProps {}
+declare const ScrollAreaRootProvider: import("react").ForwardRefExoticComponent<ScrollAreaRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/scrollbar.d.ts
+interface ScrollbarProps {
+  orientation?: Orientation;
+}
+interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps {}
+interface ScrollAreaScrollbarProps extends HTMLProps<"div">, ScrollAreaScrollbarBaseProps {}
+declare const ScrollAreaScrollbar: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/thumb.d.ts
+interface ScrollAreaThumbBaseProps extends PolymorphicProps {}
+interface ScrollAreaThumbProps extends HTMLProps<"div">, ScrollAreaThumbBaseProps {}
+declare const ScrollAreaThumb: import("react").ForwardRefExoticComponent<ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/viewport.d.ts
+interface ScrollAreaViewportBaseProps extends PolymorphicProps {}
+interface ScrollAreaViewportProps extends HTMLProps<"div">, ScrollAreaViewportBaseProps {}
+declare const ScrollAreaViewport: import("react").ForwardRefExoticComponent<ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+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.d.ts

@@ -0,0 +1,67 @@
+import { a as PropTypes$1 } from "./index-CxWYgVJk.js";
+import { r as Optional } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+import { Orientation } from "@wirekyt/dom/types";
+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, 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 scrollArea.Api<PropTypes$1> {}
+declare const useScrollArea: (props?: UseScrollAreaProps) => UseScrollAreaReturn;
+//#endregion
+//#region src/components/scroll-area/use-context.d.ts
+interface UseScrollAreaContext extends UseScrollAreaReturn {}
+declare const ScrollAreaProvider: import("react").Provider<UseScrollAreaContext>, useScrollAreaContext: () => UseScrollAreaContext;
+//#endregion
+//#region src/components/scroll-area/context.d.ts
+interface ScrollAreaContextProps {
+  children: (context: UseScrollAreaContext) => ReactNode;
+}
+declare const ScrollAreaContext: (props: ScrollAreaContextProps) => ReactNode;
+//#endregion
+//#region src/components/scroll-area/content.d.ts
+interface ScrollAreaContentBaseProps extends PolymorphicProps {}
+interface ScrollAreaContentProps extends HTMLProps<"div">, ScrollAreaContentBaseProps {}
+declare const ScrollAreaContent: import("react").ForwardRefExoticComponent<ScrollAreaContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/corner.d.ts
+interface ScrollAreaCornerBaseProps extends PolymorphicProps {}
+interface ScrollAreaCornerProps extends HTMLProps<"div">, ScrollAreaCornerBaseProps {}
+declare const ScrollAreaCorner: import("react").ForwardRefExoticComponent<ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/root.d.ts
+interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps {}
+interface ScrollAreaRootProps extends HTMLProps<"div">, ScrollAreaRootBaseProps {}
+declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/root-provider.d.ts
+interface RootProviderProps {
+  value: UseScrollAreaReturn;
+}
+interface ScrollAreaRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ScrollAreaRootProviderProps extends HTMLProps<"div">, ScrollAreaRootProviderBaseProps {}
+declare const ScrollAreaRootProvider: import("react").ForwardRefExoticComponent<ScrollAreaRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/scrollbar.d.ts
+interface ScrollbarProps {
+  orientation?: Orientation;
+}
+interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps {}
+interface ScrollAreaScrollbarProps extends HTMLProps<"div">, ScrollAreaScrollbarBaseProps {}
+declare const ScrollAreaScrollbar: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/thumb.d.ts
+interface ScrollAreaThumbBaseProps extends PolymorphicProps {}
+interface ScrollAreaThumbProps extends HTMLProps<"div">, ScrollAreaThumbBaseProps {}
+declare const ScrollAreaThumb: import("react").ForwardRefExoticComponent<ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/scroll-area/viewport.d.ts
+interface ScrollAreaViewportBaseProps extends PolymorphicProps {}
+interface ScrollAreaViewportProps extends HTMLProps<"div">, ScrollAreaViewportBaseProps {}
+declare const ScrollAreaViewport: import("react").ForwardRefExoticComponent<ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+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,143 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+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({
+	name: "ScrollAreaContext",
+	hookName: "useScrollAreaContext",
+	providerName: "<ScrollAreaProvider />"
+});
+//#endregion
+//#region src/components/scroll-area/context.tsx
+const ScrollAreaContext = (props) => props.children(useScrollAreaContext());
+//#endregion
+//#region src/components/scroll-area/content.tsx
+const ScrollAreaContent = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useScrollAreaContext().getContentProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaContent.displayName = "ScrollAreaContent";
+//#endregion
+//#region src/components/scroll-area/corner.tsx
+const ScrollAreaCorner = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useScrollAreaContext().getCornerProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+//#endregion
+//#region src/components/scroll-area/use.ts
+const useScrollArea = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(scrollArea.machine, context);
+	return scrollArea.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/scroll-area/root.tsx
+const splitRootProps = createSplitProps();
+const ScrollAreaRoot = forwardRef((props, ref) => {
+	const [useScrollAreaProps, localProps] = splitRootProps(props, ["id", "ids"]);
+	const scrollArea = useScrollArea(useScrollAreaProps);
+	const mergedProps = mergeProps(scrollArea.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ScrollAreaProvider, {
+		value: scrollArea,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaRoot.displayName = "ScrollAreaRoot";
+//#endregion
+//#region src/components/scroll-area/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const ScrollAreaRootProvider = forwardRef((props, ref) => {
+	const [{ value: scrollArea }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(scrollArea.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ScrollAreaProvider, {
+		value: scrollArea,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaRootProvider.displayName = "ScrollAreaRootProvider";
+//#endregion
+//#region src/components/scroll-area/use-scrollbar-context.ts
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext$1({
+	name: "ScrollAreaScrollbarContext",
+	hookName: "useScrollAreaScrollbarContext",
+	providerName: "<ScrollAreaScrollbarProvider />"
+});
+//#endregion
+//#region src/components/scroll-area/scrollbar.tsx
+const splitScrollbarProps = createSplitProps();
+const ScrollAreaScrollbar = forwardRef((props, ref) => {
+	const [scrollbarProps, localProps] = splitScrollbarProps(props, ["orientation"]);
+	const mergedProps = mergeProps(useScrollAreaContext().getScrollbarProps(scrollbarProps), localProps);
+	return /* @__PURE__ */ jsx(ScrollAreaScrollbarProvider, {
+		value: scrollbarProps,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+//#endregion
+//#region src/components/scroll-area/thumb.tsx
+const ScrollAreaThumb = forwardRef((props, ref) => {
+	const scrollAreaApi = useScrollAreaContext();
+	const scrollbarProps = useScrollAreaScrollbarContext();
+	const mergedProps = mergeProps(scrollAreaApi.getThumbProps(scrollbarProps), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaThumb.displayName = "ScrollAreaThumb";
+//#endregion
+//#region src/components/scroll-area/viewport.tsx
+const ScrollAreaViewport = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useScrollAreaContext().getViewportProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaViewport.displayName = "ScrollAreaViewport";
+//#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 };

package/dist/segment-group.cjs

@@ -0,0 +1,215 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_radio_group = require("@wirekyt/dom/machines/radio-group");
+_wirekyt_dom_machines_radio_group = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_radio_group, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/segment-group/use-context.ts
+const [SegmentGroupProvider, useSegmentGroupContext] = require_utils.createContext({
+	name: "SegmentGroupContext",
+	hookName: "useSegmentGroupContext",
+	providerName: "<SegmentGroupProvider />"
+});
+//#endregion
+//#region src/components/segment-group/context.tsx
+const SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
+//#endregion
+//#region src/components/segment-group/anatomy.ts
+const segmentGroupAnatomy = _wirekyt_dom_machines_radio_group.anatomy.rename("segment-group");
+const parts = segmentGroupAnatomy.build();
+//#endregion
+//#region src/components/segment-group/indicator.tsx
+const SegmentGroupIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSegmentGroupContext().getIndicatorProps(), parts.indicator.attrs, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SegmentGroupIndicator.displayName = "SegmentGroupIndicator";
+//#endregion
+//#region src/components/segment-group/use-item-context.ts
+const [SegmentGroupItemProvider, useSegmentGroupItemContext] = require_utils.createContext({
+	name: "SegmentGroupItemContext",
+	hookName: "useSegmentGroupItemContext",
+	providerName: "<SegmentGroupItemProvider />"
+});
+//#endregion
+//#region src/components/segment-group/use-item-props-context.ts
+const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = require_utils.createContext({
+	name: "SegmentGroupItemPropsContext",
+	hookName: "useSegmentGroupItemPropsContext",
+	providerName: "<SegmentGroupItemPropsProvider />"
+});
+//#endregion
+//#region src/components/segment-group/item.tsx
+const splitItemProps = require_utils.createSplitProps();
+const SegmentGroupItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, [
+		"value",
+		"disabled",
+		"invalid"
+	]);
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(segmentGroup.getItemProps(itemProps), parts.item.attrs, localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentGroupItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentGroupItemProvider, {
+			value: segmentGroup.getItemState(itemProps),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.label, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+SegmentGroupItem.displayName = "SegmentGroupItem";
+//#endregion
+//#region src/components/segment-group/item-context.tsx
+const SegmentGroupItemContext = (props) => props.children(useSegmentGroupItemContext());
+//#endregion
+//#region src/components/segment-group/item-control.tsx
+const SegmentGroupItemControl = (0, react.forwardRef)((props, ref) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(segmentGroup.getItemControlProps(itemProps), parts.itemControl.attrs, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SegmentGroupItemControl.displayName = "SegmentGroupItemControl";
+//#endregion
+//#region src/components/segment-group/item-hidden-input.tsx
+const SegmentGroupItemHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(segmentGroup.getItemHiddenInputProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+SegmentGroupItemHiddenInput.displayName = "SegmentGroupItemHiddenInput";
+//#endregion
+//#region src/components/segment-group/item-text.tsx
+const SegmentGroupItemText = (0, react.forwardRef)((props, ref) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(segmentGroup.getItemTextProps(itemProps), parts.itemText.attrs, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...mergedProps,
+		ref
+	});
+});
+SegmentGroupItemText.displayName = "SegmentGroupItemText";
+//#endregion
+//#region src/components/segment-group/label.tsx
+const SegmentGroupLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSegmentGroupContext().getLabelProps(), parts.label.attrs, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...mergedProps,
+		ref
+	});
+});
+SegmentGroupLabel.displayName = "SegmentGroupLabel";
+//#endregion
+//#region src/components/segment-group/use.ts
+const useSegmentGroup = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_radio_group.machine, machineProps);
+	return _wirekyt_dom_machines_radio_group.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/segment-group/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const SegmentGroupRoot = (0, react.forwardRef)((props, ref) => {
+	const [useSegmentGroupProps, localProps] = splitRootProps(props, [
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"name",
+		"onValueChange",
+		"orientation",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const segmentGroup = useSegmentGroup(useSegmentGroupProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(segmentGroup.getRootProps(), parts.root.attrs, localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentGroupProvider, {
+		value: segmentGroup,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SegmentGroupRoot.displayName = "SegmentGroupRoot";
+//#endregion
+//#region src/components/segment-group/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const SegmentGroupRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: segmentGroup }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(segmentGroup.getRootProps(), parts.root.attrs, localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentGroupProvider, {
+		value: segmentGroup,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SegmentGroupRootProvider.displayName = "SegmentGroupRootProvider";
+//#endregion
+//#region src/components/segment-group/segment-group.ts
+var segment_group_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => SegmentGroupContext,
+	Indicator: () => SegmentGroupIndicator,
+	Item: () => SegmentGroupItem,
+	ItemContext: () => SegmentGroupItemContext,
+	ItemControl: () => SegmentGroupItemControl,
+	ItemHiddenInput: () => SegmentGroupItemHiddenInput,
+	ItemText: () => SegmentGroupItemText,
+	Label: () => SegmentGroupLabel,
+	Root: () => SegmentGroupRoot,
+	RootProvider: () => SegmentGroupRootProvider
+});
+//#endregion
+Object.defineProperty(exports, "SegmentGroup", {
+	enumerable: true,
+	get: function() {
+		return segment_group_exports;
+	}
+});
+exports.SegmentGroupContext = SegmentGroupContext;
+exports.SegmentGroupIndicator = SegmentGroupIndicator;
+exports.SegmentGroupItem = SegmentGroupItem;
+exports.SegmentGroupItemContext = SegmentGroupItemContext;
+exports.SegmentGroupItemControl = SegmentGroupItemControl;
+exports.SegmentGroupItemHiddenInput = SegmentGroupItemHiddenInput;
+exports.SegmentGroupItemText = SegmentGroupItemText;
+exports.SegmentGroupLabel = SegmentGroupLabel;
+exports.SegmentGroupRoot = SegmentGroupRoot;
+exports.SegmentGroupRootProvider = SegmentGroupRootProvider;
+exports.segmentGroupAnatomy = segmentGroupAnatomy;
+exports.useSegmentGroup = useSegmentGroup;
+exports.useSegmentGroupContext = useSegmentGroupContext;
+exports.useSegmentGroupItemContext = useSegmentGroupItemContext;