@sprawlify/solid 0.0.17 → 0.0.19

package/dist/components/number-input/index.js

@@ -0,0 +1,182 @@
+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 "../../compose-refs-D9EoLzZW.js";
+import "../../fieldset-QCHS-iMi.js";
+import { m as useFieldContext } from "../../field-CF9yh37t.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as numberInput from "@sprawlify/primitives/machines/number-input";
+import { anatomy as numberInputAnatomy } from "@sprawlify/primitives/machines/number-input";
+
+//#region src/components/number-input/use-number-input-context.ts
+const [NumberInputProvider, useNumberInputContext] = createContext$1({
+	hookName: "useNumberInputContext",
+	providerName: "<NumberInputProvider />"
+});
+
+//#endregion
+//#region src/components/number-input/number-input-context.tsx
+const NumberInputContext = (props) => props.children(useNumberInputContext());
+
+//#endregion
+//#region src/components/number-input/number-input-control.tsx
+const NumberInputControl = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/number-input/number-input-decrement-trigger.tsx
+const NumberInputDecrementTrigger = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$2(() => api().getDecrementTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/number-input/number-input-increment-trigger.tsx
+const NumberInputIncrementTrigger = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$2(() => api().getIncrementTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/number-input/number-input-input.tsx
+const NumberInputInput = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$2(() => api().getInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/number-input/number-input-label.tsx
+const NumberInputLabel = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/number-input/use-number-input.ts
+const useNumberInput = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			input: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		dir: locale().dir,
+		locale: locale().locale,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(numberInput.machine, machineProps);
+	return createMemo(() => numberInput.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/number-input/number-input-root.tsx
+const NumberInputRoot = (props) => {
+	const [useNumberInputProps, localProps] = createSplitProps()(props, [
+		"allowMouseWheel",
+		"allowOverflow",
+		"clampValueOnBlur",
+		"defaultValue",
+		"disabled",
+		"focusInputOnChange",
+		"form",
+		"formatOptions",
+		"id",
+		"ids",
+		"inputMode",
+		"invalid",
+		"locale",
+		"max",
+		"min",
+		"name",
+		"onFocusChange",
+		"onValueChange",
+		"onValueCommit",
+		"onValueInvalid",
+		"pattern",
+		"readOnly",
+		"required",
+		"spinOnPress",
+		"step",
+		"translations",
+		"value"
+	]);
+	const api = useNumberInput(useNumberInputProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(NumberInputProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/number-input/number-input-root-provider.tsx
+const NumberInputRootProvider = (props) => {
+	const [{ value: numberInput$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => numberInput$1().getRootProps(), localProps);
+	return createComponent(NumberInputProvider, {
+		value: numberInput$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/number-input/number-input-scrubber.tsx
+const NumberInputScrubber = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$2(() => api().getScrubberProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/number-input/number-input-value-text.tsx
+const NumberInputValueText = (props) => {
+	const numberInput$1 = useNumberInputContext();
+	const mergedProps = mergeProps$2(() => numberInput$1().getValueTextProps(), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/number-input/number-input.ts
+var number_input_exports = /* @__PURE__ */ __export({
+	Context: () => NumberInputContext,
+	Control: () => NumberInputControl,
+	DecrementTrigger: () => NumberInputDecrementTrigger,
+	IncrementTrigger: () => NumberInputIncrementTrigger,
+	Input: () => NumberInputInput,
+	Label: () => NumberInputLabel,
+	Root: () => NumberInputRoot,
+	RootProvider: () => NumberInputRootProvider,
+	Scrubber: () => NumberInputScrubber,
+	ValueText: () => NumberInputValueText
+});
+
+//#endregion
+export { number_input_exports as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, numberInputAnatomy, useNumberInput, useNumberInputContext };

package/dist/components/number-input/index.jsx

@@ -0,0 +1,173 @@
+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 numberInput from "@sprawlify/primitives/machines/number-input";
+import { anatomy as numberInputAnatomy } from "@sprawlify/primitives/machines/number-input";
+
+//#region src/components/number-input/use-number-input-context.ts
+const [NumberInputProvider, useNumberInputContext] = createContext$1({
+	hookName: "useNumberInputContext",
+	providerName: "<NumberInputProvider />"
+});
+
+//#endregion
+//#region src/components/number-input/number-input-context.tsx
+const NumberInputContext = (props) => props.children(useNumberInputContext());
+
+//#endregion
+//#region src/components/number-input/number-input-control.tsx
+const NumberInputControl = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/number-input/number-input-decrement-trigger.tsx
+const NumberInputDecrementTrigger = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$1(() => api().getDecrementTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/number-input/number-input-increment-trigger.tsx
+const NumberInputIncrementTrigger = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$1(() => api().getIncrementTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/number-input/number-input-input.tsx
+const NumberInputInput = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$1(() => api().getInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/number-input/number-input-label.tsx
+const NumberInputLabel = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/number-input/use-number-input.ts
+const useNumberInput = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			input: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		dir: locale().dir,
+		locale: locale().locale,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(numberInput.machine, machineProps);
+	return createMemo(() => numberInput.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/number-input/number-input-root.tsx
+const NumberInputRoot = (props) => {
+	const [useNumberInputProps, localProps] = createSplitProps()(props, [
+		"allowMouseWheel",
+		"allowOverflow",
+		"clampValueOnBlur",
+		"defaultValue",
+		"disabled",
+		"focusInputOnChange",
+		"form",
+		"formatOptions",
+		"id",
+		"ids",
+		"inputMode",
+		"invalid",
+		"locale",
+		"max",
+		"min",
+		"name",
+		"onFocusChange",
+		"onValueChange",
+		"onValueCommit",
+		"onValueInvalid",
+		"pattern",
+		"readOnly",
+		"required",
+		"spinOnPress",
+		"step",
+		"translations",
+		"value"
+	]);
+	const api = useNumberInput(useNumberInputProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <NumberInputProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </NumberInputProvider>;
+};
+
+//#endregion
+//#region src/components/number-input/number-input-root-provider.tsx
+const NumberInputRootProvider = (props) => {
+	const [{ value: numberInput$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => numberInput$1().getRootProps(), localProps);
+	return <NumberInputProvider value={numberInput$1}>
+      <sprawlify.div {...mergedProps} />
+    </NumberInputProvider>;
+};
+
+//#endregion
+//#region src/components/number-input/number-input-scrubber.tsx
+const NumberInputScrubber = (props) => {
+	const api = useNumberInputContext();
+	const mergedProps = mergeProps$1(() => api().getScrubberProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/number-input/number-input-value-text.tsx
+const NumberInputValueText = (props) => {
+	const numberInput$1 = useNumberInputContext();
+	const mergedProps = mergeProps$1(() => numberInput$1().getValueTextProps(), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/number-input/number-input.ts
+var number_input_exports = /* @__PURE__ */ __export({
+	Context: () => NumberInputContext,
+	Control: () => NumberInputControl,
+	DecrementTrigger: () => NumberInputDecrementTrigger,
+	IncrementTrigger: () => NumberInputIncrementTrigger,
+	Input: () => NumberInputInput,
+	Label: () => NumberInputLabel,
+	Root: () => NumberInputRoot,
+	RootProvider: () => NumberInputRootProvider,
+	Scrubber: () => NumberInputScrubber,
+	ValueText: () => NumberInputValueText
+});
+
+//#endregion
+export { number_input_exports as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, numberInputAnatomy, useNumberInput, useNumberInputContext };

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

@@ -0,0 +1,69 @@
+import { n as PropTypes } from "../../index-tbMcVIMv.js";
+import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-DPhuMU2R.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
+import * as solid_js194 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as pagination from "@sprawlify/primitives/machines/pagination";
+import { EllipsisProps, ItemLabelDetails, ItemLabelDetails as PaginationItemLabelDetails, ItemProps, PageChangeDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails, PageUrlDetails as PaginationPageUrlDetails, anatomy as paginationAnatomy } from "@sprawlify/primitives/machines/pagination";
+
+//#region src/components/pagination/use-pagination.d.ts
+interface UsePaginationProps extends Optional<Omit<pagination.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UsePaginationReturn extends Accessor<pagination.Api<PropTypes>> {}
+declare const usePagination: (props?: MaybeAccessor<UsePaginationProps>) => UsePaginationReturn;
+//#endregion
+//#region src/components/pagination/use-pagination-context.d.ts
+interface UsePaginationContext extends UsePaginationReturn {}
+//#endregion
+//#region src/components/pagination/pagination-context.d.ts
+interface PaginationContextProps {
+  children: (context: UsePaginationContext) => JSX.Element;
+}
+declare const PaginationContext: (props: PaginationContextProps) => JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-ellipsis.d.ts
+interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps<'div'> {}
+interface PaginationEllipsisProps extends HTMLProps<'div'>, PaginationEllipsisBaseProps {}
+declare const PaginationEllipsis: (props: PaginationEllipsisProps) => solid_js194.JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-first-trigger.d.ts
+interface PaginationFirstTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface PaginationFirstTriggerProps extends HTMLProps<'button'>, PaginationFirstTriggerBaseProps {}
+declare const PaginationFirstTrigger: (props: PaginationFirstTriggerProps) => solid_js194.JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-item.d.ts
+interface PaginationItemBaseProps extends ItemProps, PolymorphicProps<'button'> {}
+interface PaginationItemProps extends Assign<HTMLProps<'button'>, PaginationItemBaseProps> {}
+declare const PaginationItem: (props: PaginationItemProps) => solid_js194.JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-last-trigger.d.ts
+interface PaginationLastTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface PaginationLastTriggerProps extends HTMLProps<'button'>, PaginationLastTriggerBaseProps {}
+declare const PaginationLastTrigger: (props: PaginationLastTriggerProps) => solid_js194.JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-next-trigger.d.ts
+interface PaginationNextTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface PaginationNextTriggerProps extends HTMLProps<'button'>, PaginationNextTriggerBaseProps {}
+declare const PaginationNextTrigger: (props: PaginationNextTriggerProps) => solid_js194.JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-prev-trigger.d.ts
+interface PaginationPrevTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface PaginationPrevTriggerProps extends HTMLProps<'button'>, PaginationPrevTriggerBaseProps {}
+declare const PaginationPrevTrigger: (props: PaginationPrevTriggerProps) => solid_js194.JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-root.d.ts
+interface PaginationRootBaseProps extends UsePaginationProps, PolymorphicProps<'nav'> {}
+interface PaginationRootProps extends HTMLProps<'nav'>, PaginationRootBaseProps {}
+declare const PaginationRoot: (props: PaginationRootProps) => solid_js194.JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-root-provider.d.ts
+interface RootProviderProps {
+  value: UsePaginationReturn;
+}
+interface PaginationRootProviderBaseProps extends PolymorphicProps<'nav'> {}
+interface PaginationRootProviderProps extends HTMLProps<'nav'>, RootProviderProps, PaginationRootProviderBaseProps {}
+declare const PaginationRootProvider: (props: PaginationRootProviderProps) => solid_js194.JSX.Element;
+declare namespace pagination_d_exports {
+  export { PaginationContext as Context, PaginationContextProps as ContextProps, PaginationEllipsis as Ellipsis, PaginationEllipsisBaseProps as EllipsisBaseProps, PaginationEllipsisProps as EllipsisProps, PaginationFirstTrigger as FirstTrigger, PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, PaginationFirstTriggerProps as FirstTriggerProps, PaginationItem as Item, PaginationItemBaseProps as ItemBaseProps, ItemLabelDetails, PaginationItemProps as ItemProps, PaginationLastTrigger as LastTrigger, PaginationLastTriggerBaseProps as LastTriggerBaseProps, PaginationLastTriggerProps as LastTriggerProps, PaginationNextTrigger as NextTrigger, PaginationNextTriggerBaseProps as NextTriggerBaseProps, PaginationNextTriggerProps as NextTriggerProps, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails, PaginationPrevTrigger as PrevTrigger, PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, PaginationPrevTriggerProps as PrevTriggerProps, PaginationRoot as Root, PaginationRootBaseProps as RootBaseProps, PaginationRootProps as RootProps, PaginationRootProvider as RootProvider, PaginationRootProviderBaseProps as RootProviderBaseProps, PaginationRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { pagination_d_exports as Pagination, PaginationContext, type PaginationContextProps, PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, PaginationItem, type PaginationItemBaseProps, type PaginationItemLabelDetails, type PaginationItemProps, PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, type PaginationPageChangeDetails, type PaginationPageSizeChangeDetails, type PaginationPageUrlDetails, PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps, PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, type UsePaginationContext, type UsePaginationProps, type UsePaginationReturn, paginationAnatomy, usePagination, usePaginationContext };

package/dist/components/pagination/index.js

@@ -0,0 +1,146 @@
+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 } from "solid-js/web";
+import * as pagination from "@sprawlify/primitives/machines/pagination";
+import { anatomy as paginationAnatomy } from "@sprawlify/primitives/machines/pagination";
+
+//#region src/components/pagination/use-pagination-context.ts
+const [PaginationProvider, usePaginationContext] = createContext$1({
+	hookName: "usePaginationContext",
+	providerName: "<PaginationProvider />"
+});
+
+//#endregion
+//#region src/components/pagination/pagination-context.tsx
+const PaginationContext = (props) => props.children(usePaginationContext());
+
+//#endregion
+//#region src/components/pagination/pagination-ellipsis.tsx
+const PaginationEllipsis = (props) => {
+	const [ellipsisProps, localProps] = createSplitProps()(props, ["index"]);
+	const api = usePaginationContext();
+	const mergedProps = mergeProps$2(() => api().getEllipsisProps(ellipsisProps), localProps);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/pagination/pagination-first-trigger.tsx
+const PaginationFirstTrigger = (props) => {
+	const api = usePaginationContext();
+	const mergedProps = mergeProps$2(() => api().getFirstTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/pagination/pagination-item.tsx
+const PaginationItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["value", "type"]);
+	const api = usePaginationContext();
+	const mergedProps = mergeProps$2(() => api().getItemProps(itemProps), localProps);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/pagination/pagination-last-trigger.tsx
+const PaginationLastTrigger = (props) => {
+	const api = usePaginationContext();
+	const mergedProps = mergeProps$2(() => api().getLastTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/pagination/pagination-next-trigger.tsx
+const PaginationNextTrigger = (props) => {
+	const api = usePaginationContext();
+	const mergedProps = mergeProps$2(() => api().getNextTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/pagination/pagination-prev-trigger.tsx
+const PaginationPrevTrigger = (props) => {
+	const api = usePaginationContext();
+	const mergedProps = mergeProps$2(() => api().getPrevTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/pagination/use-pagination.ts
+const usePagination = (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(pagination.machine, machineProps);
+	return createMemo(() => pagination.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/pagination/pagination-root.tsx
+const PaginationRoot = (props) => {
+	const [usePaginationProps, localProps] = createSplitProps()(props, [
+		"boundaryCount",
+		"count",
+		"defaultPage",
+		"defaultPageSize",
+		"getPageUrl",
+		"id",
+		"ids",
+		"onPageChange",
+		"onPageSizeChange",
+		"page",
+		"pageSize",
+		"siblingCount",
+		"translations",
+		"type"
+	]);
+	const api = usePagination(usePaginationProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(PaginationProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.nav, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/pagination/pagination-root-provider.tsx
+const PaginationRootProvider = (props) => {
+	const [{ value: pagination$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => pagination$1().getRootProps(), localProps);
+	return createComponent(PaginationProvider, {
+		value: pagination$1,
+		get children() {
+			return createComponent(sprawlify.nav, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/pagination/pagination.ts
+var pagination_exports = /* @__PURE__ */ __export({
+	Context: () => PaginationContext,
+	Ellipsis: () => PaginationEllipsis,
+	FirstTrigger: () => PaginationFirstTrigger,
+	Item: () => PaginationItem,
+	LastTrigger: () => PaginationLastTrigger,
+	NextTrigger: () => PaginationNextTrigger,
+	PrevTrigger: () => PaginationPrevTrigger,
+	Root: () => PaginationRoot,
+	RootProvider: () => PaginationRootProvider
+});
+
+//#endregion
+export { pagination_exports as Pagination, PaginationContext, PaginationEllipsis, PaginationFirstTrigger, PaginationItem, PaginationLastTrigger, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, paginationAnatomy, usePagination, usePaginationContext };