@sprawlify/svelte 0.0.47 → 0.0.49

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

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

package/dist/components/tags-input/tags-input-item-context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseTagsInputItemContext } from './use-tags-input-item-context'
+
+  export interface TagsInputItemContextProps {
+    render: Snippet<[UseTagsInputItemContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useTagsInputItemContext } from './use-tags-input-item-context'
+
+  const props: TagsInputItemContextProps = $props()
+  const item = useTagsInputItemContext()
+</script>
+
+{@render props.render(item)}

package/dist/components/tags-input/tags-input-item-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseTagsInputItemContext } from './use-tags-input-item-context';
+export interface TagsInputItemContextProps {
+    render: Snippet<[UseTagsInputItemContext]>;
+}
+declare const TagsInputItemContext: import("svelte").Component<TagsInputItemContextProps, {}, "">;
+type TagsInputItemContext = ReturnType<typeof TagsInputItemContext>;
+export default TagsInputItemContext;

package/dist/components/tags-input/tags-input-item-delete-trigger.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface TagsInputItemDeleteTriggerProps
+    extends Assign<HTMLProps<'button'>, TagsInputItemDeleteTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTagsInputContext } from './use-tags-input-context'
+  import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context'
+
+  let { ref = $bindable(null), ...props }: TagsInputItemDeleteTriggerProps = $props()
+  const tagsInput = useTagsInputContext()
+  const itemProps = useTagsInputItemPropsContext()
+  const mergedProps = $derived(mergeProps(tagsInput().getItemDeleteTriggerProps(itemProps()), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/tags-input/tags-input-item-delete-trigger.svelte.d.ts

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

package/dist/components/tags-input/tags-input-item-input.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TagsInputItemInputBaseProps extends PolymorphicProps<'input'>, RefAttribute {}
+  export interface TagsInputItemInputProps extends Assign<HTMLProps<'input'>, TagsInputItemInputBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTagsInputContext } from './use-tags-input-context'
+  import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context'
+
+  let { ref = $bindable(null), ...props }: TagsInputItemInputProps = $props()
+  const tagsInput = useTagsInputContext()
+  const itemProps = useTagsInputItemPropsContext()
+  const mergedProps = $derived(mergeProps(tagsInput().getItemInputProps(itemProps()), props))
+</script>
+
+<Sprawlify as="input" bind:ref {...mergedProps} />

package/dist/components/tags-input/tags-input-item-input.svelte.d.ts

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

package/dist/components/tags-input/tags-input-item-preview.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TagsInputItemPreviewBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface TagsInputItemPreviewProps extends Assign<HTMLProps<'div'>, TagsInputItemPreviewBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTagsInputContext } from './use-tags-input-context'
+  import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context'
+
+  let { ref = $bindable(null), ...props }: TagsInputItemPreviewProps = $props()
+  const tagsInput = useTagsInputContext()
+  const itemProps = useTagsInputItemPropsContext()
+  const mergedProps = $derived(mergeProps(tagsInput().getItemPreviewProps(itemProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/tags-input/tags-input-item-preview.svelte.d.ts

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

package/dist/components/tags-input/tags-input-item-text.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TagsInputItemTextBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface TagsInputItemTextProps extends Assign<HTMLProps<'span'>, TagsInputItemTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTagsInputContext } from './use-tags-input-context'
+  import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context'
+
+  let { ref = $bindable(null), ...props }: TagsInputItemTextProps = $props()
+  const tagsInput = useTagsInputContext()
+  const itemProps = useTagsInputItemPropsContext()
+  const mergedProps = $derived(mergeProps(tagsInput().getItemTextProps(itemProps()), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

package/dist/components/tags-input/tags-input-item-text.svelte.d.ts

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

package/dist/components/tags-input/tags-input-item.svelte

@@ -0,0 +1,28 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TagsInputItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    index: number
+    value: string
+    disabled?: boolean
+  }
+  export interface TagsInputItemProps extends Assign<HTMLProps<'div'>, TagsInputItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTagsInputContext } from './use-tags-input-context'
+  import { TagsInputItemProvider } from './use-tags-input-item-context'
+  import { TagsInputItemPropsProvider } from './use-tags-input-item-props-context'
+
+  let { ref = $bindable(null), ...props }: TagsInputItemProps = $props()
+  const tagsInput = useTagsInputContext()
+  const itemProps = $derived({ index: props.index, value: props.value, disabled: props.disabled })
+  const mergedProps = $derived(mergeProps(tagsInput().getItemProps(itemProps), props))
+
+  TagsInputItemProvider(() => ({ index: props.index, value: props.value }))
+  TagsInputItemPropsProvider(() => itemProps)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/tags-input/tags-input-item.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface TagsInputItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    index: number;
+    value: string;
+    disabled?: boolean;
+}
+export interface TagsInputItemProps extends Assign<HTMLProps<'div'>, TagsInputItemBaseProps> {
+}
+declare const TagsInputItem: import("svelte").Component<TagsInputItemProps, {}, "ref">;
+type TagsInputItem = ReturnType<typeof TagsInputItem>;
+export default TagsInputItem;

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

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

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

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

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

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseTagsInputReturn } from './use-tags-input.svelte'
+
+  export interface TagsInputRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseTagsInputReturn
+  }
+  export interface TagsInputRootProviderProps extends Assign<HTMLProps<'div'>, TagsInputRootProviderBaseProps> {}
+</script>
+
+<!-- svelte-ignore state_referenced_locally -->
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { TagsInputProvider } from './use-tags-input-context'
+
+  let { ref = $bindable(null), value, ...props }: TagsInputRootProviderProps = $props()
+
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+
+  TagsInputProvider(value)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,94 @@
+<script module lang="ts">
+  import type {
+    Assign,
+    HTMLProps,
+    PolymorphicProps,
+    RefAttribute,
+  } from "../../types";
+  import type { UseTagsInputProps } from "./use-tags-input.svelte";
+
+  export interface TagsInputRootBaseProps
+    extends UseTagsInputProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface TagsInputRootProps extends Assign<
+    HTMLProps<"div">,
+    TagsInputRootBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils/create-split-props";
+  import { Sprawlify } from "../factory";
+  import { TagsInputProvider } from "./use-tags-input-context";
+  import { useTagsInput } from "./use-tags-input.svelte";
+
+  let {
+    ref = $bindable(null),
+    value = $bindable<string[]>(),
+    inputValue = $bindable<string>(),
+    ...props
+  }: TagsInputRootProps = $props();
+
+  const [useTagsInputProps, localProps] = $derived(
+    createSplitProps<UseTagsInputProps>()(props, [
+      "addOnPaste",
+      "allowOverflow",
+      "autoFocus",
+      "blurBehavior",
+      "defaultInputValue",
+      "defaultValue",
+      "delimiter",
+      "disabled",
+      "editable",
+      "form",
+      "id",
+      "ids",
+      "inputValue",
+      "invalid",
+      "max",
+      "maxLength",
+      "name",
+      "onFocusOutside",
+      "onHighlightChange",
+      "onInputValueChange",
+      "onInteractOutside",
+      "onPointerDownOutside",
+      "onValueChange",
+      "onValueInvalid",
+      "placeholder",
+      "readOnly",
+      "required",
+      "translations",
+      "validate",
+      "value",
+    ]),
+  );
+
+  const providedId = $props.id();
+
+  const machineProps = $derived.by<UseTagsInputProps>(() => {
+    return {
+      ...useTagsInputProps,
+      id: useTagsInputProps.id ?? providedId,
+      value,
+      inputValue,
+      onValueChange: (details) => {
+        useTagsInputProps.onValueChange?.(details);
+        value = details.value;
+      },
+      onInputValueChange: (details) => {
+        useTagsInputProps.onInputValueChange?.(details);
+        inputValue = details.inputValue;
+      },
+    };
+  });
+
+  const tagsInput = useTagsInput(() => machineProps);
+  const mergedProps = $derived(
+    mergeProps(tagsInput().getRootProps(), localProps),
+  );
+
+  TagsInputProvider(tagsInput);
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../types";
+import type { UseTagsInputProps } from "./use-tags-input.svelte";
+export interface TagsInputRootBaseProps extends UseTagsInputProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface TagsInputRootProps extends Assign<HTMLProps<"div">, TagsInputRootBaseProps> {
+}
+declare const TagsInputRoot: import("svelte").Component<TagsInputRootProps, {}, "value" | "ref" | "inputValue">;
+type TagsInputRoot = ReturnType<typeof TagsInputRoot>;
+export default TagsInputRoot;

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

@@ -0,0 +1,15 @@
+export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, PointerDownOutsideEvent, ValidityChangeDetails, ValueChangeDetails, } from '@sprawlify/primitives/machines/tags-input';
+export { default as Root, type TagsInputRootProps as RootProps, type TagsInputRootBaseProps as RootBaseProps, } from './tags-input-root.svelte';
+export { default as RootProvider, type TagsInputRootProviderProps as RootProviderProps, type TagsInputRootProviderBaseProps as RootProviderBaseProps, } from './tags-input-root-provider.svelte';
+export { default as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.svelte';
+export { default as Label, type TagsInputLabelProps as LabelProps, type TagsInputLabelBaseProps as LabelBaseProps, } from './tags-input-label.svelte';
+export { default as Control, type TagsInputControlProps as ControlProps, type TagsInputControlBaseProps as ControlBaseProps, } from './tags-input-control.svelte';
+export { default as Input, type TagsInputInputProps as InputProps, type TagsInputInputBaseProps as InputBaseProps, } from './tags-input-input.svelte';
+export { default as ClearTrigger, type TagsInputClearTriggerProps as ClearTriggerProps, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, } from './tags-input-clear-trigger.svelte';
+export { default as HiddenInput, type TagsInputHiddenInputProps as HiddenInputProps, type TagsInputHiddenInputBaseProps as HiddenInputBaseProps, } from './tags-input-hidden-input.svelte';
+export { default as Item, type TagsInputItemProps as ItemProps, type TagsInputItemBaseProps as ItemBaseProps, } from './tags-input-item.svelte';
+export { default as ItemContext, type TagsInputItemContextProps as ItemContextProps, } from './tags-input-item-context.svelte';
+export { default as ItemText, type TagsInputItemTextProps as ItemTextProps, type TagsInputItemTextBaseProps as ItemTextBaseProps, } from './tags-input-item-text.svelte';
+export { default as ItemDeleteTrigger, type TagsInputItemDeleteTriggerProps as ItemDeleteTriggerProps, type TagsInputItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, } from './tags-input-item-delete-trigger.svelte';
+export { default as ItemInput, type TagsInputItemInputProps as ItemInputProps, type TagsInputItemInputBaseProps as ItemInputBaseProps, } from './tags-input-item-input.svelte';
+export { default as ItemPreview, type TagsInputItemPreviewProps as ItemPreviewProps, type TagsInputItemPreviewBaseProps as ItemPreviewBaseProps, } from './tags-input-item-preview.svelte';

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

@@ -0,0 +1,14 @@
+export { default as Root, } from './tags-input-root.svelte';
+export { default as RootProvider, } from './tags-input-root-provider.svelte';
+export { default as Context } from './tags-input-context.svelte';
+export { default as Label, } from './tags-input-label.svelte';
+export { default as Control, } from './tags-input-control.svelte';
+export { default as Input, } from './tags-input-input.svelte';
+export { default as ClearTrigger, } from './tags-input-clear-trigger.svelte';
+export { default as HiddenInput, } from './tags-input-hidden-input.svelte';
+export { default as Item, } from './tags-input-item.svelte';
+export { default as ItemContext, } from './tags-input-item-context.svelte';
+export { default as ItemText, } from './tags-input-item-text.svelte';
+export { default as ItemDeleteTrigger, } from './tags-input-item-delete-trigger.svelte';
+export { default as ItemInput, } from './tags-input-item-input.svelte';
+export { default as ItemPreview, } from './tags-input-item-preview.svelte';

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

@@ -0,0 +1,4 @@
+import type { UseTagsInputReturn } from './use-tags-input.svelte';
+export interface UseTagsInputContext extends UseTagsInputReturn {
+}
+export declare const TagsInputProvider: (opts: UseTagsInputContext) => void, useTagsInputContext: (fallback?: UseTagsInputContext | undefined) => UseTagsInputContext;

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

@@ -0,0 +1,4 @@
+import { createContext } from '../../utils/create-context';
+export const [TagsInputProvider, useTagsInputContext] = createContext({
+    name: 'TagsInputContext',
+});

package/dist/components/tags-input/use-tags-input-item-context.d.ts

@@ -0,0 +1,7 @@
+import type { Accessor } from '../../types';
+export interface UseTagsInputItemContext extends Accessor<{
+    index: number;
+    value: string;
+}> {
+}
+export declare const TagsInputItemProvider: (opts: UseTagsInputItemContext) => void, useTagsInputItemContext: (fallback?: UseTagsInputItemContext | undefined) => UseTagsInputItemContext;

package/dist/components/tags-input/use-tags-input-item-context.js

@@ -0,0 +1,4 @@
+import { createContext } from '../../utils/create-context';
+export const [TagsInputItemProvider, useTagsInputItemContext] = createContext({
+    name: 'TagsInputItemContext',
+});

package/dist/components/tags-input/use-tags-input-item-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ItemProps } from '@sprawlify/primitives/machines/tags-input';
+export interface UseTagsInputItemPropsContext extends Accessor<ItemProps> {
+}
+export declare const TagsInputItemPropsProvider: (opts: UseTagsInputItemPropsContext) => void, useTagsInputItemPropsContext: (fallback?: UseTagsInputItemPropsContext | undefined) => UseTagsInputItemPropsContext;

package/dist/components/tags-input/use-tags-input-item-props-context.js

@@ -0,0 +1,4 @@
+import { createContext } from '../../utils/create-context';
+export const [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext({
+    name: 'TagsInputItemPropsContext',
+});

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

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

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

@@ -0,0 +1,33 @@
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+import { runIfFn } from '../../utils/run-if-fn';
+import { normalizeProps, useMachine } from '../../core';
+import * as tagsInput from '@sprawlify/primitives/machines/tags-input';
+import { ensureProps } from '@sprawlify/primitives/utils';
+import { useFieldContext } from '../field';
+export const useTagsInput = (inProps = {}) => {
+    const props = $derived.by(() => {
+        const resolvedProps = runIfFn(inProps);
+        ensureProps(resolvedProps, ['id']);
+        return resolvedProps;
+    });
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const field = useFieldContext();
+    const machineProps = $derived({
+        ids: {
+            label: field?.().ids.label,
+            hiddenInput: field?.().ids.control,
+        },
+        // @ts-expect-error - TODO: dir is not a valid prop
+        dir: locale().dir,
+        disabled: field?.().disabled,
+        invalid: field?.().invalid,
+        readOnly: field?.().readOnly,
+        required: field?.().required,
+        getRootNode: env().getRootNode,
+        ...props,
+    });
+    const service = useMachine(tagsInput.machine, () => machineProps);
+    const api = $derived(tagsInput.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -0,0 +1,13 @@
+export type { TickDetails as TimerTickDetails } from '@sprawlify/primitives/machines/timer';
+export { default as TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger.svelte';
+export { default as TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area.svelte';
+export { default as TimerContext, type TimerContextProps } from './timer-context.svelte';
+export { default as TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control.svelte';
+export { default as TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item.svelte';
+export { default as TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, } from './timer-root-provider.svelte';
+export { default as TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root.svelte';
+export { default as TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, } from './timer-separator.svelte';
+export { timerAnatomy } from './timer-anatomy';
+export { useTimerContext, type UseTimerContext } from './use-timer-context';
+export { useTimer, type UseTimerProps, type UseTimerReturn } from './use-timer.svelte';
+export * as Timer from './timer';

package/dist/components/timer/index.js

@@ -0,0 +1,12 @@
+export { default as TimerActionTrigger, } from './timer-action-trigger.svelte';
+export { default as TimerArea } from './timer-area.svelte';
+export { default as TimerContext } from './timer-context.svelte';
+export { default as TimerControl } from './timer-control.svelte';
+export { default as TimerItem } from './timer-item.svelte';
+export { default as TimerRootProvider, } from './timer-root-provider.svelte';
+export { default as TimerRoot } from './timer-root.svelte';
+export { default as TimerSeparator, } from './timer-separator.svelte';
+export { timerAnatomy } from './timer-anatomy';
+export { useTimerContext } from './use-timer-context';
+export { useTimer } from './use-timer.svelte';
+export * as Timer from './timer';

package/dist/components/timer/timer-action-trigger.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import { mergeProps } from '../../core'
+  import type { ActionTriggerProps } from '@sprawlify/primitives/machines/timer'
+  import { Sprawlify } from '../factory'
+  import { useTimerContext } from './use-timer-context'
+
+  export interface TimerActionTriggerBaseProps extends ActionTriggerProps, PolymorphicProps<'button'>, RefAttribute {}
+
+  export interface TimerActionTriggerProps extends HTMLProps<'button'>, TimerActionTriggerBaseProps {}
+
+  let { ref = $bindable(null), ...props }: TimerActionTriggerProps = $props()
+
+  const timer = useTimerContext()
+  const mergedProps = $derived(mergeProps(timer().getActionTriggerProps(props), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/timer/timer-action-trigger.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ActionTriggerProps } from '@sprawlify/primitives/machines/timer';
+export interface TimerActionTriggerBaseProps extends ActionTriggerProps, PolymorphicProps<'button'>, RefAttribute {
+}
+export interface TimerActionTriggerProps extends HTMLProps<'button'>, TimerActionTriggerBaseProps {
+}
+declare const TimerActionTrigger: import("svelte").Component<TimerActionTriggerProps, {}, "ref">;
+type TimerActionTrigger = ReturnType<typeof TimerActionTrigger>;
+export default TimerActionTrigger;

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

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

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

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

package/dist/components/timer/timer-area.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTimerContext } from './use-timer-context'
+
+  export interface TimerAreaBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface TimerAreaProps extends HTMLProps<'div'>, TimerAreaBaseProps {}
+
+  let { ref = $bindable(null), ...props }: TimerAreaProps = $props()
+  const timer = useTimerContext()
+  const mergedProps = $derived(mergeProps(timer().getAreaProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/timer/timer-area.svelte.d.ts

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

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

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+  import { type UseTimerContext, useTimerContext } from './use-timer-context'
+
+  export interface TimerContextProps {
+    api?: Snippet<[UseTimerContext]>
+  }
+
+  const { api }: TimerContextProps = $props()
+  const timer = useTimerContext()
+</script>
+
+{@render api?.(timer)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import { type UseTimerContext } from './use-timer-context';
+export interface TimerContextProps {
+    api?: Snippet<[UseTimerContext]>;
+}
+declare const TimerContext: import("svelte").Component<TimerContextProps, {}, "">;
+type TimerContext = ReturnType<typeof TimerContext>;
+export default TimerContext;

package/dist/components/timer/timer-control.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTimerContext } from './use-timer-context'
+
+  export interface TimerControlBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface TimerControlProps extends HTMLProps<'div'>, TimerControlBaseProps {}
+
+  let { ref = $bindable(null), ...props }: TimerControlProps = $props()
+  const timer = useTimerContext()
+  const mergedProps = $derived(mergeProps(timer().getControlProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />