@sprawlify/svelte 0.0.48 → 0.0.49

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

@@ -0,0 +1,39 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseTabsReturn } from './use-tabs.svelte'
+
+  interface RootProviderProps {
+    value: UseTabsReturn
+  }
+
+  export interface TabsRootProviderBaseProps
+    extends RootProviderProps,
+      PolymorphicProps<'div'>,
+      RenderStrategyProps,
+      RefAttribute {}
+  export interface TabsRootProviderProps extends Assign<HTMLProps<'div'>, TabsRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { TabsProvider } from './use-tabs-context'
+  import {
+    RenderStrategyPropsProvider,
+    splitRenderStrategyProps,
+    type RenderStrategyProps,
+  } from '../../utils/render-strategy'
+
+  let { ref = $bindable(null), ...props }: TabsRootProviderProps = $props()
+
+  const [renderStrategyProps, tabsProps] = $derived(splitRenderStrategyProps(props))
+  const [rootProviderProps, localProps] = $derived(createSplitProps<RootProviderProps>()(tabsProps, ['value']))
+
+  const mergedProps = $derived(mergeProps(rootProviderProps.value().getRootProps(), localProps))
+
+  TabsProvider(() => rootProviderProps.value())
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,13 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseTabsReturn } from './use-tabs.svelte';
+interface RootProviderProps {
+    value: UseTabsReturn;
+}
+export interface TabsRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'>, RenderStrategyProps, RefAttribute {
+}
+export interface TabsRootProviderProps extends Assign<HTMLProps<'div'>, TabsRootProviderBaseProps> {
+}
+import { type RenderStrategyProps } from '../../utils/render-strategy';
+declare const TabsRootProvider: import("svelte").Component<TabsRootProviderProps, {}, "ref">;
+type TabsRootProvider = ReturnType<typeof TabsRootProvider>;
+export default TabsRootProvider;

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

@@ -0,0 +1,63 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseTabsProps } from './use-tabs.svelte'
+
+  export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface TabsRootProps extends Assign<HTMLProps<'div'>, TabsRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import {
+    RenderStrategyPropsProvider,
+    splitRenderStrategyProps,
+    type RenderStrategyProps,
+  } from '../../utils/render-strategy'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { TabsProvider } from './use-tabs-context'
+  import { useTabs } from './use-tabs.svelte'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: TabsRootProps = $props()
+
+  const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props)
+
+  const id = $props.id()
+
+  const [useTabsProps, localProps] = $derived.by(() => {
+    const props = { ...tabsProps, value }
+    return createSplitProps<UseTabsProps>()(props, [
+      'value',
+      'onValueChange',
+      'onFocusChange',
+      'orientation',
+      'activationMode',
+      'id',
+      'ids',
+      'loopFocus',
+      'translations',
+      'defaultValue',
+      'composite',
+      'deselectable',
+      'navigate',
+    ])
+  })
+
+  const machineProps = $derived.by<UseTabsProps>(() => ({
+    ...useTabsProps,
+    id: useTabsProps.id ?? id,
+    value,
+    onValueChange(details) {
+      useTabsProps.onValueChange?.(details)
+      if (value !== undefined) value = details.value
+    },
+  }))
+
+  const tabs = useTabs(() => machineProps)
+  const mergedProps = $derived(mergeProps(tabs().getRootProps(), localProps))
+
+  TabsProvider(tabs)
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseTabsProps } from './use-tabs.svelte';
+export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface TabsRootProps extends Assign<HTMLProps<'div'>, TabsRootBaseProps> {
+}
+import { type RenderStrategyProps } from '../../utils/render-strategy';
+declare const TabsRoot: import("svelte").Component<TabsRootProps, {}, "value" | "ref">;
+type TabsRoot = ReturnType<typeof TabsRoot>;
+export default TabsRoot;

package/dist/components/tabs/tabs-trigger.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { TriggerProps } from '@sprawlify/primitives/machines/tabs'
+
+  export interface TabsTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'>, RefAttribute {}
+  export interface TabsTriggerProps extends Assign<HTMLProps<'button'>, TabsTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { useTabsContext } from './use-tabs-context'
+
+  let { ref = $bindable(null), ...props }: TabsTriggerProps = $props()
+  const [triggerProps, localProps] = $derived(createSplitProps<TriggerProps>()(props, ['value', 'disabled']))
+  const tabs = useTabsContext()
+  const mergedProps = $derived(mergeProps(tabs().getTriggerProps(triggerProps), localProps))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/tabs/tabs-trigger.svelte.d.ts

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

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,8 @@
+export type { FocusChangeDetails, ValueChangeDetails } from '@sprawlify/primitives/machines/tabs';
+export { default as Content, type TabsContentBaseProps as ContentBaseProps, type TabsContentProps as ContentProps, } from './tabs-content.svelte';
+export { default as Context, type TabsContextProps as ContextProps } from './tabs-context.svelte';
+export { default as Indicator, type TabsIndicatorBaseProps as IndicatorBaseProps, type TabsIndicatorProps as IndicatorProps, } from './tabs-indicator.svelte';
+export { default as List, type TabsListBaseProps as ListBaseProps, type TabsListProps as ListProps, } from './tabs-list.svelte';
+export { default as RootProvider, type TabsRootProviderBaseProps as RootProviderBaseProps, type TabsRootProviderProps as RootProviderProps, } from './tabs-root-provider.svelte';
+export { default as Root, type TabsRootBaseProps as RootBaseProps, type TabsRootProps as RootProps, } from './tabs-root.svelte';
+export { default as Trigger, type TabsTriggerBaseProps as TriggerBaseProps, type TabsTriggerProps as TriggerProps, } from './tabs-trigger.svelte';

package/dist/components/tabs/tabs.js

@@ -0,0 +1,7 @@
+export { default as Content, } from './tabs-content.svelte';
+export { default as Context } from './tabs-context.svelte';
+export { default as Indicator, } from './tabs-indicator.svelte';
+export { default as List, } from './tabs-list.svelte';
+export { default as RootProvider, } from './tabs-root-provider.svelte';
+export { default as Root, } from './tabs-root.svelte';
+export { default as Trigger, } from './tabs-trigger.svelte';

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

@@ -0,0 +1,4 @@
+import type { UseTabsReturn } from './use-tabs.svelte';
+export interface UseTabsContext extends UseTabsReturn {
+}
+export declare const TabsProvider: (opts: UseTabsContext) => void, useTabsContext: (fallback?: UseTabsContext | undefined) => UseTabsContext;

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+export type { FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent as TagsInputInteractOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@sprawlify/primitives/machines/tags-input';
+export { default as TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger.svelte';
+export { default as TagsInputContext, type TagsInputContextProps } from './tags-input-context.svelte';
+export { default as TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control.svelte';
+export { default as TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, } from './tags-input-hidden-input.svelte';
+export { default as TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps, } from './tags-input-input.svelte';
+export { default as TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps, } from './tags-input-item.svelte';
+export { default as TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context.svelte';
+export { default as TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger.svelte';
+export { default as TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, } from './tags-input-item-input.svelte';
+export { default as TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, } from './tags-input-item-preview.svelte';
+export { default as TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps, } from './tags-input-item-text.svelte';
+export { default as TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps, } from './tags-input-label.svelte';
+export { default as TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps, } from './tags-input-root.svelte';
+export { default as TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, } from './tags-input-root-provider.svelte';
+export { tagsInputAnatomy } from './tags-input-anatomy';
+export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input.svelte';
+export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';
+export { useTagsInputItemContext, type UseTagsInputItemContext } from './use-tags-input-item-context';
+export * as TagsInput from './tags-input';

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

@@ -0,0 +1,19 @@
+export { default as TagsInputClearTrigger, } from './tags-input-clear-trigger.svelte';
+export { default as TagsInputContext } from './tags-input-context.svelte';
+export { default as TagsInputControl, } from './tags-input-control.svelte';
+export { default as TagsInputHiddenInput, } from './tags-input-hidden-input.svelte';
+export { default as TagsInputInput, } from './tags-input-input.svelte';
+export { default as TagsInputItem, } from './tags-input-item.svelte';
+export { default as TagsInputItemContext } from './tags-input-item-context.svelte';
+export { default as TagsInputItemDeleteTrigger, } from './tags-input-item-delete-trigger.svelte';
+export { default as TagsInputItemInput, } from './tags-input-item-input.svelte';
+export { default as TagsInputItemPreview, } from './tags-input-item-preview.svelte';
+export { default as TagsInputItemText, } from './tags-input-item-text.svelte';
+export { default as TagsInputLabel, } from './tags-input-label.svelte';
+export { default as TagsInputRoot, } from './tags-input-root.svelte';
+export { default as TagsInputRootProvider, } from './tags-input-root-provider.svelte';
+export { tagsInputAnatomy } from './tags-input-anatomy';
+export { useTagsInput } from './use-tags-input.svelte';
+export { useTagsInputContext } from './use-tags-input-context';
+export { useTagsInputItemContext } from './use-tags-input-item-context';
+export * as TagsInput from './tags-input';

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

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

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

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

package/dist/components/tags-input/tags-input-clear-trigger.svelte

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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;