@sprawlify/svelte 0.0.46 → 0.0.48

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;

package/dist/components/pagination/pagination-root-provider.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { Snippet } from 'svelte'
+  import type { UsePaginationReturn } from './use-pagination.svelte'
+
+  export interface RootProviderProps {
+    value: UsePaginationReturn
+    children?: Snippet
+  }
+
+  export interface PaginationRootProviderBaseProps extends PolymorphicProps<'nav'>, RootProviderProps, RefAttribute {}
+  export interface PaginationRootProviderProps extends Assign<HTMLProps<'nav'>, PaginationRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { PaginationProvider } from './use-pagination-context'
+
+  let { ref = $bindable(null), value, ...props }: PaginationRootProviderProps = $props()
+
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+
+  PaginationProvider(value)
+</script>
+
+<Sprawlify as="nav" bind:ref {...mergedProps} />

package/dist/components/pagination/pagination-root-provider.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { Snippet } from 'svelte';
+import type { UsePaginationReturn } from './use-pagination.svelte';
+export interface RootProviderProps {
+    value: UsePaginationReturn;
+    children?: Snippet;
+}
+export interface PaginationRootProviderBaseProps extends PolymorphicProps<'nav'>, RootProviderProps, RefAttribute {
+}
+export interface PaginationRootProviderProps extends Assign<HTMLProps<'nav'>, PaginationRootProviderBaseProps> {
+}
+declare const PaginationRootProvider: import("svelte").Component<PaginationRootProviderProps, {}, "ref">;
+type PaginationRootProvider = ReturnType<typeof PaginationRootProvider>;
+export default PaginationRootProvider;

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

@@ -0,0 +1,59 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UsePaginationProps } from './use-pagination.svelte'
+
+  export interface PaginationRootBaseProps extends UsePaginationProps, PolymorphicProps<'nav'>, RefAttribute {}
+  export interface PaginationRootProps extends Assign<HTMLProps<'nav'>, PaginationRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { PaginationProvider } from './use-pagination-context'
+  import { usePagination } from './use-pagination.svelte'
+
+  let { ref = $bindable(null), page = $bindable(), pageSize = $bindable(), ...props }: PaginationRootProps = $props()
+  const providedId = $props.id()
+
+  const [paginationProps, localProps] = $derived(
+    createSplitProps<UsePaginationProps>()(props, [
+      'boundaryCount',
+      'count',
+      'defaultPage',
+      'defaultPageSize',
+      'getPageUrl',
+      'id',
+      'ids',
+      'onPageChange',
+      'onPageSizeChange',
+      'page',
+      'pageSize',
+      'siblingCount',
+      'translations',
+      'type',
+    ]),
+  )
+
+  const resolvedProps = $derived<UsePaginationProps>({
+    ...paginationProps,
+    id: paginationProps.id ?? providedId,
+    page,
+    pageSize,
+    onPageChange(details) {
+      paginationProps.onPageChange?.(details)
+      if (page !== undefined) page = details.page
+    },
+    onPageSizeChange(details) {
+      paginationProps.onPageSizeChange?.(details)
+      if (pageSize !== undefined) pageSize = details.pageSize
+    },
+  })
+
+  const pagination = usePagination(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(pagination().getRootProps(), localProps))
+
+  PaginationProvider(pagination)
+</script>
+
+<Sprawlify as="nav" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UsePaginationProps } from './use-pagination.svelte';
+export interface PaginationRootBaseProps extends UsePaginationProps, PolymorphicProps<'nav'>, RefAttribute {
+}
+export interface PaginationRootProps extends Assign<HTMLProps<'nav'>, PaginationRootBaseProps> {
+}
+declare const PaginationRoot: import("svelte").Component<PaginationRootProps, {}, "ref" | "page" | "pageSize">;
+type PaginationRoot = ReturnType<typeof PaginationRoot>;
+export default PaginationRoot;

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

@@ -0,0 +1,10 @@
+export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@sprawlify/primitives/machines/pagination';
+export { default as Context, type PaginationContextProps as ContextProps } from './pagination-context.svelte';
+export { default as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis.svelte';
+export { default as FirstTrigger, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, type PaginationFirstTriggerProps as FirstTriggerProps, } from './pagination-first-trigger.svelte';
+export { default as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, } from './pagination-item.svelte';
+export { default as LastTrigger, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, type PaginationLastTriggerProps as LastTriggerProps, } from './pagination-last-trigger.svelte';
+export { default as NextTrigger, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, type PaginationNextTriggerProps as NextTriggerProps, } from './pagination-next-trigger.svelte';
+export { default as PrevTrigger, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, type PaginationPrevTriggerProps as PrevTriggerProps, } from './pagination-prev-trigger.svelte';
+export { default as Root, type PaginationRootBaseProps as RootBaseProps, type PaginationRootProps as RootProps, } from './pagination-root.svelte';
+export { default as RootProvider, type PaginationRootProviderBaseProps as RootProviderBaseProps, type PaginationRootProviderProps as RootProviderProps, } from './pagination-root-provider.svelte';

package/dist/components/pagination/pagination.js

@@ -0,0 +1,9 @@
+export { default as Context } from './pagination-context.svelte';
+export { default as Ellipsis, } from './pagination-ellipsis.svelte';
+export { default as FirstTrigger, } from './pagination-first-trigger.svelte';
+export { default as Item, } from './pagination-item.svelte';
+export { default as LastTrigger, } from './pagination-last-trigger.svelte';
+export { default as NextTrigger, } from './pagination-next-trigger.svelte';
+export { default as PrevTrigger, } from './pagination-prev-trigger.svelte';
+export { default as Root, } from './pagination-root.svelte';
+export { default as RootProvider, } from './pagination-root-provider.svelte';

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

@@ -0,0 +1,4 @@
+import type { UsePaginationReturn } from './use-pagination.svelte';
+export interface UsePaginationContext extends UsePaginationReturn {
+}
+export declare const PaginationProvider: (opts: UsePaginationContext) => void, usePaginationContext: (fallback?: UsePaginationContext | undefined) => UsePaginationContext;

package/dist/components/pagination/use-pagination-context.js

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

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

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

package/dist/components/pagination/use-pagination.svelte.js

@@ -0,0 +1,19 @@
+import { runIfFn } from '../../utils/run-if-fn';
+import * as pagination from '@sprawlify/primitives/machines/pagination';
+import { normalizeProps, useMachine } from '../../core';
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+export const usePagination = (props = {}) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const resolvedProps = $derived.by(() => {
+        const localProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...localProps,
+        };
+    });
+    const service = useMachine(pagination.machine, () => resolvedProps);
+    const api = $derived(pagination.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/password-input/index.d.ts

@@ -0,0 +1,13 @@
+export type { VisibilityChangeDetails as PasswordInputVisibilityChangeDetails } from '@sprawlify/primitives/machines/password-input';
+export { default as PasswordInputContext, type PasswordInputContextProps } from './password-input-context.svelte';
+export { default as PasswordInputControl, type PasswordInputControlBaseProps, type PasswordInputControlProps, } from './password-input-control.svelte';
+export { default as PasswordInputIndicator, type PasswordInputIndicatorBaseProps, type PasswordInputIndicatorProps, } from './password-input-indicator.svelte';
+export { default as PasswordInputInput, type PasswordInputInputBaseProps, type PasswordInputInputProps, } from './password-input-input.svelte';
+export { default as PasswordInputLabel, type PasswordInputLabelBaseProps, type PasswordInputLabelProps, } from './password-input-label.svelte';
+export { default as PasswordInputRoot, type PasswordInputRootBaseProps, type PasswordInputRootProps, } from './password-input-root.svelte';
+export { default as PasswordInputRootProvider, type PasswordInputRootProviderBaseProps, type PasswordInputRootProviderProps, } from './password-input-root-provider.svelte';
+export { default as PasswordInputVisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps, } from './password-input-visibility-trigger.svelte';
+export { passwordInputAnatomy } from './password-input-anatomy';
+export { usePasswordInputContext, type UsePasswordInputContext } from './use-password-input-context';
+export { usePasswordInput, type UsePasswordInputProps, type UsePasswordInputReturn } from './use-password-input.svelte';
+export * as PasswordInput from './password-input';

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

@@ -0,0 +1,12 @@
+export { default as PasswordInputContext } from './password-input-context.svelte';
+export { default as PasswordInputControl, } from './password-input-control.svelte';
+export { default as PasswordInputIndicator, } from './password-input-indicator.svelte';
+export { default as PasswordInputInput, } from './password-input-input.svelte';
+export { default as PasswordInputLabel, } from './password-input-label.svelte';
+export { default as PasswordInputRoot, } from './password-input-root.svelte';
+export { default as PasswordInputRootProvider, } from './password-input-root-provider.svelte';
+export { default as PasswordInputVisibilityTrigger, } from './password-input-visibility-trigger.svelte';
+export { passwordInputAnatomy } from './password-input-anatomy';
+export { usePasswordInputContext } from './use-password-input-context';
+export { usePasswordInput } from './use-password-input.svelte';
+export * as PasswordInput from './password-input';

package/dist/components/password-input/password-input-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as passwordInputAnatomy } from '@sprawlify/primitives/machines/password-input';

package/dist/components/password-input/password-input-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as passwordInputAnatomy } from '@sprawlify/primitives/machines/password-input';

package/dist/components/password-input/password-input-context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UsePasswordInputContext } from './use-password-input-context'
+
+  export interface PasswordInputContextProps {
+    render?: Snippet<[UsePasswordInputContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { usePasswordInputContext } from './use-password-input-context'
+
+  const { render }: PasswordInputContextProps = $props()
+
+  const context = usePasswordInputContext()
+</script>
+
+{@render render?.(context)}

package/dist/components/password-input/password-input-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UsePasswordInputContext } from './use-password-input-context';
+export interface PasswordInputContextProps {
+    render?: Snippet<[UsePasswordInputContext]>;
+}
+declare const PasswordInputContext: import("svelte").Component<PasswordInputContextProps, {}, "">;
+type PasswordInputContext = ReturnType<typeof PasswordInputContext>;
+export default PasswordInputContext;

package/dist/components/password-input/password-input-control.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface PasswordInputControlBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface PasswordInputControlProps extends Assign<HTMLProps<'div'>, PasswordInputControlBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePasswordInputContext } from './use-password-input-context'
+
+  let { ref = $bindable(null), ...props }: PasswordInputControlProps = $props()
+  const passwordInput = usePasswordInputContext()
+  const mergedProps = $derived(mergeProps(passwordInput().getControlProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />