@cloudvoyant/helix-svelte 0.12.0 → 0.13.0

package/dist/select/SelectNative.svelte

@@ -0,0 +1,73 @@
+<!-- libs/helix-svelte/src/select/SelectNative.svelte -->
+<!-- Closely based on: Shark UI native-select (@ark-ui/svelte/factory), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { Ark } from '@ark-ui/svelte/factory';
+  import { nativeSelectVariants, nativeSelectWrapperBase, nativeSelectIconBase, cn } from '@cloudvoyant/helix';
+  import type { SelectItemData } from '@cloudvoyant/helix';
+  import type { Snippet } from 'svelte';
+  import type { HTMLSelectAttributes } from 'svelte/elements';
+
+  type Props = Omit<HTMLSelectAttributes, 'value' | 'children' | 'size'> & {
+    items: SelectItemData[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    invalid?: boolean;
+    icon?: Snippet;
+    class?: string;
+  };
+
+  let {
+    items = [],
+    value,
+    defaultValue,
+    onValueChange,
+    size = 'md',
+    invalid,
+    icon,
+    class: className = '',
+    ...rest
+  }: Props = $props();
+
+  const classes = $derived(nativeSelectVariants({ size }));
+  const wrapperClasses = $derived(cn(nativeSelectWrapperBase, className));
+
+  let current = $state(value ?? defaultValue ?? '');
+
+  $effect(() => {
+    if (value !== undefined) current = value;
+  });
+
+  function handleChange(event: Event) {
+    const next = (event.currentTarget as HTMLSelectElement).value;
+    current = next;
+    onValueChange?.(next);
+  }
+</script>
+
+<Ark as="div" class={wrapperClasses}>
+  <Ark
+    as="select"
+    class={classes}
+    value={current}
+    aria-invalid={invalid}
+    onchange={handleChange}
+    {...rest}
+  >
+    {#each items as item (item.value)}
+      <option value={item.value} disabled={item.disabled}>
+        {item.label}
+      </option>
+    {/each}
+  </Ark>
+  <Ark as="span" class={nativeSelectIconBase} aria-hidden>
+    {#if icon}
+      {@render icon()}
+    {:else}
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="m6 9 6 6 6-6" />
+      </svg>
+    {/if}
+  </Ark>
+</Ark>

package/dist/select/SelectNative.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { SelectItemData } from '@cloudvoyant/helix';
+import type { Snippet } from 'svelte';
+import type { HTMLSelectAttributes } from 'svelte/elements';
+type Props = Omit<HTMLSelectAttributes, 'value' | 'children' | 'size'> & {
+    items: SelectItemData[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    invalid?: boolean;
+    icon?: Snippet;
+    class?: string;
+};
+declare const SelectNative: import("svelte").Component<Props, {}, "">;
+type SelectNative = ReturnType<typeof SelectNative>;
+export default SelectNative;

package/dist/select/SelectTrigger.svelte

@@ -0,0 +1,19 @@
+<!-- libs/helix-svelte/src/select/SelectTrigger.svelte -->
+<!-- Closely based on: Shark UI select (@ark-ui/svelte/select), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { SelectTrigger, type SelectTriggerProps } from '@ark-ui/svelte/select';
+  import { inputVariants, selectTriggerBase, cn } from '@cloudvoyant/helix';
+
+  type Props = SelectTriggerProps & {
+    size?: 'sm' | 'md' | 'lg';
+    class?: string;
+  };
+
+  let { size = 'md', class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(inputVariants({ size }), selectTriggerBase, className));
+</script>
+
+<SelectTrigger class={classes} {...rest}>
+  {@render children?.()}
+</SelectTrigger>

package/dist/select/SelectTrigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import { SelectTrigger, type SelectTriggerProps } from '@ark-ui/svelte/select';
+type Props = SelectTriggerProps & {
+    size?: 'sm' | 'md' | 'lg';
+    class?: string;
+};
+declare const SelectTrigger: import("svelte").Component<Props, {}, "">;
+type SelectTrigger = ReturnType<typeof SelectTrigger>;
+export default SelectTrigger;

package/dist/select/SelectValue.svelte

@@ -0,0 +1,18 @@
+<!-- libs/helix-svelte/src/select/SelectValue.svelte -->
+<!-- Closely based on: Shark UI select (@ark-ui/svelte/select), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { SelectValueText, type SelectValueTextProps } from '@ark-ui/svelte/select';
+  import { selectValueBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: SelectValueTextProps = $props();
+
+  const classes = $derived(cn(selectValueBase, className));
+</script>
+
+{#if children}
+  <SelectValueText class={classes} {...rest}>
+    {@render children()}
+  </SelectValueText>
+{:else}
+  <SelectValueText class={classes} {...rest} />
+{/if}

package/dist/select/SelectValue.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type SelectValueTextProps } from '@ark-ui/svelte/select';
+declare const SelectValue: import("svelte").Component<SelectValueTextProps, {}, "">;
+type SelectValue = ReturnType<typeof SelectValue>;
+export default SelectValue;

package/dist/select/index.d.ts

@@ -0,0 +1,13 @@
+export { default as Select } from './Select.svelte';
+export { default as SelectTrigger } from './SelectTrigger.svelte';
+export { default as SelectValue } from './SelectValue.svelte';
+export { default as SelectIndicator } from './SelectIndicator.svelte';
+export { default as SelectClearTrigger } from './SelectClearTrigger.svelte';
+export { default as SelectContent } from './SelectContent.svelte';
+export { default as SelectItemGroup } from './SelectItemGroup.svelte';
+export { default as SelectItemGroupLabel } from './SelectItemGroupLabel.svelte';
+export { default as SelectItem } from './SelectItem.svelte';
+export { default as SelectItemText } from './SelectItemText.svelte';
+export { default as SelectItemIndicator } from './SelectItemIndicator.svelte';
+export { default as SelectNative } from './SelectNative.svelte';
+export { useSelect } from './SelectContext.svelte';

package/dist/select/index.js

@@ -0,0 +1,14 @@
+// libs/helix-svelte/src/select/index.ts
+export { default as Select } from './Select.svelte';
+export { default as SelectTrigger } from './SelectTrigger.svelte';
+export { default as SelectValue } from './SelectValue.svelte';
+export { default as SelectIndicator } from './SelectIndicator.svelte';
+export { default as SelectClearTrigger } from './SelectClearTrigger.svelte';
+export { default as SelectContent } from './SelectContent.svelte';
+export { default as SelectItemGroup } from './SelectItemGroup.svelte';
+export { default as SelectItemGroupLabel } from './SelectItemGroupLabel.svelte';
+export { default as SelectItem } from './SelectItem.svelte';
+export { default as SelectItemText } from './SelectItemText.svelte';
+export { default as SelectItemIndicator } from './SelectItemIndicator.svelte';
+export { default as SelectNative } from './SelectNative.svelte';
+export { useSelect } from './SelectContext.svelte';

package/dist/switch/Switch.svelte

@@ -0,0 +1,23 @@
+<!-- libs/helix-svelte/src/switch/Switch.svelte -->
+<!-- Closely based on: Shark UI switch (@ark-ui/svelte/switch), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { setContext } from 'svelte';
+  import { SwitchRoot, SwitchHiddenInput, type SwitchRootProps } from '@ark-ui/svelte/switch';
+  import { cn } from '@cloudvoyant/helix';
+
+  type Props = SwitchRootProps & {
+    size?: 'sm' | 'md' | 'lg';
+    class?: string;
+  };
+
+  let { size = 'md', class: className = '', children, ...rest }: Props = $props();
+
+  setContext<'sm' | 'md' | 'lg'>('switch-size', size);
+
+  const classes = $derived(cn('flex items-center gap-2', className));
+</script>
+
+<SwitchRoot class={classes} {...rest}>
+  {@render children?.()}
+  <SwitchHiddenInput />
+</SwitchRoot>

package/dist/switch/Switch.svelte.d.ts

@@ -0,0 +1,8 @@
+import { type SwitchRootProps } from '@ark-ui/svelte/switch';
+type Props = SwitchRootProps & {
+    size?: 'sm' | 'md' | 'lg';
+    class?: string;
+};
+declare const Switch: import("svelte").Component<Props, {}, "">;
+type Switch = ReturnType<typeof Switch>;
+export default Switch;

package/dist/switch/SwitchContext.svelte.d.ts

@@ -0,0 +1 @@
+export { useSwitchContext as useSwitch } from '@ark-ui/svelte/switch';

package/dist/switch/SwitchContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/switch/SwitchContext.svelte.ts
+// Closely based on: @ark-ui/svelte/switch useSwitchContext, mirrored from @cloudvoyant/helix-react useSwitch
+export { useSwitchContext as useSwitch } from '@ark-ui/svelte/switch';

package/dist/switch/SwitchControl.svelte

@@ -0,0 +1,17 @@
+<!-- libs/helix-svelte/src/switch/SwitchControl.svelte -->
+<!-- Closely based on: Shark UI switch (@ark-ui/svelte/switch), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import { SwitchControl, type SwitchControlProps } from '@ark-ui/svelte/switch';
+  import { switchVariants, switchControlBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: SwitchControlProps = $props();
+
+  const size = getContext<'sm' | 'md' | 'lg'>('switch-size');
+
+  const classes = $derived(cn(switchVariants({ size }), switchControlBase, className));
+</script>
+
+<SwitchControl class={classes} {...rest}>
+  {@render children?.()}
+</SwitchControl>

package/dist/switch/SwitchControl.svelte.d.ts

@@ -0,0 +1,4 @@
+import { SwitchControl, type SwitchControlProps } from '@ark-ui/svelte/switch';
+declare const SwitchControl: import("svelte").Component<SwitchControlProps, {}, "">;
+type SwitchControl = ReturnType<typeof SwitchControl>;
+export default SwitchControl;

package/dist/switch/SwitchLabel.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helix-svelte/src/switch/SwitchLabel.svelte -->
+<!-- Closely based on: Shark UI switch (@ark-ui/svelte/switch), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { SwitchLabel, type SwitchLabelProps } from '@ark-ui/svelte/switch';
+  import { switchLabelBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: SwitchLabelProps = $props();
+
+  const classes = $derived(cn(switchLabelBase, className));
+</script>
+
+<SwitchLabel class={classes} {...rest}>
+  {@render children?.()}
+</SwitchLabel>

package/dist/switch/SwitchLabel.svelte.d.ts

@@ -0,0 +1,4 @@
+import { SwitchLabel, type SwitchLabelProps } from '@ark-ui/svelte/switch';
+declare const SwitchLabel: import("svelte").Component<SwitchLabelProps, {}, "">;
+type SwitchLabel = ReturnType<typeof SwitchLabel>;
+export default SwitchLabel;

package/dist/switch/SwitchThumb.svelte

@@ -0,0 +1,12 @@
+<!-- libs/helix-svelte/src/switch/SwitchThumb.svelte -->
+<!-- Closely based on: Shark UI switch (@ark-ui/svelte/switch), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { SwitchThumb, type SwitchThumbProps } from '@ark-ui/svelte/switch';
+  import { switchThumbBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', ...rest }: SwitchThumbProps = $props();
+
+  const classes = $derived(cn(switchThumbBase, className));
+</script>
+
+<SwitchThumb class={classes} {...rest} />

package/dist/switch/SwitchThumb.svelte.d.ts

@@ -0,0 +1,4 @@
+import { SwitchThumb, type SwitchThumbProps } from '@ark-ui/svelte/switch';
+declare const SwitchThumb: import("svelte").Component<SwitchThumbProps, {}, "">;
+type SwitchThumb = ReturnType<typeof SwitchThumb>;
+export default SwitchThumb;

package/dist/switch/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Switch } from './Switch.svelte';
+export { default as SwitchControl } from './SwitchControl.svelte';
+export { default as SwitchThumb } from './SwitchThumb.svelte';
+export { default as SwitchLabel } from './SwitchLabel.svelte';
+export { useSwitch } from './SwitchContext.svelte';

package/dist/switch/index.js

@@ -0,0 +1,6 @@
+// libs/helix-svelte/src/switch/index.ts
+export { default as Switch } from './Switch.svelte';
+export { default as SwitchControl } from './SwitchControl.svelte';
+export { default as SwitchThumb } from './SwitchThumb.svelte';
+export { default as SwitchLabel } from './SwitchLabel.svelte';
+export { useSwitch } from './SwitchContext.svelte';

package/dist/tags-input/TagInput.svelte

@@ -0,0 +1,19 @@
+<!-- libs/helix-svelte/src/tags-input/TagInput.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import {
+    TagsInputRoot,
+    TagsInputHiddenInput,
+    type TagsInputRootProps,
+  } from '@ark-ui/svelte/tags-input';
+  import { tagsInputRootBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', editable = false, children, ...rest }: TagsInputRootProps = $props();
+
+  const classes = $derived(cn(tagsInputRootBase, className));
+</script>
+
+<TagsInputRoot {editable} class={classes} {...rest}>
+  {@render children?.()}
+  <TagsInputHiddenInput />
+</TagsInputRoot>

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

@@ -0,0 +1,4 @@
+import { type TagsInputRootProps } from '@ark-ui/svelte/tags-input';
+declare const TagInput: import("svelte").Component<TagsInputRootProps, {}, "">;
+type TagInput = ReturnType<typeof TagInput>;
+export default TagInput;

package/dist/tags-input/TagInputClearTrigger.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helix-svelte/src/tags-input/TagInputClearTrigger.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputClearTriggerBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: TagsInputClearTriggerProps = $props();
+
+  const classes = $derived(cn(tagsInputClearTriggerBase, className));
+</script>
+
+<TagsInputClearTrigger aria-label="Clear all tags" class={classes} {...rest}>
+  {@render children?.()}
+</TagsInputClearTrigger>

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

@@ -0,0 +1,4 @@
+import { type TagsInputClearTriggerProps } from '@ark-ui/svelte/tags-input';
+declare const TagInputClearTrigger: import("svelte").Component<TagsInputClearTriggerProps, {}, "">;
+type TagInputClearTrigger = ReturnType<typeof TagInputClearTrigger>;
+export default TagInputClearTrigger;

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

@@ -0,0 +1 @@
+export { useTagsInputContext as useTagInput } from '@ark-ui/svelte/tags-input';

package/dist/tags-input/TagInputContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/tags-input/TagInputContext.svelte.ts
+// Closely based on: @ark-ui/svelte/tags-input useTagsInputContext, mirrored from @cloudvoyant/helix-react useTagInput
+export { useTagsInputContext as useTagInput } from '@ark-ui/svelte/tags-input';

package/dist/tags-input/TagInputControl.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helix-svelte/src/tags-input/TagInputControl.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { TagsInputControl, type TagsInputControlProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputControlBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: TagsInputControlProps = $props();
+
+  const classes = $derived(cn(tagsInputControlBase, className));
+</script>
+
+<TagsInputControl class={classes} {...rest}>
+  {@render children?.()}
+</TagsInputControl>

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

@@ -0,0 +1,4 @@
+import { type TagsInputControlProps } from '@ark-ui/svelte/tags-input';
+declare const TagInputControl: import("svelte").Component<TagsInputControlProps, {}, "">;
+type TagInputControl = ReturnType<typeof TagInputControl>;
+export default TagInputControl;

package/dist/tags-input/TagInputInput.svelte

@@ -0,0 +1,12 @@
+<!-- libs/helix-svelte/src/tags-input/TagInputInput.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { TagsInputInput, type TagsInputInputProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputInputBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', ...rest }: TagsInputInputProps = $props();
+
+  const classes = $derived(cn(tagsInputInputBase, className));
+</script>
+
+<TagsInputInput class={classes} {...rest} />

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

@@ -0,0 +1,4 @@
+import { type TagsInputInputProps } from '@ark-ui/svelte/tags-input';
+declare const TagInputInput: import("svelte").Component<TagsInputInputProps, {}, "">;
+type TagInputInput = ReturnType<typeof TagInputInput>;
+export default TagInputInput;

package/dist/tags-input/TagInputItem.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helix-svelte/src/tags-input/TagInputItem.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { TagsInputItem, type TagsInputItemProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputItemBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: TagsInputItemProps = $props();
+
+  const classes = $derived(cn(tagsInputItemBase, className));
+</script>
+
+<TagsInputItem class={classes} {...rest}>
+  {@render children?.()}
+</TagsInputItem>

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

@@ -0,0 +1,4 @@
+import { type TagsInputItemProps } from '@ark-ui/svelte/tags-input';
+declare const TagInputItem: import("svelte").Component<TagsInputItemProps, {}, "">;
+type TagInputItem = ReturnType<typeof TagInputItem>;
+export default TagInputItem;

package/dist/tags-input/TagInputItemDeleteTrigger.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helix-svelte/src/tags-input/TagInputItemDeleteTrigger.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputItemDeleteTriggerBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: TagsInputItemDeleteTriggerProps = $props();
+
+  const classes = $derived(cn(tagsInputItemDeleteTriggerBase, className));
+</script>
+
+<TagsInputItemDeleteTrigger aria-label="Remove tag" class={classes} {...rest}>
+  {@render children?.()}
+</TagsInputItemDeleteTrigger>

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

@@ -0,0 +1,4 @@
+import { type TagsInputItemDeleteTriggerProps } from '@ark-ui/svelte/tags-input';
+declare const TagInputItemDeleteTrigger: import("svelte").Component<TagsInputItemDeleteTriggerProps, {}, "">;
+type TagInputItemDeleteTrigger = ReturnType<typeof TagInputItemDeleteTrigger>;
+export default TagInputItemDeleteTrigger;

package/dist/tags-input/TagInputItemInput.svelte

@@ -0,0 +1,12 @@
+<!-- libs/helix-svelte/src/tags-input/TagInputItemInput.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { TagsInputItemInput, type TagsInputItemInputProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputItemInputBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', ...rest }: TagsInputItemInputProps = $props();
+
+  const classes = $derived(cn(tagsInputItemInputBase, className));
+</script>
+
+<TagsInputItemInput class={classes} {...rest} />

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

@@ -0,0 +1,4 @@
+import { type TagsInputItemInputProps } from '@ark-ui/svelte/tags-input';
+declare const TagInputItemInput: import("svelte").Component<TagsInputItemInputProps, {}, "">;
+type TagInputItemInput = ReturnType<typeof TagInputItemInput>;
+export default TagInputItemInput;

package/dist/tags-input/TagInputItemPreview.svelte

@@ -0,0 +1,11 @@
+<!-- libs/helix-svelte/src/tags-input/TagInputItemPreview.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { TagsInputItemPreview, type TagsInputItemPreviewProps } from '@ark-ui/svelte/tags-input';
+
+  let { class: className = '', children, ...rest }: TagsInputItemPreviewProps = $props();
+</script>
+
+<TagsInputItemPreview class={className} {...rest}>
+  {@render children?.()}
+</TagsInputItemPreview>

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

@@ -0,0 +1,4 @@
+import { type TagsInputItemPreviewProps } from '@ark-ui/svelte/tags-input';
+declare const TagInputItemPreview: import("svelte").Component<TagsInputItemPreviewProps, {}, "">;
+type TagInputItemPreview = ReturnType<typeof TagInputItemPreview>;
+export default TagInputItemPreview;

package/dist/tags-input/TagInputItemText.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helix-svelte/src/tags-input/TagInputItemText.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { TagsInputItemText, type TagsInputItemTextProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputItemTextBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: TagsInputItemTextProps = $props();
+
+  const classes = $derived(cn(tagsInputItemTextBase, className));
+</script>
+
+<TagsInputItemText class={classes} {...rest}>
+  {@render children?.()}
+</TagsInputItemText>

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

@@ -0,0 +1,4 @@
+import { type TagsInputItemTextProps } from '@ark-ui/svelte/tags-input';
+declare const TagInputItemText: import("svelte").Component<TagsInputItemTextProps, {}, "">;
+type TagInputItemText = ReturnType<typeof TagInputItemText>;
+export default TagInputItemText;

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

@@ -0,0 +1,11 @@
+export { default as TagInput } from './TagInput.svelte';
+export { default as TagInputControl } from './TagInputControl.svelte';
+export { default as TagInputInput } from './TagInputInput.svelte';
+export { default as TagInputItem } from './TagInputItem.svelte';
+export { default as TagInputItemPreview } from './TagInputItemPreview.svelte';
+export { default as TagInputItemText } from './TagInputItemText.svelte';
+export { default as TagInputItemInput } from './TagInputItemInput.svelte';
+export { default as TagInputItemDeleteTrigger } from './TagInputItemDeleteTrigger.svelte';
+export { default as TagInputClearTrigger } from './TagInputClearTrigger.svelte';
+export { TagsInputContext as TagInputContext } from '@ark-ui/svelte/tags-input';
+export { useTagInput } from './TagInputContext.svelte';

package/dist/tags-input/index.js

@@ -0,0 +1,12 @@
+// libs/helix-svelte/src/tags-input/index.ts
+export { default as TagInput } from './TagInput.svelte';
+export { default as TagInputControl } from './TagInputControl.svelte';
+export { default as TagInputInput } from './TagInputInput.svelte';
+export { default as TagInputItem } from './TagInputItem.svelte';
+export { default as TagInputItemPreview } from './TagInputItemPreview.svelte';
+export { default as TagInputItemText } from './TagInputItemText.svelte';
+export { default as TagInputItemInput } from './TagInputItemInput.svelte';
+export { default as TagInputItemDeleteTrigger } from './TagInputItemDeleteTrigger.svelte';
+export { default as TagInputClearTrigger } from './TagInputClearTrigger.svelte';
+export { TagsInputContext as TagInputContext } from '@ark-ui/svelte/tags-input';
+export { useTagInput } from './TagInputContext.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudvoyant/helix-svelte",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "helix Svelte UI components",
   "license": "MIT",
   "type": "module",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@ark-ui/svelte": "^5.23.1",
-    "@cloudvoyant/helix": "0.12.0"
+    "@cloudvoyant/helix": "0.13.0"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.8",