@sprawlify/react 0.0.9 → 0.0.10

package/dist/components/scroll-area/index.cjs

@@ -0,0 +1,180 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_scroll_area = require("@sprawlify/primitives/machines/scroll-area");
+__sprawlify_primitives_machines_scroll_area = require_chunk.__toESM(__sprawlify_primitives_machines_scroll_area);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/scroll-area/use-scroll-area-context.ts
+const [ScrollAreaProvider, useScrollAreaContext] = require_create_context.createContext({
+	name: "ScrollAreaContext",
+	hookName: "useScrollAreaContext",
+	providerName: "<ScrollAreaProvider />"
+});
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-context.tsx
+const ScrollAreaContext = (props) => props.children(useScrollAreaContext());
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-content.tsx
+const ScrollAreaContent = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useScrollAreaContext().getContentProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaContent.displayName = "ScrollAreaContent";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-corner.tsx
+const ScrollAreaCorner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useScrollAreaContext().getCornerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area.ts
+const useScrollArea = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_scroll_area.machine, context);
+	return __sprawlify_primitives_machines_scroll_area.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const ScrollAreaRoot = (0, react.forwardRef)((props, ref) => {
+	const [useScrollAreaProps, localProps] = splitRootProps(props, ["id", "ids"]);
+	const scrollArea = useScrollArea(useScrollAreaProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(scrollArea.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaProvider, {
+		value: scrollArea,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaRoot.displayName = "ScrollAreaRoot";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const ScrollAreaRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: scrollArea }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(scrollArea.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaProvider, {
+		value: scrollArea,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaRootProvider.displayName = "ScrollAreaRootProvider";
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area-scrollbar-context.ts
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = require_create_context.createContext({
+	name: "ScrollAreaScrollbarContext",
+	hookName: "useScrollAreaScrollbarContext",
+	providerName: "<ScrollAreaScrollbarProvider />"
+});
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-scrollbar.tsx
+const splitScrollbarProps = require_create_split_props.createSplitProps();
+const ScrollAreaScrollbar = (0, react.forwardRef)((props, ref) => {
+	const [scrollbarProps, localProps] = splitScrollbarProps(props, ["orientation"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useScrollAreaContext().getScrollbarProps(scrollbarProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarProvider, {
+		value: scrollbarProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-thumb.tsx
+const ScrollAreaThumb = (0, react.forwardRef)((props, ref) => {
+	const scrollAreaApi = useScrollAreaContext();
+	const scrollbarProps = useScrollAreaScrollbarContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(scrollAreaApi.getThumbProps(scrollbarProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaThumb.displayName = "ScrollAreaThumb";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-viewport.tsx
+const ScrollAreaViewport = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useScrollAreaContext().getViewportProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaViewport.displayName = "ScrollAreaViewport";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area.ts
+var scroll_area_exports = /* @__PURE__ */ require_chunk.__export({
+	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 __sprawlify_primitives_machines_scroll_area.anatomy;
+  }
+});
+exports.useScrollArea = useScrollArea;
+exports.useScrollAreaContext = useScrollAreaContext;

package/dist/components/scroll-area/index.d.cts

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

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

@@ -0,0 +1,158 @@
+import { t as __export } from "../../chunk-tPcuhsU6.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-BrQa5x6H.mjs";
+import { t as createContext$1 } from "../../create-context-aizX7yAt.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cnx9ZBbN.mjs";
+import { i as useLocaleContext } from "../../locale-BheNIyu4.mjs";
+import "../../providers-B1DbplwV.mjs";
+import { n as sprawlify } from "../../factory-BwIiMV5g.mjs";
+import { t as createSplitProps } from "../../create-split-props-BHHQqbKs.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as scrollArea from "@sprawlify/primitives/machines/scroll-area";
+import { anatomy as scrollAreaAnatomy } from "@sprawlify/primitives/machines/scroll-area";
+
+//#region src/components/scroll-area/use-scroll-area-context.ts
+const [ScrollAreaProvider, useScrollAreaContext] = createContext$1({
+	name: "ScrollAreaContext",
+	hookName: "useScrollAreaContext",
+	providerName: "<ScrollAreaProvider />"
+});
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-context.tsx
+const ScrollAreaContext = (props) => props.children(useScrollAreaContext());
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-content.tsx
+const ScrollAreaContent = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useScrollAreaContext().getContentProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaContent.displayName = "ScrollAreaContent";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-corner.tsx
+const ScrollAreaCorner = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useScrollAreaContext().getCornerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area.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/scroll-area-root.tsx
+const splitRootProps = createSplitProps();
+const ScrollAreaRoot = forwardRef((props, ref) => {
+	const [useScrollAreaProps, localProps] = splitRootProps(props, ["id", "ids"]);
+	const scrollArea$1 = useScrollArea(useScrollAreaProps);
+	const mergedProps = mergeProps(scrollArea$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ScrollAreaProvider, {
+		value: scrollArea$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaRoot.displayName = "ScrollAreaRoot";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const ScrollAreaRootProvider = forwardRef((props, ref) => {
+	const [{ value: scrollArea$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(scrollArea$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ScrollAreaProvider, {
+		value: scrollArea$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaRootProvider.displayName = "ScrollAreaRootProvider";
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area-scrollbar-context.ts
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext$1({
+	name: "ScrollAreaScrollbarContext",
+	hookName: "useScrollAreaScrollbarContext",
+	providerName: "<ScrollAreaScrollbarProvider />"
+});
+
+//#endregion
+//#region src/components/scroll-area/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(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+
+//#endregion
+//#region src/components/scroll-area/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(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaThumb.displayName = "ScrollAreaThumb";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-viewport.tsx
+const ScrollAreaViewport = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useScrollAreaContext().getViewportProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ScrollAreaViewport.displayName = "ScrollAreaViewport";
+
+//#endregion
+//#region src/components/scroll-area/scroll-area.ts
+var scroll_area_exports = /* @__PURE__ */ __export({
+	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 };