@sprawlify/solid 0.0.18 → 0.0.19

package/dist/components/rating-group/index.jsx

@@ -0,0 +1,148 @@
+import { t as __export } from "../../chunk-D5dGY5zD.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-7JOW6ue9.jsx";
+import { t as runIfFn } from "../../run-if-fn-D59uI-12.jsx";
+import { t as createContext$1 } from "../../create-context-CnA1wNMK.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers--4jSRiKF.jsx";
+import { t as sprawlify } from "../../factory-CaQWQo9S.jsx";
+import { t as createSplitProps } from "../../create-split-props-CdETNVwB.jsx";
+import "../../compose-refs-DhhUBbcq.jsx";
+import "../../fieldset-GRdimTgu.jsx";
+import { m as useFieldContext } from "../../field-HJX3--SZ.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as ratingGroup from "@sprawlify/primitives/machines/rating-group";
+import { anatomy as ratingGroupAnatomy } from "@sprawlify/primitives/machines/rating-group";
+
+//#region src/components/rating-group/use-rating-group-context.ts
+const [RatingGroupProvider, useRatingGroupContext] = createContext$1({
+	hookName: "useRatingGroupContext",
+	providerName: "<RatingGroupProvider />"
+});
+
+//#endregion
+//#region src/components/rating-group/rating-group-context.tsx
+const RatingGroupContext = (props) => props.children(useRatingGroupContext());
+
+//#endregion
+//#region src/components/rating-group/rating-group-control.tsx
+const RatingGroupControl = (props) => {
+	const ratingGroup$1 = useRatingGroupContext();
+	const mergedProps = mergeProps$1(() => ratingGroup$1().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group-hidden-input.tsx
+const RatingGroupHiddenInput = (props) => {
+	const ratingGroup$1 = useRatingGroupContext();
+	const mergedProps = mergeProps$1(() => ratingGroup$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/rating-group/use-rating-group-item-context.ts
+const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext$1({
+	hookName: "useRatingGroupItemContext",
+	providerName: "<RatingGroupItemProvider />"
+});
+
+//#endregion
+//#region src/components/rating-group/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}>
+      <sprawlify.span {...mergedProps} />
+    </RatingGroupItemProvider>;
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group-item-context.tsx
+const RatingGroupItemContext = (props) => props.children(useRatingGroupItemContext());
+
+//#endregion
+//#region src/components/rating-group/rating-group-label.tsx
+const RatingGroupLabel = (props) => {
+	const api = useRatingGroupContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/rating-group/use-rating-group.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/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}>
+      <sprawlify.div {...mergedProps} />
+    </RatingGroupProvider>;
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group-root-provider.tsx
+const RatingGroupRootProvider = (props) => {
+	const [{ value: ratingGroup$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => ratingGroup$1().getRootProps(), localProps);
+	return <RatingGroupProvider value={ratingGroup$1}>
+      <sprawlify.div {...mergedProps} />
+    </RatingGroupProvider>;
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group.ts
+var rating_group_exports = /* @__PURE__ */ __export({
+	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/components/scroll-area/index.d.ts

@@ -0,0 +1,63 @@
+import { n as PropTypes } from "../../index-tbMcVIMv.js";
+import { i as Optional, t as Assign } from "../../types-DPhuMU2R.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
+import * as solid_js185 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+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, ScrollbarProps, 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 Accessor<scrollArea.Api<PropTypes>> {}
+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) => JSX.Element;
+}
+declare function ScrollAreaContext(props: ScrollAreaContextProps): JSX.Element;
+//#endregion
+//#region src/components/scroll-area/scroll-area-content.d.ts
+interface ScrollAreaContentBaseProps extends PolymorphicProps<'div'> {}
+interface ScrollAreaContentProps extends Assign<HTMLProps<'div'>, ScrollAreaContentBaseProps> {}
+declare const ScrollAreaContent: (props: ScrollAreaContentProps) => solid_js185.JSX.Element;
+//#endregion
+//#region src/components/scroll-area/scroll-area-corner.d.ts
+interface ScrollAreaCornerBaseProps extends PolymorphicProps<'div'> {}
+interface ScrollAreaCornerProps extends Assign<HTMLProps<'div'>, ScrollAreaCornerBaseProps> {}
+declare const ScrollAreaCorner: (props: ScrollAreaCornerProps) => solid_js185.JSX.Element;
+//#endregion
+//#region src/components/scroll-area/scroll-area-root.d.ts
+interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps<'div'> {}
+interface ScrollAreaRootProps extends Assign<HTMLProps<'div'>, ScrollAreaRootBaseProps> {}
+declare const ScrollAreaRoot: (props: ScrollAreaRootProps) => solid_js185.JSX.Element;
+//#endregion
+//#region src/components/scroll-area/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) => solid_js185.JSX.Element;
+//#endregion
+//#region src/components/scroll-area/scroll-area-scrollbar.d.ts
+interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps<'div'> {}
+interface ScrollAreaScrollbarProps extends Assign<HTMLProps<'div'>, ScrollAreaScrollbarBaseProps> {}
+declare const ScrollAreaScrollbar: (props: ScrollAreaScrollbarProps) => solid_js185.JSX.Element;
+//#endregion
+//#region src/components/scroll-area/scroll-area-thumb.d.ts
+interface ScrollAreaThumbBaseProps extends PolymorphicProps<'div'> {}
+interface ScrollAreaThumbProps extends Assign<HTMLProps<'div'>, ScrollAreaThumbBaseProps> {}
+declare const ScrollAreaThumb: (props: ScrollAreaThumbProps) => solid_js185.JSX.Element;
+//#endregion
+//#region src/components/scroll-area/scroll-area-viewport.d.ts
+interface ScrollAreaViewportBaseProps extends PolymorphicProps<'div'> {}
+interface ScrollAreaViewportProps extends Assign<HTMLProps<'div'>, ScrollAreaViewportBaseProps> {}
+declare const ScrollAreaViewport: (props: ScrollAreaViewportProps) => solid_js185.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/components/scroll-area/index.js

@@ -0,0 +1,134 @@
+import { t as __export } from "../../chunk-Dcpub2IO.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-D7Nb-duK.js";
+import { t as createContext$1 } from "../../create-context-BxYEOGb8.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DU0gn4Pj.js";
+import { t as sprawlify } from "../../factory-Cw0jOohn.js";
+import { t as createSplitProps } from "../../create-split-props-u4BuKc2i.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+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({
+	hookName: "useScrollAreaContext",
+	providerName: "<ScrollAreaProvider />"
+});
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-context.tsx
+function ScrollAreaContext(props) {
+	return props.children(useScrollAreaContext());
+}
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-content.tsx
+const ScrollAreaContent = (props) => {
+	const scrollArea$1 = useScrollAreaContext();
+	const mergedProps = mergeProps$2(() => scrollArea$1().getContentProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-corner.tsx
+const ScrollAreaCorner = (props) => {
+	const scrollArea$1 = useScrollAreaContext();
+	const mergedProps = mergeProps$2(() => scrollArea$1().getCornerProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area.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/scroll-area-root.tsx
+const ScrollAreaRoot = (props) => {
+	const [useScrollAreaProps, localProps] = createSplitProps()(props, ["id", "ids"]);
+	const scrollArea$1 = useScrollArea(useScrollAreaProps);
+	const mergedProps = mergeProps$2(() => scrollArea$1().getRootProps(), localProps);
+	return createComponent(ScrollAreaProvider, {
+		value: scrollArea$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-root-provider.tsx
+const ScrollAreaRootProvider = (props) => {
+	const { value, children: children$1, ...localProps } = props;
+	return createComponent(ScrollAreaProvider, {
+		value,
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(localProps, { children: children$1 }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area-scrollbar-context.ts
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext$1({
+	hookName: "useScrollAreaScrollbarContext",
+	providerName: "<ScrollAreaScrollbarProvider />"
+});
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-scrollbar.tsx
+const ScrollAreaScrollbar = (props) => {
+	const [scrollbarProps, localProps] = createSplitProps()(props, ["orientation"]);
+	const scrollArea$1 = useScrollAreaContext();
+	const mergedProps = mergeProps$2(() => scrollArea$1().getScrollbarProps(scrollbarProps), localProps);
+	return createComponent(ScrollAreaScrollbarProvider, {
+		value: scrollbarProps,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-thumb.tsx
+const ScrollAreaThumb = (props) => {
+	const scrollAreaApi = useScrollAreaContext();
+	const scrollbarProps = useScrollAreaScrollbarContext();
+	const mergedProps = mergeProps$2(() => scrollAreaApi().getThumbProps(scrollbarProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-viewport.tsx
+const ScrollAreaViewport = (props) => {
+	const scrollArea$1 = useScrollAreaContext();
+	const mergedProps = mergeProps$2(() => scrollArea$1().getViewportProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#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 };

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

@@ -0,0 +1,124 @@
+import { t as __export } from "../../chunk-D5dGY5zD.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-7JOW6ue9.jsx";
+import { t as createContext$1 } from "../../create-context-CnA1wNMK.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers--4jSRiKF.jsx";
+import { t as sprawlify } from "../../factory-CaQWQo9S.jsx";
+import { t as createSplitProps } from "../../create-split-props-CdETNVwB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	hookName: "useScrollAreaContext",
+	providerName: "<ScrollAreaProvider />"
+});
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-context.tsx
+function ScrollAreaContext(props) {
+	return props.children(useScrollAreaContext());
+}
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-content.tsx
+const ScrollAreaContent = (props) => {
+	const scrollArea$1 = useScrollAreaContext();
+	const mergedProps = mergeProps$1(() => scrollArea$1().getContentProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-corner.tsx
+const ScrollAreaCorner = (props) => {
+	const scrollArea$1 = useScrollAreaContext();
+	const mergedProps = mergeProps$1(() => scrollArea$1().getCornerProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area.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/scroll-area-root.tsx
+const ScrollAreaRoot = (props) => {
+	const [useScrollAreaProps, localProps] = createSplitProps()(props, ["id", "ids"]);
+	const scrollArea$1 = useScrollArea(useScrollAreaProps);
+	const mergedProps = mergeProps$1(() => scrollArea$1().getRootProps(), localProps);
+	return <ScrollAreaProvider value={scrollArea$1}>
+      <sprawlify.div {...mergedProps} />
+    </ScrollAreaProvider>;
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-root-provider.tsx
+const ScrollAreaRootProvider = (props) => {
+	const { value, children: children$1, ...localProps } = props;
+	return <ScrollAreaProvider value={value}>
+      <sprawlify.div {...localProps}>{children$1}</sprawlify.div>
+    </ScrollAreaProvider>;
+};
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area-scrollbar-context.ts
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext$1({
+	hookName: "useScrollAreaScrollbarContext",
+	providerName: "<ScrollAreaScrollbarProvider />"
+});
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-scrollbar.tsx
+const ScrollAreaScrollbar = (props) => {
+	const [scrollbarProps, localProps] = createSplitProps()(props, ["orientation"]);
+	const scrollArea$1 = useScrollAreaContext();
+	const mergedProps = mergeProps$1(() => scrollArea$1().getScrollbarProps(scrollbarProps), localProps);
+	return <ScrollAreaScrollbarProvider value={scrollbarProps}>
+      <sprawlify.div {...mergedProps} />
+    </ScrollAreaScrollbarProvider>;
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-thumb.tsx
+const ScrollAreaThumb = (props) => {
+	const scrollAreaApi = useScrollAreaContext();
+	const scrollbarProps = useScrollAreaScrollbarContext();
+	const mergedProps = mergeProps$1(() => scrollAreaApi().getThumbProps(scrollbarProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area-viewport.tsx
+const ScrollAreaViewport = (props) => {
+	const scrollArea$1 = useScrollAreaContext();
+	const mergedProps = mergeProps$1(() => scrollArea$1().getViewportProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#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 };

package/dist/components/segment-group/index.d.ts

@@ -0,0 +1,82 @@
+import { n as PropTypes } from "../../index-tbMcVIMv.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-DPhuMU2R.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
+import * as solid_js168 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as _sprawlify_primitives_anatomy1 from "@sprawlify/primitives/anatomy";
+import * as segmentGroup from "@sprawlify/primitives/machines/radio-group";
+import { ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as SegmentGroupValueChangeDetails } from "@sprawlify/primitives/machines/radio-group";
+
+//#region src/components/segment-group/use-segment-group.d.ts
+interface UseSegmentGroupProps extends Optional<Omit<segmentGroup.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseSegmentGroupReturn extends Accessor<segmentGroup.Api<PropTypes>> {}
+declare const useSegmentGroup: (props?: MaybeAccessor<UseSegmentGroupProps>) => UseSegmentGroupReturn;
+//#endregion
+//#region src/components/segment-group/use-segment-group-context.d.ts
+interface UseSegmentGroupContext extends UseSegmentGroupReturn {}
+//#endregion
+//#region src/components/segment-group/segment-group-context.d.ts
+interface SegmentGroupContextProps {
+  children: (context: UseSegmentGroupContext) => JSX.Element;
+}
+declare const SegmentGroupContext: (props: SegmentGroupContextProps) => JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-indicator.d.ts
+interface SegmentGroupIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface SegmentGroupIndicatorProps extends HTMLProps<'div'>, SegmentGroupIndicatorBaseProps {}
+declare const SegmentGroupIndicator: (props: SegmentGroupIndicatorProps) => solid_js168.JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-item.d.ts
+interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'> {}
+interface SegmentGroupItemProps extends HTMLProps<'label'>, SegmentGroupItemBaseProps {}
+declare const SegmentGroupItem: (props: SegmentGroupItemProps) => solid_js168.JSX.Element;
+//#endregion
+//#region src/components/segment-group/use-segment-group-item-context.d.ts
+interface UseSegmentGroupItemContext extends Accessor<ItemState> {}
+//#endregion
+//#region src/components/segment-group/segment-group-item-context.d.ts
+interface SegmentGroupItemContextProps {
+  children: (context: UseSegmentGroupItemContext) => JSX.Element;
+}
+declare const SegmentGroupItemContext: (props: SegmentGroupItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-item-control.d.ts
+interface SegmentGroupItemControlBaseProps extends PolymorphicProps<'div'> {}
+interface SegmentGroupItemControlProps extends HTMLProps<'div'>, SegmentGroupItemControlBaseProps {}
+declare const SegmentGroupItemControl: (props: SegmentGroupItemControlProps) => solid_js168.JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-item-hidden-input.d.ts
+interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface SegmentGroupItemHiddenInputProps extends HTMLProps<'input'>, SegmentGroupItemHiddenInputBaseProps {}
+declare const SegmentGroupItemHiddenInput: (props: SegmentGroupItemHiddenInputProps) => solid_js168.JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-item-text.d.ts
+interface SegmentGroupItemTextBaseProps extends PolymorphicProps<'span'> {}
+interface SegmentGroupItemTextProps extends HTMLProps<'span'>, SegmentGroupItemTextBaseProps {}
+declare const SegmentGroupItemText: (props: SegmentGroupItemTextProps) => solid_js168.JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-label.d.ts
+interface SegmentGroupLabelBaseProps extends PolymorphicProps<'label'> {}
+interface SegmentGroupLabelProps extends HTMLProps<'label'>, SegmentGroupLabelBaseProps {}
+declare const SegmentGroupLabel: (props: SegmentGroupLabelProps) => solid_js168.JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-root.d.ts
+interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps<'div'> {}
+interface SegmentGroupRootProps extends HTMLProps<'div'>, SegmentGroupRootBaseProps {}
+declare const SegmentGroupRoot: (props: SegmentGroupRootProps) => solid_js168.JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSegmentGroupReturn;
+}
+interface SegmentGroupRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface SegmentGroupRootProviderProps extends HTMLProps<'div'>, RootProviderProps, SegmentGroupRootProviderBaseProps {}
+declare const SegmentGroupRootProvider: (props: SegmentGroupRootProviderProps) => solid_js168.JSX.Element;
+//#endregion
+//#region src/components/segment-group/segment-group-anatomy.d.ts
+declare const segmentGroupAnatomy: _sprawlify_primitives_anatomy1.Anatomy<"root" | "item" | "indicator" | "label" | "itemText" | "itemControl">;
+declare namespace segment_group_d_exports {
+  export { SegmentGroupContext as Context, SegmentGroupContextProps as ContextProps, SegmentGroupIndicator as Indicator, SegmentGroupIndicatorBaseProps as IndicatorBaseProps, SegmentGroupIndicatorProps as IndicatorProps, SegmentGroupItem as Item, SegmentGroupItemBaseProps as ItemBaseProps, SegmentGroupItemContext as ItemContext, SegmentGroupItemContextProps as ItemContextProps, SegmentGroupItemControl as ItemControl, SegmentGroupItemControlBaseProps as ItemControlBaseProps, SegmentGroupItemControlProps as ItemControlProps, SegmentGroupItemHiddenInput as ItemHiddenInput, SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, SegmentGroupItemProps as ItemProps, SegmentGroupItemText as ItemText, SegmentGroupItemTextBaseProps as ItemTextBaseProps, SegmentGroupItemTextProps as ItemTextProps, SegmentGroupLabel as Label, SegmentGroupLabelBaseProps as LabelBaseProps, SegmentGroupLabelProps as LabelProps, SegmentGroupRoot as Root, SegmentGroupRootBaseProps as RootBaseProps, SegmentGroupRootProps as RootProps, SegmentGroupRootProvider as RootProvider, SegmentGroupRootProviderBaseProps as RootProviderBaseProps, SegmentGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { segment_group_d_exports as SegmentGroup, SegmentGroupContext, type SegmentGroupContextProps, SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, SegmentGroupItem, type SegmentGroupItemBaseProps, SegmentGroupItemContext, type SegmentGroupItemContextProps, SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, type SegmentGroupItemProps, SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps, SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps, SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, type SegmentGroupValueChangeDetails, type UseSegmentGroupContext, type UseSegmentGroupItemContext, type UseSegmentGroupProps, type UseSegmentGroupReturn, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };