@sprawlify/solid 0.0.19 → 0.0.21

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

@@ -0,0 +1,55 @@
+import { n as PropTypes } from "../../index-CkYyW1zB.js";
+import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-BDfyh3uz.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-47nL1bn3.js";
+import { t as splitterAnatomy } from "../../splitter-anatomy-BONfxWi-.js";
+import * as solid_js81 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as splitter from "@sprawlify/primitives/machines/splitter";
+import { ExpandCollapseDetails, ExpandCollapseDetails as SplitterExpandCollapseDetails, PanelData, PanelData as SplitterPanelData, PanelProps, ResizeDetails, ResizeDetails as SplitterResizeDetails, ResizeEndDetails, ResizeEndDetails as SplitterResizeEndDetails, ResizeTriggerProps, layout as getLayout, layout as getSplitterLayout } from "@sprawlify/primitives/machines/splitter";
+
+//#region src/components/splitter/use-splitter.d.ts
+interface UseSplitterProps extends Optional<Omit<splitter.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseSplitterReturn extends Accessor<splitter.Api<PropTypes>> {}
+declare const useSplitter: (props: MaybeAccessor<UseSplitterProps>) => UseSplitterReturn;
+//#endregion
+//#region src/components/splitter/use-splitter-context.d.ts
+interface UseSplitterContext extends UseSplitterReturn {}
+//#endregion
+//#region src/components/splitter/splitter-context.d.ts
+interface SplitterContextProps {
+  children: (context: UseSplitterContext) => JSX.Element;
+}
+declare const SplitterContext: (props: SplitterContextProps) => JSX.Element;
+//#endregion
+//#region src/components/splitter/splitter-panel.d.ts
+interface SplitterPanelBaseProps extends PanelProps, PolymorphicProps<'div'> {}
+interface SplitterPanelProps extends Assign<HTMLProps<'div'>, SplitterPanelBaseProps> {}
+declare const SplitterPanel: (props: SplitterPanelProps) => solid_js81.JSX.Element;
+//#endregion
+//#region src/components/splitter/splitter-resize-trigger.d.ts
+interface SplitterResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps<'button'> {}
+interface SplitterResizeTriggerProps extends Assign<HTMLProps<'button'>, SplitterResizeTriggerBaseProps> {}
+declare const SplitterResizeTrigger: (props: SplitterResizeTriggerProps) => solid_js81.JSX.Element;
+//#endregion
+//#region src/components/splitter/splitter-resize-trigger-indicator.d.ts
+interface SplitterResizeTriggerIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface SplitterResizeTriggerIndicatorProps extends HTMLProps<'div'>, SplitterResizeTriggerIndicatorBaseProps {}
+declare const SplitterResizeTriggerIndicator: (props: SplitterResizeTriggerIndicatorProps) => solid_js81.JSX.Element;
+//#endregion
+//#region src/components/splitter/splitter-root.d.ts
+interface SplitterRootBaseProps extends UseSplitterProps, PolymorphicProps<'div'> {}
+interface SplitterRootProps extends Assign<HTMLProps<'div'>, SplitterRootBaseProps> {}
+declare const SplitterRoot: (props: SplitterRootProps) => solid_js81.JSX.Element;
+//#endregion
+//#region src/components/splitter/splitter-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSplitterReturn;
+}
+interface SplitterRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface SplitterRootProviderProps extends HTMLProps<'div'>, RootProviderProps, SplitterRootProviderBaseProps {}
+declare const SplitterRootProvider: (props: SplitterRootProviderProps) => solid_js81.JSX.Element;
+declare namespace splitter_d_exports {
+  export { SplitterContext as Context, SplitterContextProps as ContextProps, ExpandCollapseDetails, SplitterPanel as Panel, SplitterPanelBaseProps as PanelBaseProps, PanelData, SplitterPanelProps as PanelProps, ResizeDetails, ResizeEndDetails, SplitterResizeTrigger as ResizeTrigger, SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, SplitterResizeTriggerIndicator as ResizeTriggerIndicator, SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, SplitterResizeTriggerProps as ResizeTriggerProps, SplitterRoot as Root, SplitterRootBaseProps as RootBaseProps, SplitterRootProps as RootProps, SplitterRootProvider as RootProvider, SplitterRootProviderBaseProps as RootProviderBaseProps, SplitterRootProviderProps as RootProviderProps, getLayout };
+}
+//#endregion
+export { splitter_d_exports as Splitter, SplitterContext, type SplitterContextProps, type SplitterExpandCollapseDetails, SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelData, type SplitterPanelProps, type SplitterResizeDetails, type SplitterResizeEndDetails, SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, SplitterResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps, type SplitterResizeTriggerProps, SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps, SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, type UseSplitterContext, type UseSplitterProps, type UseSplitterReturn, getSplitterLayout, splitterAnatomy, useSplitter, useSplitterContext };

package/dist/components/splitter/index.js

@@ -0,0 +1,133 @@
+import { t as __export } from "../../chunk-DGaS4lLa.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-DlJdnFMg.js";
+import { t as runIfFn } from "../../run-if-fn-COsqwaBZ.js";
+import { t as createContext$1 } from "../../create-context-BqG72mig.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-PrTpHfBr.js";
+import { t as sprawlify } from "../../factory-CRBABr3I.js";
+import { t as splitterAnatomy } from "../../splitter-anatomy-D6AP25Kw.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as splitter from "@sprawlify/primitives/machines/splitter";
+import { layout as getLayout, layout as getSplitterLayout } from "@sprawlify/primitives/machines/splitter";
+
+//#region src/components/splitter/use-splitter-context.ts
+const [SplitterProvider, useSplitterContext] = createContext$1({
+	hookName: "useSplitterContext",
+	providerName: "<SplitterProvider />"
+});
+
+//#endregion
+//#region src/components/splitter/splitter-context.tsx
+const SplitterContext = (props) => props.children(useSplitterContext());
+
+//#endregion
+//#region src/components/splitter/splitter-panel.tsx
+const SplitterPanel = (props) => {
+	const [panelProps, restProps] = createSplitProps()(props, ["id"]);
+	const api = useSplitterContext();
+	const mergedProps = mergeProps$2(() => api().getPanelProps(panelProps), restProps);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/splitter/use-splitter-resize-trigger-props-context.ts
+const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext$1({
+	hookName: "useSplitterResizeTriggerPropsContext",
+	providerName: "<SplitterResizeTriggerPropsProvider />"
+});
+
+//#endregion
+//#region src/components/splitter/splitter-resize-trigger.tsx
+const SplitterResizeTrigger = (props) => {
+	const [resizeTriggerProps, restProps] = createSplitProps()(props, ["disabled", "id"]);
+	const api = useSplitterContext();
+	const mergedProps = mergeProps$2(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
+	return createComponent(SplitterResizeTriggerPropsProvider, {
+		value: resizeTriggerProps,
+		get children() {
+			return createComponent(sprawlify.button, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/splitter/splitter-resize-trigger-indicator.tsx
+const SplitterResizeTriggerIndicator = (props) => {
+	const splitter$1 = useSplitterContext();
+	const triggerProps = useSplitterResizeTriggerPropsContext();
+	const mergedProps = mergeProps$2(() => splitter$1().getResizeTriggerIndicator(triggerProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/splitter/use-splitter.ts
+const useSplitter = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(splitter.machine, machineProps);
+	return createMemo(() => splitter.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/splitter/splitter-root.tsx
+const SplitterRoot = (props) => {
+	const [useSplitterProps, localProps] = createSplitProps()(props, [
+		"defaultSize",
+		"id",
+		"ids",
+		"keyboardResizeBy",
+		"nonce",
+		"onCollapse",
+		"onExpand",
+		"onResize",
+		"onResizeEnd",
+		"onResizeStart",
+		"orientation",
+		"panels",
+		"size"
+	]);
+	const api = useSplitter(useSplitterProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(SplitterProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/splitter/splitter-root-provider.tsx
+const SplitterRootProvider = (props) => {
+	const [{ value: splitter$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => splitter$1().getRootProps(), localProps);
+	return createComponent(SplitterProvider, {
+		value: splitter$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/splitter/splitter.ts
+var splitter_exports = /* @__PURE__ */ __export({
+	Context: () => SplitterContext,
+	Panel: () => SplitterPanel,
+	ResizeTrigger: () => SplitterResizeTrigger,
+	ResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
+	Root: () => SplitterRoot,
+	RootProvider: () => SplitterRootProvider,
+	getLayout: () => getLayout
+});
+
+//#endregion
+export { splitter_exports as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, SplitterRoot, SplitterRootProvider, getSplitterLayout, splitterAnatomy, useSplitter, useSplitterContext };

package/dist/components/splitter/index.jsx

@@ -0,0 +1,122 @@
+import { t as __export } from "../../chunk-DLIiRulR.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-BgpRwoCt.jsx";
+import { t as runIfFn } from "../../run-if-fn-D55yVu32.jsx";
+import { t as createContext$1 } from "../../create-context-BpJ2IzPB.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DsPqz7EL.jsx";
+import { t as sprawlify } from "../../factory-CWJejsJ5.jsx";
+import { t as createSplitProps } from "../../create-split-props-8J9EAVSk.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as splitter from "@sprawlify/primitives/machines/splitter";
+import { anatomy as splitterAnatomy, layout as getLayout, layout as getSplitterLayout } from "@sprawlify/primitives/machines/splitter";
+
+//#region src/components/splitter/use-splitter-context.ts
+const [SplitterProvider, useSplitterContext] = createContext$1({
+	hookName: "useSplitterContext",
+	providerName: "<SplitterProvider />"
+});
+
+//#endregion
+//#region src/components/splitter/splitter-context.tsx
+const SplitterContext = (props) => props.children(useSplitterContext());
+
+//#endregion
+//#region src/components/splitter/splitter-panel.tsx
+const SplitterPanel = (props) => {
+	const [panelProps, restProps] = createSplitProps()(props, ["id"]);
+	const api = useSplitterContext();
+	const mergedProps = mergeProps$1(() => api().getPanelProps(panelProps), restProps);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/splitter/use-splitter-resize-trigger-props-context.ts
+const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext$1({
+	hookName: "useSplitterResizeTriggerPropsContext",
+	providerName: "<SplitterResizeTriggerPropsProvider />"
+});
+
+//#endregion
+//#region src/components/splitter/splitter-resize-trigger.tsx
+const SplitterResizeTrigger = (props) => {
+	const [resizeTriggerProps, restProps] = createSplitProps()(props, ["disabled", "id"]);
+	const api = useSplitterContext();
+	const mergedProps = mergeProps$1(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
+	return <SplitterResizeTriggerPropsProvider value={resizeTriggerProps}>
+      <sprawlify.button {...mergedProps} />
+    </SplitterResizeTriggerPropsProvider>;
+};
+
+//#endregion
+//#region src/components/splitter/splitter-resize-trigger-indicator.tsx
+const SplitterResizeTriggerIndicator = (props) => {
+	const splitter$1 = useSplitterContext();
+	const triggerProps = useSplitterResizeTriggerPropsContext();
+	const mergedProps = mergeProps$1(() => splitter$1().getResizeTriggerIndicator(triggerProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/splitter/use-splitter.ts
+const useSplitter = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(splitter.machine, machineProps);
+	return createMemo(() => splitter.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/splitter/splitter-root.tsx
+const SplitterRoot = (props) => {
+	const [useSplitterProps, localProps] = createSplitProps()(props, [
+		"defaultSize",
+		"id",
+		"ids",
+		"keyboardResizeBy",
+		"nonce",
+		"onCollapse",
+		"onExpand",
+		"onResize",
+		"onResizeEnd",
+		"onResizeStart",
+		"orientation",
+		"panels",
+		"size"
+	]);
+	const api = useSplitter(useSplitterProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <SplitterProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </SplitterProvider>;
+};
+
+//#endregion
+//#region src/components/splitter/splitter-root-provider.tsx
+const SplitterRootProvider = (props) => {
+	const [{ value: splitter$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => splitter$1().getRootProps(), localProps);
+	return <SplitterProvider value={splitter$1}>
+      <sprawlify.div {...mergedProps} />
+    </SplitterProvider>;
+};
+
+//#endregion
+//#region src/components/splitter/splitter.ts
+var splitter_exports = /* @__PURE__ */ __export({
+	Context: () => SplitterContext,
+	Panel: () => SplitterPanel,
+	ResizeTrigger: () => SplitterResizeTrigger,
+	ResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
+	Root: () => SplitterRoot,
+	RootProvider: () => SplitterRootProvider,
+	getLayout: () => getLayout
+});
+
+//#endregion
+export { splitter_exports as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, SplitterRoot, SplitterRootProvider, getSplitterLayout, splitterAnatomy, useSplitter, useSplitterContext };

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

@@ -0,0 +1,102 @@
+import { n as PropTypes } from "../../index-CkYyW1zB.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-BDfyh3uz.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-47nL1bn3.js";
+import { t as stepsAnatomy } from "../../steps-anatomy-DIg2DYw-.js";
+import * as solid_js471 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as steps from "@sprawlify/primitives/machines/steps";
+import { ItemProps, ItemState, StepChangeDetails, StepChangeDetails as ChangeDetails } from "@sprawlify/primitives/machines/steps";
+
+//#region src/components/steps/steps-completed-content.d.ts
+interface StepsCompletedContentBaseProps extends PolymorphicProps<'div'> {}
+interface StepsCompletedContentProps extends HTMLProps<'div'>, StepsCompletedContentBaseProps {}
+declare const StepsCompletedContent: (props: StepsCompletedContentProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-content.d.ts
+interface StepsContentBaseProps extends PolymorphicProps<'div'>, ItemProps {}
+interface StepsContentProps extends HTMLProps<'div'>, StepsContentBaseProps {}
+declare const StepsContent: (props: StepsContentProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/use-steps.d.ts
+interface UseStepsProps extends Optional<Omit<steps.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseStepsReturn extends Accessor<steps.Api<PropTypes>> {}
+declare function useSteps(props?: MaybeAccessor<UseStepsProps>): UseStepsReturn;
+//#endregion
+//#region src/components/steps/use-steps-context.d.ts
+interface UseStepsContext extends UseStepsReturn {}
+//#endregion
+//#region src/components/steps/steps-context.d.ts
+interface StepsContextProps {
+  children: (context: UseStepsContext) => JSX.Element;
+}
+declare const StepsContext: (props: StepsContextProps) => JSX.Element;
+//#endregion
+//#region src/components/steps/steps-indicator.d.ts
+interface StepsIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface StepsIndicatorProps extends HTMLProps<'div'>, StepsIndicatorBaseProps {}
+declare const StepsIndicator: (props: StepsIndicatorProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-item.d.ts
+interface StepsItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
+interface StepsItemProps extends HTMLProps<'div'>, StepsItemBaseProps {}
+declare const StepsItem: (props: StepsItemProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/use-steps-item-context.d.ts
+interface UseStepsItemContext extends Accessor<ItemState> {}
+//#endregion
+//#region src/components/steps/steps-item-context.d.ts
+interface StepsItemContextProps {
+  children: (context: UseStepsItemContext) => JSX.Element;
+}
+declare const StepsItemContext: {
+  (props: StepsItemContextProps): JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/steps/steps-list.d.ts
+interface StepsListBaseProps extends PolymorphicProps<'div'> {}
+interface StepsListProps extends HTMLProps<'div'>, StepsListBaseProps {}
+declare const StepsList: (props: StepsListProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-next-trigger.d.ts
+interface StepsNextTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface StepsNextTriggerProps extends HTMLProps<'button'>, StepsNextTriggerBaseProps {}
+declare const StepsNextTrigger: (props: StepsNextTriggerProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-prev-trigger.d.ts
+interface StepsPrevTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface StepsPrevTriggerProps extends HTMLProps<'button'>, StepsPrevTriggerBaseProps {}
+declare const StepsPrevTrigger: (props: StepsPrevTriggerProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-progress.d.ts
+interface StepsProgressBaseProps extends PolymorphicProps<'div'> {}
+interface StepsProgressProps extends HTMLProps<'div'>, StepsProgressBaseProps {}
+declare const StepsProgress: (props: StepsProgressProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-root.d.ts
+interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps<'div'> {}
+interface StepsRootProps extends HTMLProps<'div'>, StepsRootBaseProps {}
+declare const StepsRoot: (props: StepsRootProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-root-provider.d.ts
+interface RootProviderProps {
+  value: UseStepsReturn;
+}
+interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {}
+interface StepsRootProviderProps extends HTMLProps<'div'>, StepsRootProviderBaseProps {}
+declare const StepsRootProvider: (props: StepsRootProviderProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-separator.d.ts
+interface StepsSeparatorBaseProps extends PolymorphicProps<'div'> {}
+interface StepsSeparatorProps extends HTMLProps<'div'>, StepsSeparatorBaseProps {}
+declare const StepsSeparator: (props: StepsSeparatorProps) => solid_js471.JSX.Element;
+//#endregion
+//#region src/components/steps/steps-trigger.d.ts
+interface StepsTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface StepsTriggerProps extends HTMLProps<'button'>, StepsTriggerBaseProps {}
+declare const StepsTrigger: (props: StepsTriggerProps) => solid_js471.JSX.Element;
+declare namespace steps_d_exports {
+  export { ChangeDetails, StepsCompletedContent as CompletedContent, StepsCompletedContentBaseProps as CompletedContentBaseProps, StepsCompletedContentProps as CompletedContentProps, StepsContent as Content, StepsContentBaseProps as ContentBaseProps, StepsContentProps as ContentProps, StepsContext as Context, StepsContextProps as ContextProps, StepsIndicator as Indicator, StepsIndicatorBaseProps as IndicatorBaseProps, StepsIndicatorProps as IndicatorProps, StepsItem as Item, StepsItemBaseProps as ItemBaseProps, StepsItemContext as ItemContext, StepsItemContextProps as ItemContextProps, StepsItemProps as ItemProps, StepsList as List, StepsListBaseProps as ListBaseProps, StepsListProps as ListProps, StepsNextTrigger as NextTrigger, StepsNextTriggerBaseProps as NextTriggerBaseProps, StepsNextTriggerProps as NextTriggerProps, StepsPrevTrigger as PrevTrigger, StepsPrevTriggerBaseProps as PrevTriggerBaseProps, StepsPrevTriggerProps as PrevTriggerProps, StepsProgress as Progress, StepsProgressBaseProps as ProgressBaseProps, StepsProgressProps as ProgressProps, StepsRoot as Root, StepsRootBaseProps as RootBaseProps, StepsRootProps as RootProps, StepsRootProvider as RootProvider, StepsRootProviderBaseProps as RootProviderBaseProps, StepsRootProviderProps as RootProviderProps, StepsSeparator as Separator, StepsSeparatorBaseProps as SeparatorBaseProps, StepsSeparatorProps as SeparatorProps, StepsTrigger as Trigger, StepsTriggerBaseProps as TriggerBaseProps, StepsTriggerProps as TriggerProps };
+}
+//#endregion
+export { type StepChangeDetails, steps_d_exports as Steps, StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, StepsContent, type StepsContentBaseProps, type StepsContentProps, StepsContext, type StepsContextProps, StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, StepsItem, type StepsItemBaseProps, StepsItemContext, type StepsItemContextProps, type StepsItemProps, StepsList, type StepsListBaseProps, type StepsListProps, StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, StepsProgress, type StepsProgressBaseProps, type StepsProgressProps, StepsRoot, type StepsRootBaseProps, type StepsRootProps, StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps, type UseStepsContext, type UseStepsItemContext, type UseStepsProps, type UseStepsReturn, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };

package/dist/components/steps/index.js

@@ -0,0 +1,218 @@
+import { t as __export } from "../../chunk-DGaS4lLa.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-DlJdnFMg.js";
+import { t as runIfFn } from "../../run-if-fn-COsqwaBZ.js";
+import { t as createContext$1 } from "../../create-context-BqG72mig.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-PrTpHfBr.js";
+import { t as sprawlify } from "../../factory-CRBABr3I.js";
+import { t as stepsAnatomy } from "../../steps-anatomy-DadglyM4.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as steps from "@sprawlify/primitives/machines/steps";
+
+//#region src/components/steps/use-steps-context.ts
+const [StepsProvider, useStepsContext] = createContext$1({
+	hookName: "useStepsContext",
+	providerName: "<StepsProvider />"
+});
+
+//#endregion
+//#region src/components/steps/steps-completed-content.tsx
+const StepsCompletedContent = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getContentProps({ index: steps$1().count }), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/steps-content.tsx
+const StepsContent = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getContentProps(itemProps), localProps);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/steps-context.tsx
+const StepsContext = (props) => {
+	const context = useStepsContext();
+	return props.children(context);
+};
+
+//#endregion
+//#region src/components/steps/use-steps-item-props-context.ts
+const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext$1({
+	hookName: "useStepsItemPropsContext",
+	providerName: "<StepsItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/steps/steps-indicator.tsx
+const StepsIndicator = (props) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getIndicatorProps(itemProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/use-steps-item-context.ts
+const [StepsItemProvider, useStepsItemContext] = createContext$1({
+	hookName: "useStepsItemContext",
+	providerName: "<StepsItem />"
+});
+
+//#endregion
+//#region src/components/steps/steps-item.tsx
+const StepsItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => steps$1().getItemState(itemProps));
+	return createComponent(StepsItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(StepsItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/steps/steps-item-context.tsx
+const StepsItemContext = (props) => {
+	return props.children(useStepsItemContext());
+};
+StepsItemContext.displayName = "StepsItemContext";
+
+//#endregion
+//#region src/components/steps/steps-list.tsx
+const StepsList = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getListProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/steps-next-trigger.tsx
+const StepsNextTrigger = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getNextTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/steps-prev-trigger.tsx
+const StepsPrevTrigger = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getPrevTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/steps-progress.tsx
+const StepsProgress = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getProgressProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/use-steps.ts
+function useSteps(props) {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const locale = useLocaleContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(steps.machine, machineProps);
+	return createMemo(() => steps.connect(service, normalizeProps));
+}
+
+//#endregion
+//#region src/components/steps/steps-root.tsx
+const StepsRoot = (props) => {
+	const [useStepsProps, localProps] = createSplitProps()(props, [
+		"defaultStep",
+		"id",
+		"ids",
+		"count",
+		"linear",
+		"onStepChange",
+		"onStepComplete",
+		"orientation",
+		"step"
+	]);
+	const steps$1 = useSteps(useStepsProps);
+	const mergedProps = mergeProps$2(() => steps$1().getRootProps(), localProps);
+	return createComponent(StepsProvider, {
+		value: steps$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/steps/steps-root-provider.tsx
+const StepsRootProvider = (props) => {
+	const [{ value: steps$1 }, rootProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => steps$1().getRootProps(), rootProps);
+	return createComponent(StepsProvider, {
+		value: steps$1,
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { get children() {
+				return props.children;
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/steps/steps-separator.tsx
+const StepsSeparator = (props) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getSeparatorProps(itemProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/steps-trigger.tsx
+const StepsTrigger = (props) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$2(() => steps$1().getTriggerProps(itemProps), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/steps/steps.ts
+var steps_exports = /* @__PURE__ */ __export({
+	CompletedContent: () => StepsCompletedContent,
+	Content: () => StepsContent,
+	Context: () => StepsContext,
+	Indicator: () => StepsIndicator,
+	Item: () => StepsItem,
+	ItemContext: () => StepsItemContext,
+	List: () => StepsList,
+	NextTrigger: () => StepsNextTrigger,
+	PrevTrigger: () => StepsPrevTrigger,
+	Progress: () => StepsProgress,
+	Root: () => StepsRoot,
+	RootProvider: () => StepsRootProvider,
+	Separator: () => StepsSeparator,
+	Trigger: () => StepsTrigger
+});
+
+//#endregion
+export { steps_exports as Steps, StepsCompletedContent, StepsContent, StepsContext, StepsIndicator, StepsItem, StepsItemContext, StepsList, StepsNextTrigger, StepsPrevTrigger, StepsProgress, StepsRoot, StepsRootProvider, StepsSeparator, StepsTrigger, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };