@sprawlify/solid 0.0.17 → 0.0.19

package/dist/components/popover/index.jsx

@@ -0,0 +1,188 @@
+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 "../../render-strategy-Bv1Mb0YK.jsx";
+import { t as composeRefs } from "../../compose-refs-DhhUBbcq.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-w97672yk.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as popover from "@sprawlify/primitives/machines/popover";
+import { anatomy as popoverAnatomy } from "@sprawlify/primitives/machines/popover";
+
+//#region src/components/popover/use-popover-context.ts
+const [PopoverProvider, usePopoverContext] = createContext$1({
+	hookName: "usePopoverContext",
+	providerName: "<PopoverProvider />"
+});
+
+//#endregion
+//#region src/components/popover/popover-anchor.tsx
+const PopoverAnchor = (props) => {
+	const api = usePopoverContext();
+	const mergedProps = mergeProps$1(() => api().getAnchorProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/popover/popover-arrow.tsx
+const PopoverArrow = (props) => {
+	const popover$1 = usePopoverContext();
+	const mergedProps = mergeProps$1(() => popover$1().getArrowProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/popover/popover-arrow-tip.tsx
+const PopoverArrowTip = (props) => {
+	const popover$1 = usePopoverContext();
+	const mergedProps = mergeProps$1(() => popover$1().getArrowTipProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/popover/popover-close-trigger.tsx
+const PopoverCloseTrigger = (props) => {
+	const api = usePopoverContext();
+	const mergedProps = mergeProps$1(() => api().getCloseTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/popover/popover-content.tsx
+const PopoverContent = (props) => {
+	const api = usePopoverContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/popover/popover-context.tsx
+const PopoverContext = (props) => props.children(usePopoverContext());
+
+//#endregion
+//#region src/components/popover/popover-description.tsx
+const PopoverDescription = (props) => {
+	const api = usePopoverContext();
+	const mergedProps = mergeProps$1(() => api().getDescriptionProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/popover/popover-indicator.tsx
+const PopoverIndicator = (props) => {
+	const popover$1 = usePopoverContext();
+	const mergedProps = mergeProps$1(() => popover$1().getIndicatorProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/popover/popover-positioner.tsx
+const PopoverPositioner = (props) => {
+	const api = usePopoverContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/popover/use-popover.ts
+const usePopover = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(popover.machine, machineProps);
+	return createMemo(() => popover.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/popover/popover-root.tsx
+const PopoverRoot = (props) => {
+	const [presenceProps, popoverProps] = splitPresenceProps(props);
+	const [usePopoverProps, localProps] = createSplitProps()(popoverProps, [
+		"autoFocus",
+		"closeOnEscape",
+		"closeOnInteractOutside",
+		"defaultOpen",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"modal",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"open",
+		"persistentElements",
+		"portalled",
+		"positioning"
+	]);
+	const api = usePopover(usePopoverProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
+	return <PopoverProvider value={api}>
+      <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+    </PopoverProvider>;
+};
+
+//#endregion
+//#region src/components/popover/popover-root-provider.tsx
+const PopoverRootProvider = (props) => {
+	const [presenceProps, popoverProps] = splitPresenceProps(props);
+	const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: popoverProps.value().open })));
+	return <PopoverProvider value={popoverProps.value}>
+      <PresenceProvider value={presence}>{popoverProps.children}</PresenceProvider>
+    </PopoverProvider>;
+};
+
+//#endregion
+//#region src/components/popover/popover-title.tsx
+const PopoverTitle = (props) => {
+	const api = usePopoverContext();
+	const mergedProps = mergeProps$1(() => api().getTitleProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/popover/popover-trigger.tsx
+const PopoverTrigger = (props) => {
+	const api = usePopoverContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(), () => ({ "aria-controls": presenceApi().unmounted && null }), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/popover/popover.ts
+var popover_exports = /* @__PURE__ */ __export({
+	Anchor: () => PopoverAnchor,
+	Arrow: () => PopoverArrow,
+	ArrowTip: () => PopoverArrowTip,
+	CloseTrigger: () => PopoverCloseTrigger,
+	Content: () => PopoverContent,
+	Context: () => PopoverContext,
+	Description: () => PopoverDescription,
+	Indicator: () => PopoverIndicator,
+	Positioner: () => PopoverPositioner,
+	Root: () => PopoverRoot,
+	RootProvider: () => PopoverRootProvider,
+	Title: () => PopoverTitle,
+	Trigger: () => PopoverTrigger
+});
+
+//#endregion
+export { popover_exports as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, popoverAnatomy, usePopover, usePopoverContext };

package/dist/components/presence/index.d.ts

@@ -1,5 +1,5 @@
-import "../../types-M3kll1K0.js";
-import "../../factory-C7CCEqYp.js";
-import "../../render-strategy-DfQ78EfE.js";
-import { a as Presence, c as UsePresenceReturn, i as splitPresenceProps, l as usePresence, n as UsePresenceContext, o as PresenceProps, r as usePresenceContext, s as UsePresenceProps, t as PresenceProvider } from "../../index-CsB3A61w.js";
+import "../../types-DPhuMU2R.js";
+import "../../factory-JAbO6zq9.js";
+import "../../render-strategy-BYpcY4CF.js";
+import { a as Presence, c as UsePresenceReturn, i as splitPresenceProps, l as usePresence, n as UsePresenceContext, o as PresenceProps, r as usePresenceContext, s as UsePresenceProps, t as PresenceProvider } from "../../index-CWs-F296.js";
 export { Presence, PresenceProps, PresenceProvider, UsePresenceContext, UsePresenceProps, UsePresenceReturn, splitPresenceProps, usePresence, usePresenceContext };

package/dist/components/presence/index.js

@@ -1,9 +1,9 @@
-import "../../core-Cl2xcDm5.js";
-import "../../create-context-BBDU3kF1.js";
-import "../../create-split-props-CHlLW_X_.js";
-import "../../render-strategy-CqWA1-xU.js";
-import "../../factory-Ci1LUSWg.js";
-import "../../compose-refs-DbJoODKO.js";
-import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, r as Presence, t as PresenceProvider } from "../../presence-CAkwk5S4.js";
+import "../../core-D7Nb-duK.js";
+import "../../create-context-BxYEOGb8.js";
+import "../../factory-Cw0jOohn.js";
+import "../../create-split-props-u4BuKc2i.js";
+import "../../render-strategy-CDrX5Nbw.js";
+import "../../compose-refs-D9EoLzZW.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, r as Presence, t as PresenceProvider } from "../../presence-DghVNXji.js";
 
 export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };

package/dist/components/presence/index.jsx

@@ -1,9 +1,9 @@
-import "../../core-CWSDVCoi.jsx";
-import "../../create-context-CpcL7CiV.jsx";
-import "../../create-split-props-DrfYep1t.jsx";
-import "../../render-strategy-BA_kLuwR.jsx";
-import "../../factory-OCDy1fEv.jsx";
-import "../../compose-refs-CDTdkuP1.jsx";
-import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, r as Presence, t as PresenceProvider } from "../../presence-vlL8hWT8.jsx";
+import "../../core-7JOW6ue9.jsx";
+import "../../create-context-CnA1wNMK.jsx";
+import "../../factory-CaQWQo9S.jsx";
+import "../../create-split-props-CdETNVwB.jsx";
+import "../../render-strategy-Bv1Mb0YK.jsx";
+import "../../compose-refs-DhhUBbcq.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, r as Presence, t as PresenceProvider } from "../../presence-w97672yk.jsx";
 
 export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };

package/dist/components/progress/index.d.ts

@@ -0,0 +1,79 @@
+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_js8 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as progress from "@sprawlify/primitives/machines/progress";
+import { ValueChangeDetails, ValueChangeDetails as ProgressValueChangeDetails, ValueTranslationDetails, ValueTranslationDetails as ProgressValueTranslationDetails, ViewProps, anatomy as progressAnatomy } from "@sprawlify/primitives/machines/progress";
+
+//#region src/components/progress/progress-circle.d.ts
+interface ProgressCircleBaseProps extends PolymorphicProps<'svg'> {}
+interface ProgressCircleProps extends HTMLProps<'svg'>, ProgressCircleBaseProps {}
+declare const ProgressCircle: (props: ProgressCircleProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/progress-circle-range.d.ts
+interface ProgressCircleRangeBaseProps extends PolymorphicProps<'circle'> {}
+interface ProgressCircleRangeProps extends HTMLProps<'circle'>, ProgressCircleRangeBaseProps {}
+declare const ProgressCircleRange: (props: ProgressCircleRangeProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/progress-circle-track.d.ts
+interface ProgressCircleTrackBaseProps extends PolymorphicProps<'circle'> {}
+interface ProgressCircleTrackProps extends HTMLProps<'circle'>, ProgressCircleTrackBaseProps {}
+declare const ProgressCircleTrack: (props: ProgressCircleTrackProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/use-progress.d.ts
+interface UseProgressProps extends Optional<Omit<progress.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseProgressReturn extends Accessor<progress.Api<PropTypes>> {}
+declare const useProgress: (props?: MaybeAccessor<UseProgressProps>) => UseProgressReturn;
+//#endregion
+//#region src/components/progress/use-progress-context.d.ts
+interface UseProgressContext extends UseProgressReturn {}
+//#endregion
+//#region src/components/progress/progress-context.d.ts
+interface ProgressContextProps {
+  children: (context: UseProgressContext) => JSX.Element;
+}
+declare const ProgressContext: (props: ProgressContextProps) => JSX.Element;
+//#endregion
+//#region src/components/progress/progress-label.d.ts
+interface ProgressLabelBaseProps extends PolymorphicProps<'label'> {}
+interface ProgressLabelProps extends HTMLProps<'label'>, ProgressLabelBaseProps {}
+declare const ProgressLabel: (props: ProgressLabelProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/progress-range.d.ts
+interface ProgressRangeBaseProps extends PolymorphicProps<'div'> {}
+interface ProgressRangeProps extends HTMLProps<'div'>, ProgressRangeBaseProps {}
+declare const ProgressRange: (props: ProgressRangeProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/progress-root.d.ts
+interface ProgressRootBaseProps extends UseProgressProps, PolymorphicProps<'div'> {}
+interface ProgressRootProps extends HTMLProps<'div'>, ProgressRootBaseProps {}
+declare const ProgressRoot: (props: ProgressRootProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/progress-root-provider.d.ts
+interface RootProviderProps {
+  value: UseProgressReturn;
+}
+interface ProgressRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface ProgressRootProviderProps extends HTMLProps<'div'>, RootProviderProps, ProgressRootProviderBaseProps {}
+declare const ProgressRootProvider: (props: ProgressRootProviderProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/progress-track.d.ts
+interface ProgressTrackBaseProps extends PolymorphicProps<'div'> {}
+interface ProgressTrackProps extends HTMLProps<'div'>, ProgressTrackBaseProps {}
+declare const ProgressTrack: (props: ProgressTrackProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/progress-value-text.d.ts
+interface ProgressValueTextBaseProps extends PolymorphicProps<'span'> {}
+interface ProgressValueTextProps extends HTMLProps<'span'>, ProgressValueTextBaseProps {}
+declare const ProgressValueText: (props: ProgressValueTextProps) => solid_js8.JSX.Element;
+//#endregion
+//#region src/components/progress/progress-view.d.ts
+interface ProgressViewBaseProps extends ViewProps, PolymorphicProps<'span'> {}
+interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {}
+declare const ProgressView: (props: ProgressViewProps) => solid_js8.JSX.Element;
+declare namespace progress_d_exports {
+  export { ProgressCircle as Circle, ProgressCircleBaseProps as CircleBaseProps, ProgressCircleProps as CircleProps, ProgressCircleRange as CircleRange, ProgressCircleRangeBaseProps as CircleRangeBaseProps, ProgressCircleRangeProps as CircleRangeProps, ProgressCircleTrack as CircleTrack, ProgressCircleTrackBaseProps as CircleTrackBaseProps, ProgressCircleTrackProps as CircleTrackProps, ProgressContext as Context, ProgressContextProps as ContextProps, ProgressLabel as Label, ProgressLabelBaseProps as LabelBaseProps, ProgressLabelProps as LabelProps, ProgressRange as Range, ProgressRangeBaseProps as RangeBaseProps, ProgressRangeProps as RangeProps, ProgressRoot as Root, ProgressRootBaseProps as RootBaseProps, ProgressRootProps as RootProps, ProgressRootProvider as RootProvider, ProgressRootProviderBaseProps as RootProviderBaseProps, ProgressRootProviderProps as RootProviderProps, ProgressTrack as Track, ProgressTrackBaseProps as TrackBaseProps, ProgressTrackProps as TrackProps, ValueChangeDetails, ProgressValueText as ValueText, ProgressValueTextBaseProps as ValueTextBaseProps, ProgressValueTextProps as ValueTextProps, ValueTranslationDetails, ProgressView as View, ProgressViewBaseProps as ViewBaseProps, ProgressViewProps as ViewProps };
+}
+//#endregion
+export { progress_d_exports as Progress, ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps, ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, ProgressContext, type ProgressContextProps, ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps, ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps, ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps, ProgressRootProvider, type ProgressRootProviderBaseProps, type ProgressRootProviderProps, ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps, type ProgressValueChangeDetails, ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps, type ProgressValueTranslationDetails, ProgressView, type ProgressViewBaseProps, type ProgressViewProps, type UseProgressContext, type UseProgressProps, type UseProgressReturn, progressAnatomy, useProgress, useProgressContext };

package/dist/components/progress/index.js

@@ -0,0 +1,163 @@
+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 runIfFn } from "../../run-if-fn-B-2chXMn.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 progress from "@sprawlify/primitives/machines/progress";
+import { anatomy as progressAnatomy } from "@sprawlify/primitives/machines/progress";
+
+//#region src/components/progress/use-progress-context.ts
+const [ProgressProvider, useProgressContext] = createContext$1({
+	hookName: "useProgressContext",
+	providerName: "<ProgressProvider />"
+});
+
+//#endregion
+//#region src/components/progress/progress-circle.tsx
+const ProgressCircle = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleProps(), props);
+	return createComponent(sprawlify.svg, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-circle-range.tsx
+const ProgressCircleRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleRangeProps(), props);
+	return createComponent(sprawlify.circle, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-circle-track.tsx
+const ProgressCircleTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleTrackProps(), props);
+	return createComponent(sprawlify.circle, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-context.tsx
+const ProgressContext = (props) => props.children(useProgressContext());
+
+//#endregion
+//#region src/components/progress/progress-label.tsx
+const ProgressLabel = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-range.tsx
+const ProgressRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getRangeProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/use-progress.ts
+const useProgress = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		locale: locale().locale,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(progress.machine, machineProps);
+	return createMemo(() => progress.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/progress/progress-root.tsx
+const ProgressRoot = (props) => {
+	const [progressProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"formatOptions",
+		"id",
+		"ids",
+		"locale",
+		"max",
+		"min",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const api = useProgress(progressProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(ProgressProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/progress/progress-root-provider.tsx
+const ProgressRootProvider = (props) => {
+	const [{ value: progress$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => progress$1().getRootProps(), localProps);
+	return createComponent(ProgressProvider, {
+		value: progress$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/progress/progress-track.tsx
+const ProgressTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getTrackProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-value-text.tsx
+const ProgressValueText = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getValueTextProps(), props);
+	return createComponent(sprawlify.span, mergeProps$1(mergedProps, { get children() {
+		return props.children || api().percentAsString;
+	} }));
+};
+
+//#endregion
+//#region src/components/progress/progress-view.tsx
+const ProgressView = (props) => {
+	const [state, localProps] = createSplitProps()(props, ["state"]);
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getViewProps(state), localProps);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress.ts
+var progress_exports = /* @__PURE__ */ __export({
+	Circle: () => ProgressCircle,
+	CircleRange: () => ProgressCircleRange,
+	CircleTrack: () => ProgressCircleTrack,
+	Context: () => ProgressContext,
+	Label: () => ProgressLabel,
+	Range: () => ProgressRange,
+	Root: () => ProgressRoot,
+	RootProvider: () => ProgressRootProvider,
+	Track: () => ProgressTrack,
+	ValueText: () => ProgressValueText,
+	View: () => ProgressView
+});
+
+//#endregion
+export { progress_exports as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, progressAnatomy, useProgress, useProgressContext };

package/dist/components/progress/index.jsx

@@ -0,0 +1,154 @@
+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 { createMemo, createUniqueId } from "solid-js";
+import * as progress from "@sprawlify/primitives/machines/progress";
+import { anatomy as progressAnatomy } from "@sprawlify/primitives/machines/progress";
+
+//#region src/components/progress/use-progress-context.ts
+const [ProgressProvider, useProgressContext] = createContext$1({
+	hookName: "useProgressContext",
+	providerName: "<ProgressProvider />"
+});
+
+//#endregion
+//#region src/components/progress/progress-circle.tsx
+const ProgressCircle = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleProps(), props);
+	return <sprawlify.svg {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-circle-range.tsx
+const ProgressCircleRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleRangeProps(), props);
+	return <sprawlify.circle {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-circle-track.tsx
+const ProgressCircleTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleTrackProps(), props);
+	return <sprawlify.circle {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-context.tsx
+const ProgressContext = (props) => props.children(useProgressContext());
+
+//#endregion
+//#region src/components/progress/progress-label.tsx
+const ProgressLabel = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-range.tsx
+const ProgressRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getRangeProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/use-progress.ts
+const useProgress = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		locale: locale().locale,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(progress.machine, machineProps);
+	return createMemo(() => progress.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/progress/progress-root.tsx
+const ProgressRoot = (props) => {
+	const [progressProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"formatOptions",
+		"id",
+		"ids",
+		"locale",
+		"max",
+		"min",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const api = useProgress(progressProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <ProgressProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </ProgressProvider>;
+};
+
+//#endregion
+//#region src/components/progress/progress-root-provider.tsx
+const ProgressRootProvider = (props) => {
+	const [{ value: progress$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => progress$1().getRootProps(), localProps);
+	return <ProgressProvider value={progress$1}>
+      <sprawlify.div {...mergedProps} />
+    </ProgressProvider>;
+};
+
+//#endregion
+//#region src/components/progress/progress-track.tsx
+const ProgressTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getTrackProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-value-text.tsx
+const ProgressValueText = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getValueTextProps(), props);
+	return <sprawlify.span {...mergedProps}>{props.children || api().percentAsString}</sprawlify.span>;
+};
+
+//#endregion
+//#region src/components/progress/progress-view.tsx
+const ProgressView = (props) => {
+	const [state, localProps] = createSplitProps()(props, ["state"]);
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getViewProps(state), localProps);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress.ts
+var progress_exports = /* @__PURE__ */ __export({
+	Circle: () => ProgressCircle,
+	CircleRange: () => ProgressCircleRange,
+	CircleTrack: () => ProgressCircleTrack,
+	Context: () => ProgressContext,
+	Label: () => ProgressLabel,
+	Range: () => ProgressRange,
+	Root: () => ProgressRoot,
+	RootProvider: () => ProgressRootProvider,
+	Track: () => ProgressTrack,
+	ValueText: () => ProgressValueText,
+	View: () => ProgressView
+});
+
+//#endregion
+export { progress_exports as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, progressAnatomy, useProgress, useProgressContext };