@cloudvoyant/helix-svelte 0.12.0 → 0.13.0

package/dist/Input.svelte

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

package/dist/Input.svelte.d.ts

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

package/dist/Textarea.svelte

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

package/dist/Textarea.svelte.d.ts

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

package/dist/checkbox/Checkbox.svelte

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

package/dist/checkbox/Checkbox.svelte.d.ts

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

package/dist/checkbox/CheckboxContext.svelte.d.ts

@@ -0,0 +1 @@
+export { useCheckboxContext as useCheckbox } from '@ark-ui/svelte/checkbox';

package/dist/checkbox/CheckboxContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/checkbox/CheckboxContext.svelte.ts
+// Closely based on: @ark-ui/svelte/checkbox useCheckboxContext, mirrored from @cloudvoyant/helix-react useCheckbox
+export { useCheckboxContext as useCheckbox } from '@ark-ui/svelte/checkbox';

package/dist/checkbox/CheckboxControl.svelte

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

package/dist/checkbox/CheckboxControl.svelte.d.ts

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

package/dist/checkbox/CheckboxGroup.svelte

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

package/dist/checkbox/CheckboxGroup.svelte.d.ts

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

package/dist/checkbox/CheckboxIndicator.svelte

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

package/dist/checkbox/CheckboxIndicator.svelte.d.ts

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

package/dist/checkbox/CheckboxLabel.svelte

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

package/dist/checkbox/CheckboxLabel.svelte.d.ts

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

package/dist/checkbox/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Checkbox } from './Checkbox.svelte';
+export { default as CheckboxControl } from './CheckboxControl.svelte';
+export { default as CheckboxIndicator } from './CheckboxIndicator.svelte';
+export { default as CheckboxLabel } from './CheckboxLabel.svelte';
+export { default as CheckboxGroup } from './CheckboxGroup.svelte';
+export { useCheckbox } from './CheckboxContext.svelte';

package/dist/checkbox/index.js

@@ -0,0 +1,7 @@
+// libs/helix-svelte/src/checkbox/index.ts
+export { default as Checkbox } from './Checkbox.svelte';
+export { default as CheckboxControl } from './CheckboxControl.svelte';
+export { default as CheckboxIndicator } from './CheckboxIndicator.svelte';
+export { default as CheckboxLabel } from './CheckboxLabel.svelte';
+export { default as CheckboxGroup } from './CheckboxGroup.svelte';
+export { useCheckbox } from './CheckboxContext.svelte';

package/dist/combobox/Combobox.svelte

@@ -0,0 +1,25 @@
+<!-- libs/helix-svelte/src/combobox/Combobox.svelte -->
+<!-- Closely based on: Shark UI combobox (@ark-ui/svelte/combobox), mirrored from @cloudvoyant/helix-react -->
+<!-- Note: adapted to Ark UI v5 collection-based API (ComboboxRoot `collection` + ComboboxItem `item`). -->
+<script lang="ts">
+  import {
+    ComboboxRoot,
+    createListCollection,
+    type ComboboxRootProps,
+    type ListCollection,
+  } from '@ark-ui/svelte/combobox';
+  import type { SelectItemData } from '@cloudvoyant/helix';
+
+  type Props = Omit<ComboboxRootProps<SelectItemData>, 'collection'> & {
+    items?: SelectItemData[];
+    collection?: ListCollection<SelectItemData>;
+  };
+
+  let { items, collection, openOnClick = true, lazyMount = true, unmountOnExit = true, children, ...rest }: Props = $props();
+
+  const resolvedCollection = $derived(collection ?? createListCollection({ items: items ?? [] }));
+</script>
+
+<ComboboxRoot collection={resolvedCollection} {openOnClick} {lazyMount} {unmountOnExit} {...rest}>
+  {@render children?.()}
+</ComboboxRoot>

package/dist/combobox/Combobox.svelte.d.ts

@@ -0,0 +1,9 @@
+import { type ComboboxRootProps, type ListCollection } from '@ark-ui/svelte/combobox';
+import type { SelectItemData } from '@cloudvoyant/helix';
+type Props = Omit<ComboboxRootProps<SelectItemData>, 'collection'> & {
+    items?: SelectItemData[];
+    collection?: ListCollection<SelectItemData>;
+};
+declare const Combobox: import("svelte").Component<Props, {}, "">;
+type Combobox = ReturnType<typeof Combobox>;
+export default Combobox;

package/dist/combobox/ComboboxClear.svelte

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

package/dist/combobox/ComboboxClear.svelte.d.ts

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

package/dist/combobox/ComboboxContent.svelte

@@ -0,0 +1,19 @@
+<!-- libs/helix-svelte/src/combobox/ComboboxContent.svelte -->
+<!-- Closely based on: Shark UI combobox (@ark-ui/svelte/combobox), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { Portal } from '@ark-ui/svelte/portal';
+  import { ComboboxPositioner, ComboboxContent, type ComboboxContentProps } from '@ark-ui/svelte/combobox';
+  import { comboboxContentBase, comboboxPositionerBase, cn } from '@cloudvoyant/helix';
+
+  let { class: className = '', children, ...rest }: ComboboxContentProps = $props();
+
+  const classes = $derived(cn(comboboxContentBase, className));
+</script>
+
+<Portal>
+  <ComboboxPositioner class={comboboxPositionerBase}>
+    <ComboboxContent class={classes} {...rest}>
+      {@render children?.()}
+    </ComboboxContent>
+  </ComboboxPositioner>
+</Portal>

package/dist/combobox/ComboboxContent.svelte.d.ts

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

package/dist/combobox/ComboboxContext.svelte.d.ts

@@ -0,0 +1 @@
+export { useComboboxContext as useCombobox } from '@ark-ui/svelte/combobox';

package/dist/combobox/ComboboxContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/combobox/ComboboxContext.svelte.ts
+// Closely based on: @ark-ui/svelte/combobox useComboboxContext, mirrored from @cloudvoyant/helix-react useCombobox
+export { useComboboxContext as useCombobox } from '@ark-ui/svelte/combobox';

package/dist/combobox/ComboboxControl.svelte

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

package/dist/combobox/ComboboxControl.svelte.d.ts

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

package/dist/combobox/ComboboxEmpty.svelte

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

package/dist/combobox/ComboboxEmpty.svelte.d.ts

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

package/dist/combobox/ComboboxInput.svelte

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

package/dist/combobox/ComboboxInput.svelte.d.ts

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

package/dist/combobox/ComboboxItem.svelte

@@ -0,0 +1,22 @@
+<!-- libs/helix-svelte/src/combobox/ComboboxItem.svelte -->
+<!-- Closely based on: Shark UI combobox (@ark-ui/svelte/combobox), mirrored from @cloudvoyant/helix-react -->
+<!-- Note: adapted to Ark UI v5 — ComboboxItem takes `item` (the collection item). -->
+<script lang="ts">
+  import { ComboboxItem, type ComboboxItemProps } from '@ark-ui/svelte/combobox';
+  import { comboboxItemVariants, cn } from '@cloudvoyant/helix';
+  import type { SelectItemData } from '@cloudvoyant/helix';
+
+  type Props = Omit<ComboboxItemProps, 'item'> & {
+    item: SelectItemData;
+    showIndicator?: boolean;
+    class?: string;
+  };
+
+  let { item, showIndicator = true, class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(comboboxItemVariants({ showIndicator }), className));
+</script>
+
+<ComboboxItem {item} persistFocus class={classes} {...rest}>
+  {@render children?.()}
+</ComboboxItem>

package/dist/combobox/ComboboxItem.svelte.d.ts

@@ -0,0 +1,10 @@
+import { ComboboxItem, type ComboboxItemProps } from '@ark-ui/svelte/combobox';
+import type { SelectItemData } from '@cloudvoyant/helix';
+type Props = Omit<ComboboxItemProps, 'item'> & {
+    item: SelectItemData;
+    showIndicator?: boolean;
+    class?: string;
+};
+declare const ComboboxItem: import("svelte").Component<Props, {}, "">;
+type ComboboxItem = ReturnType<typeof ComboboxItem>;
+export default ComboboxItem;

package/dist/combobox/ComboboxItemGroup.svelte

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

package/dist/combobox/ComboboxItemGroup.svelte.d.ts

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

package/dist/combobox/ComboboxItemGroupLabel.svelte

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

package/dist/combobox/ComboboxItemGroupLabel.svelte.d.ts

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

package/dist/combobox/ComboboxItemIndicator.svelte

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

package/dist/combobox/ComboboxItemIndicator.svelte.d.ts

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

package/dist/combobox/ComboboxItemText.svelte

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

package/dist/combobox/ComboboxItemText.svelte.d.ts

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

package/dist/combobox/ComboboxList.svelte

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

package/dist/combobox/ComboboxList.svelte.d.ts

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

package/dist/combobox/ComboboxTrigger.svelte

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

package/dist/combobox/ComboboxTrigger.svelte.d.ts

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

package/dist/combobox/index.d.ts

@@ -0,0 +1,14 @@
+export { default as Combobox } from './Combobox.svelte';
+export { default as ComboboxControl } from './ComboboxControl.svelte';
+export { default as ComboboxInput } from './ComboboxInput.svelte';
+export { default as ComboboxTrigger } from './ComboboxTrigger.svelte';
+export { default as ComboboxClear } from './ComboboxClear.svelte';
+export { default as ComboboxContent } from './ComboboxContent.svelte';
+export { default as ComboboxItemGroup } from './ComboboxItemGroup.svelte';
+export { default as ComboboxItemGroupLabel } from './ComboboxItemGroupLabel.svelte';
+export { default as ComboboxItem } from './ComboboxItem.svelte';
+export { default as ComboboxItemText } from './ComboboxItemText.svelte';
+export { default as ComboboxItemIndicator } from './ComboboxItemIndicator.svelte';
+export { default as ComboboxList } from './ComboboxList.svelte';
+export { default as ComboboxEmpty } from './ComboboxEmpty.svelte';
+export { useCombobox } from './ComboboxContext.svelte';

package/dist/combobox/index.js

@@ -0,0 +1,15 @@
+// libs/helix-svelte/src/combobox/index.ts
+export { default as Combobox } from './Combobox.svelte';
+export { default as ComboboxControl } from './ComboboxControl.svelte';
+export { default as ComboboxInput } from './ComboboxInput.svelte';
+export { default as ComboboxTrigger } from './ComboboxTrigger.svelte';
+export { default as ComboboxClear } from './ComboboxClear.svelte';
+export { default as ComboboxContent } from './ComboboxContent.svelte';
+export { default as ComboboxItemGroup } from './ComboboxItemGroup.svelte';
+export { default as ComboboxItemGroupLabel } from './ComboboxItemGroupLabel.svelte';
+export { default as ComboboxItem } from './ComboboxItem.svelte';
+export { default as ComboboxItemText } from './ComboboxItemText.svelte';
+export { default as ComboboxItemIndicator } from './ComboboxItemIndicator.svelte';
+export { default as ComboboxList } from './ComboboxList.svelte';
+export { default as ComboboxEmpty } from './ComboboxEmpty.svelte';
+export { useCombobox } from './ComboboxContext.svelte';

package/dist/field/Field.svelte

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

package/dist/field/Field.svelte.d.ts

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

package/dist/field/FieldContext.svelte.d.ts

@@ -0,0 +1 @@
+export { useFieldContext as useField } from '@ark-ui/svelte/field';

package/dist/field/FieldContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/field/FieldContext.svelte.ts
+// Closely based on: @ark-ui/svelte/field useFieldContext, mirrored from @cloudvoyant/helix-react useField
+export { useFieldContext as useField } from '@ark-ui/svelte/field';

package/dist/field/FieldError.svelte

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

package/dist/field/FieldError.svelte.d.ts

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