@sprawlify/svelte 0.0.45 → 0.0.47

package/dist/components/number-input/number-input-increment-trigger.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface NumberInputIncrementTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface NumberInputIncrementTriggerProps
+    extends Assign<HTMLProps<'button'>, NumberInputIncrementTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useNumberInputContext } from './use-number-input-context'
+
+  let { ref = $bindable(null), ...props }: NumberInputIncrementTriggerProps = $props()
+
+  const numberInput = useNumberInputContext()
+  const mergedProps = $derived(mergeProps(numberInput().getIncrementTriggerProps(), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/number-input/number-input-increment-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface NumberInputIncrementTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+}
+export interface NumberInputIncrementTriggerProps extends Assign<HTMLProps<'button'>, NumberInputIncrementTriggerBaseProps> {
+}
+declare const NumberInputIncrementTrigger: import("svelte").Component<NumberInputIncrementTriggerProps, {}, "ref">;
+type NumberInputIncrementTrigger = ReturnType<typeof NumberInputIncrementTrigger>;
+export default NumberInputIncrementTrigger;

package/dist/components/number-input/number-input-input.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface NumberInputInputBaseProps extends PolymorphicProps<'input'>, RefAttribute {}
+  export interface NumberInputInputProps extends Assign<HTMLProps<'input'>, NumberInputInputBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useFieldContext } from '../field'
+  import { useNumberInputContext } from './use-number-input-context'
+
+  let { ref = $bindable(null), ...props }: NumberInputInputProps = $props()
+
+  const numberInput = useNumberInputContext()
+  const field = useFieldContext()
+  const mergedProps = $derived(mergeProps(numberInput().getInputProps(), props))
+</script>
+
+<Sprawlify as="input" bind:ref aria-describedby={field?.()?.ariaDescribedby} {...mergedProps} />

package/dist/components/number-input/number-input-input.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface NumberInputInputBaseProps extends PolymorphicProps<'input'>, RefAttribute {
+}
+export interface NumberInputInputProps extends Assign<HTMLProps<'input'>, NumberInputInputBaseProps> {
+}
+declare const NumberInputInput: import("svelte").Component<NumberInputInputProps, {}, "ref">;
+type NumberInputInput = ReturnType<typeof NumberInputInput>;
+export default NumberInputInput;

package/dist/components/number-input/number-input-label.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface NumberInputLabelBaseProps extends PolymorphicProps<'label'>, RefAttribute {}
+  export interface NumberInputLabelProps extends Assign<HTMLProps<'label'>, NumberInputLabelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useNumberInputContext } from './use-number-input-context'
+
+  let { ref = $bindable(null), ...props }: NumberInputLabelProps = $props()
+
+  const numberInput = useNumberInputContext()
+  const mergedProps = $derived(mergeProps(numberInput().getLabelProps(), props))
+</script>
+
+<Sprawlify as="label" bind:ref {...mergedProps} />

package/dist/components/number-input/number-input-label.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface NumberInputLabelBaseProps extends PolymorphicProps<'label'>, RefAttribute {
+}
+export interface NumberInputLabelProps extends Assign<HTMLProps<'label'>, NumberInputLabelBaseProps> {
+}
+declare const NumberInputLabel: import("svelte").Component<NumberInputLabelProps, {}, "ref">;
+type NumberInputLabel = ReturnType<typeof NumberInputLabel>;
+export default NumberInputLabel;

package/dist/components/number-input/number-input-root-provider.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseNumberInputReturn } from './use-number-input.svelte'
+
+  export interface NumberInputRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseNumberInputReturn
+  }
+  export interface NumberInputRootProviderProps extends Assign<HTMLProps<'div'>, NumberInputRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { NumberInputProvider } from './use-number-input-context'
+
+  let { ref = $bindable(null), value, ...props }: NumberInputRootProviderProps = $props()
+
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+
+  NumberInputProvider(value)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/number-input/number-input-root-provider.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseNumberInputReturn } from './use-number-input.svelte';
+export interface NumberInputRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseNumberInputReturn;
+}
+export interface NumberInputRootProviderProps extends Assign<HTMLProps<'div'>, NumberInputRootProviderBaseProps> {
+}
+declare const NumberInputRootProvider: import("svelte").Component<NumberInputRootProviderProps, {}, "ref">;
+type NumberInputRootProvider = ReturnType<typeof NumberInputRootProvider>;
+export default NumberInputRootProvider;

package/dist/components/number-input/number-input-root.svelte

@@ -0,0 +1,37 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseNumberInputProps } from './use-number-input.svelte'
+
+  export interface NumberInputRootBaseProps extends UseNumberInputProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface NumberInputRootProps extends Assign<HTMLProps<'div'>, NumberInputRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { NumberInputProvider } from './use-number-input-context'
+  import { splitNumberInputProps } from './split-number-input-props.svelte'
+  import { useNumberInput } from './use-number-input.svelte'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: NumberInputRootProps = $props()
+  const providedId = $props.id()
+
+  const [useNumberInputProps, localProps] = $derived(splitNumberInputProps(props))
+
+  const resolvedProps = $derived<UseNumberInputProps>({
+    ...useNumberInputProps,
+    id: useNumberInputProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      useNumberInputProps.onValueChange?.(details)
+      if (value !== undefined) value = details.value
+    },
+  })
+
+  const numberInput = useNumberInput(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(numberInput().getRootProps(), localProps))
+
+  NumberInputProvider(numberInput)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/number-input/number-input-root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseNumberInputProps } from './use-number-input.svelte';
+export interface NumberInputRootBaseProps extends UseNumberInputProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface NumberInputRootProps extends Assign<HTMLProps<'div'>, NumberInputRootBaseProps> {
+}
+declare const NumberInputRoot: import("svelte").Component<NumberInputRootProps, {}, "value" | "ref">;
+type NumberInputRoot = ReturnType<typeof NumberInputRoot>;
+export default NumberInputRoot;

package/dist/components/number-input/number-input-scrubber.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface NumberInputScrubberBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface NumberInputScrubberProps extends Assign<HTMLProps<'span'>, NumberInputScrubberBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useNumberInputContext } from './use-number-input-context'
+
+  let { ref = $bindable(null), ...props }: NumberInputScrubberProps = $props()
+
+  const numberInput = useNumberInputContext()
+  const mergedProps = $derived(mergeProps(numberInput().getScrubberProps(), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

package/dist/components/number-input/number-input-scrubber.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface NumberInputScrubberBaseProps extends PolymorphicProps<'span'>, RefAttribute {
+}
+export interface NumberInputScrubberProps extends Assign<HTMLProps<'span'>, NumberInputScrubberBaseProps> {
+}
+declare const NumberInputScrubber: import("svelte").Component<NumberInputScrubberProps, {}, "ref">;
+type NumberInputScrubber = ReturnType<typeof NumberInputScrubber>;
+export default NumberInputScrubber;

package/dist/components/number-input/number-input-value-text.svelte

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface NumberInputValueTextBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface NumberInputValueTextProps extends Assign<HTMLProps<'span'>, NumberInputValueTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useNumberInputContext } from './use-number-input-context'
+
+  let { ref = $bindable(null), children, ...props }: NumberInputValueTextProps = $props()
+
+  const numberInput = useNumberInputContext()
+  const mergedProps = $derived(mergeProps(numberInput().getValueTextProps(), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {numberInput().value}
+  {/if}
+</Sprawlify>

package/dist/components/number-input/number-input-value-text.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface NumberInputValueTextBaseProps extends PolymorphicProps<'span'>, RefAttribute {
+}
+export interface NumberInputValueTextProps extends Assign<HTMLProps<'span'>, NumberInputValueTextBaseProps> {
+}
+declare const NumberInputValueText: import("svelte").Component<NumberInputValueTextProps, {}, "ref">;
+type NumberInputValueText = ReturnType<typeof NumberInputValueText>;
+export default NumberInputValueText;

package/dist/components/number-input/number-input.d.ts

@@ -0,0 +1,11 @@
+export type { FocusChangeDetails, ValueChangeDetails, ValueInvalidDetails } from '@sprawlify/primitives/machines/number-input';
+export { default as Context, type NumberInputContextProps as ContextProps } from './number-input-context.svelte';
+export { default as Control, type NumberInputControlBaseProps as ControlBaseProps, type NumberInputControlProps as ControlProps, } from './number-input-control.svelte';
+export { default as DecrementTrigger, type NumberInputDecrementTriggerBaseProps as DecrementTriggerBaseProps, type NumberInputDecrementTriggerProps as DecrementTriggerProps, } from './number-input-decrement-trigger.svelte';
+export { default as IncrementTrigger, type NumberInputIncrementTriggerBaseProps as IncrementTriggerBaseProps, type NumberInputIncrementTriggerProps as IncrementTriggerProps, } from './number-input-increment-trigger.svelte';
+export { default as Input, type NumberInputInputBaseProps as InputBaseProps, type NumberInputInputProps as InputProps, } from './number-input-input.svelte';
+export { default as Label, type NumberInputLabelBaseProps as LabelBaseProps, type NumberInputLabelProps as LabelProps, } from './number-input-label.svelte';
+export { default as Root, type NumberInputRootBaseProps as RootBaseProps, type NumberInputRootProps as RootProps, } from './number-input-root.svelte';
+export { default as RootProvider, type NumberInputRootProviderBaseProps as RootProviderBaseProps, type NumberInputRootProviderProps as RootProviderProps, } from './number-input-root-provider.svelte';
+export { default as Scrubber, type NumberInputScrubberBaseProps as ScrubberBaseProps, type NumberInputScrubberProps as ScrubberProps, } from './number-input-scrubber.svelte';
+export { default as ValueText, type NumberInputValueTextBaseProps as ValueTextBaseProps, type NumberInputValueTextProps as ValueTextProps, } from './number-input-value-text.svelte';

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

@@ -0,0 +1,10 @@
+export { default as Context } from './number-input-context.svelte';
+export { default as Control, } from './number-input-control.svelte';
+export { default as DecrementTrigger, } from './number-input-decrement-trigger.svelte';
+export { default as IncrementTrigger, } from './number-input-increment-trigger.svelte';
+export { default as Input, } from './number-input-input.svelte';
+export { default as Label, } from './number-input-label.svelte';
+export { default as Root, } from './number-input-root.svelte';
+export { default as RootProvider, } from './number-input-root-provider.svelte';
+export { default as Scrubber, } from './number-input-scrubber.svelte';
+export { default as ValueText, } from './number-input-value-text.svelte';

package/dist/components/number-input/split-number-input-props.svelte.d.ts

@@ -0,0 +1,2 @@
+import type { UseNumberInputProps } from './use-number-input.svelte';
+export declare const splitNumberInputProps: <T extends UseNumberInputProps>(props: T) => [UseNumberInputProps, Omit<T, "value" | "defaultValue" | "disabled" | "id" | "ids" | "form" | "pattern" | "name" | "locale" | "step" | "onValueChange" | "onFocusChange" | "readOnly" | "invalid" | "max" | "min" | "required" | "translations" | "onValueCommit" | "allowOverflow" | "allowMouseWheel" | "clampValueOnBlur" | "focusInputOnChange" | "formatOptions" | "inputMode" | "onValueInvalid" | "spinOnPress">];

package/dist/components/number-input/split-number-input-props.svelte.js

@@ -0,0 +1,31 @@
+import { createSplitProps } from '../../utils/create-split-props';
+const splitFn = createSplitProps();
+export const splitNumberInputProps = (props) => splitFn(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',
+]);

package/dist/components/number-input/use-number-input-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseNumberInputReturn } from './use-number-input.svelte';
+export interface UseNumberInputContext extends UseNumberInputReturn {
+}
+export declare const NumberInputProvider: (opts: UseNumberInputContext) => void, useNumberInputContext: (fallback?: UseNumberInputContext | undefined) => UseNumberInputContext;

package/dist/components/number-input/use-number-input-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [NumberInputProvider, useNumberInputContext] = createContext({
+    name: 'NumberInputContext',
+    hookName: 'useNumberInputContext',
+    providerName: '<NumberInputProvider />',
+});

package/dist/components/number-input/use-number-input.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types';
+import * as numberInput from '@sprawlify/primitives/machines/number-input';
+import { type PropTypes } from '../../core';
+import { type MaybeFunction } from '@sprawlify/primitives/utils';
+export interface UseNumberInputProps extends Optional<Omit<numberInput.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseNumberInputReturn extends Accessor<numberInput.Api<PropTypes>> {
+}
+export declare const useNumberInput: (props?: MaybeFunction<UseNumberInputProps>) => UseNumberInputReturn;

package/dist/components/number-input/use-number-input.svelte.js

@@ -0,0 +1,31 @@
+import { useEnvironmentContext } from '../../providers/environment';
+import { useLocaleContext } from '../../providers/locale';
+import * as numberInput from '@sprawlify/primitives/machines/number-input';
+import { normalizeProps, useMachine } from '../../core';
+import { ensureProps, runIfFn } from '@sprawlify/primitives/utils';
+import { useFieldContext } from '../field';
+export const useNumberInput = (props = {}) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const field = useFieldContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        ensureProps(resolvedProps, ['id']);
+        return {
+            ids: {
+                label: field?.()?.ids.label,
+                input: field?.()?.ids.control,
+            },
+            dir: locale().dir,
+            disabled: field?.()?.disabled,
+            readOnly: field?.()?.readOnly,
+            invalid: field?.()?.invalid,
+            required: field?.()?.required,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(numberInput.machine, () => machineProps);
+    const api = $derived(numberInput.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -0,0 +1,14 @@
+export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@sprawlify/primitives/machines/pagination';
+export { default as PaginationContext, type PaginationContextProps } from './pagination-context.svelte';
+export { default as PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis.svelte';
+export { default as PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, } from './pagination-first-trigger.svelte';
+export { default as PaginationItem, type PaginationItemBaseProps, type PaginationItemProps, } from './pagination-item.svelte';
+export { default as PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, } from './pagination-last-trigger.svelte';
+export { default as PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger.svelte';
+export { default as PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger.svelte';
+export { default as PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, } from './pagination-root-provider.svelte';
+export { default as PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps, } from './pagination-root.svelte';
+export { paginationAnatomy } from './pagination-anatomy';
+export { usePagination, type UsePaginationProps, type UsePaginationReturn } from './use-pagination.svelte';
+export { usePaginationContext, type UsePaginationContext } from './use-pagination-context';
+export * as Pagination from './pagination';

package/dist/components/pagination/index.js

@@ -0,0 +1,13 @@
+export { default as PaginationContext } from './pagination-context.svelte';
+export { default as PaginationEllipsis, } from './pagination-ellipsis.svelte';
+export { default as PaginationFirstTrigger, } from './pagination-first-trigger.svelte';
+export { default as PaginationItem, } from './pagination-item.svelte';
+export { default as PaginationLastTrigger, } from './pagination-last-trigger.svelte';
+export { default as PaginationNextTrigger, } from './pagination-next-trigger.svelte';
+export { default as PaginationPrevTrigger, } from './pagination-prev-trigger.svelte';
+export { default as PaginationRootProvider, } from './pagination-root-provider.svelte';
+export { default as PaginationRoot, } from './pagination-root.svelte';
+export { paginationAnatomy } from './pagination-anatomy';
+export { usePagination } from './use-pagination.svelte';
+export { usePaginationContext } from './use-pagination-context';
+export * as Pagination from './pagination';

package/dist/components/pagination/pagination-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as paginationAnatomy } from '@sprawlify/primitives/machines/pagination';

package/dist/components/pagination/pagination-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as paginationAnatomy } from '@sprawlify/primitives/machines/pagination';

package/dist/components/pagination/pagination-context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UsePaginationContext } from './use-pagination-context'
+
+  export interface PaginationContextProps {
+    render: Snippet<[UsePaginationContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { usePaginationContext } from './use-pagination-context'
+
+  const { render }: PaginationContextProps = $props()
+  const context = usePaginationContext()
+</script>
+
+{@render render(context)}

package/dist/components/pagination/pagination-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UsePaginationContext } from './use-pagination-context';
+export interface PaginationContextProps {
+    render: Snippet<[UsePaginationContext]>;
+}
+declare const PaginationContext: import("svelte").Component<PaginationContextProps, {}, "">;
+type PaginationContext = ReturnType<typeof PaginationContext>;
+export default PaginationContext;

package/dist/components/pagination/pagination-ellipsis.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { EllipsisProps } from '@sprawlify/primitives/machines/pagination'
+
+  export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface PaginationEllipsisProps extends Assign<HTMLProps<'div'>, PaginationEllipsisBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePaginationContext } from './use-pagination-context'
+
+  let { ref = $bindable(null), ...props }: PaginationEllipsisProps = $props()
+  const pagination = usePaginationContext()
+  const mergedProps = $derived(mergeProps(pagination().getEllipsisProps(props), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/pagination/pagination-ellipsis.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { EllipsisProps } from '@sprawlify/primitives/machines/pagination';
+export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface PaginationEllipsisProps extends Assign<HTMLProps<'div'>, PaginationEllipsisBaseProps> {
+}
+declare const PaginationEllipsis: import("svelte").Component<PaginationEllipsisProps, {}, "ref">;
+type PaginationEllipsis = ReturnType<typeof PaginationEllipsis>;
+export default PaginationEllipsis;

package/dist/components/pagination/pagination-first-trigger.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface PaginationFirstTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface PaginationFirstTriggerProps extends Assign<HTMLProps<'button'>, PaginationFirstTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePaginationContext } from './use-pagination-context'
+
+  let { ref = $bindable(null), ...props }: PaginationFirstTriggerProps = $props()
+  const pagination = usePaginationContext()
+  const mergedProps = $derived(mergeProps(pagination().getFirstTriggerProps(), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/pagination/pagination-first-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface PaginationFirstTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+}
+export interface PaginationFirstTriggerProps extends Assign<HTMLProps<'button'>, PaginationFirstTriggerBaseProps> {
+}
+declare const PaginationFirstTrigger: import("svelte").Component<PaginationFirstTriggerProps, {}, "ref">;
+type PaginationFirstTrigger = ReturnType<typeof PaginationFirstTrigger>;
+export default PaginationFirstTrigger;

package/dist/components/pagination/pagination-item.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ItemProps } from '@sprawlify/primitives/machines/pagination'
+
+  export interface PaginationItemBaseProps extends ItemProps, PolymorphicProps<'button'>, RefAttribute {}
+  export interface PaginationItemProps extends Assign<HTMLProps<'button'>, PaginationItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePaginationContext } from './use-pagination-context'
+
+  let { ref = $bindable(null), ...props }: PaginationItemProps = $props()
+  const pagination = usePaginationContext()
+  const mergedProps = $derived(mergeProps(pagination().getItemProps(props), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/pagination/pagination-item.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ItemProps } from '@sprawlify/primitives/machines/pagination';
+export interface PaginationItemBaseProps extends ItemProps, PolymorphicProps<'button'>, RefAttribute {
+}
+export interface PaginationItemProps extends Assign<HTMLProps<'button'>, PaginationItemBaseProps> {
+}
+declare const PaginationItem: import("svelte").Component<PaginationItemProps, {}, "ref">;
+type PaginationItem = ReturnType<typeof PaginationItem>;
+export default PaginationItem;

package/dist/components/pagination/pagination-last-trigger.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface PaginationLastTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface PaginationLastTriggerProps extends Assign<HTMLProps<'button'>, PaginationLastTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePaginationContext } from './use-pagination-context'
+
+  let { ref = $bindable(null), ...props }: PaginationLastTriggerProps = $props()
+  const pagination = usePaginationContext()
+  const mergedProps = $derived(mergeProps(pagination().getLastTriggerProps(), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/pagination/pagination-last-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface PaginationLastTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+}
+export interface PaginationLastTriggerProps extends Assign<HTMLProps<'button'>, PaginationLastTriggerBaseProps> {
+}
+declare const PaginationLastTrigger: import("svelte").Component<PaginationLastTriggerProps, {}, "ref">;
+type PaginationLastTrigger = ReturnType<typeof PaginationLastTrigger>;
+export default PaginationLastTrigger;

package/dist/components/pagination/pagination-next-trigger.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface PaginationNextTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface PaginationNextTriggerProps extends Assign<HTMLProps<'button'>, PaginationNextTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePaginationContext } from './use-pagination-context'
+
+  let { ref = $bindable(null), ...props }: PaginationNextTriggerProps = $props()
+  const pagination = usePaginationContext()
+  const mergedProps = $derived(mergeProps(pagination().getNextTriggerProps(), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/pagination/pagination-next-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface PaginationNextTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+}
+export interface PaginationNextTriggerProps extends Assign<HTMLProps<'button'>, PaginationNextTriggerBaseProps> {
+}
+declare const PaginationNextTrigger: import("svelte").Component<PaginationNextTriggerProps, {}, "ref">;
+type PaginationNextTrigger = ReturnType<typeof PaginationNextTrigger>;
+export default PaginationNextTrigger;

package/dist/components/pagination/pagination-prev-trigger.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface PaginationPrevTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface PaginationPrevTriggerProps extends Assign<HTMLProps<'button'>, PaginationPrevTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePaginationContext } from './use-pagination-context'
+
+  let { ref = $bindable(null), ...props }: PaginationPrevTriggerProps = $props()
+  const pagination = usePaginationContext()
+  const mergedProps = $derived(mergeProps(pagination().getPrevTriggerProps(), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/pagination/pagination-prev-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface PaginationPrevTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+}
+export interface PaginationPrevTriggerProps extends Assign<HTMLProps<'button'>, PaginationPrevTriggerBaseProps> {
+}
+declare const PaginationPrevTrigger: import("svelte").Component<PaginationPrevTriggerProps, {}, "ref">;
+type PaginationPrevTrigger = ReturnType<typeof PaginationPrevTrigger>;
+export default PaginationPrevTrigger;