@cloudvoyant/helix-svelte 0.12.0 → 0.13.0

package/dist/field/FieldHelper.svelte

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

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

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

package/dist/field/FieldLabel.svelte

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

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

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

package/dist/field/FieldRequiredIndicator.svelte

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

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

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

package/dist/field/FieldSet.svelte

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

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

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

package/dist/field/FieldSetError.svelte

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

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

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

package/dist/field/FieldSetHelper.svelte

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

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

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

package/dist/field/FieldSetLegend.svelte

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

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

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

package/dist/field/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Field } from './Field.svelte';
+export { default as FieldLabel } from './FieldLabel.svelte';
+export { default as FieldHelper } from './FieldHelper.svelte';
+export { default as FieldError } from './FieldError.svelte';
+export { default as FieldRequiredIndicator } from './FieldRequiredIndicator.svelte';
+export { default as FieldSet } from './FieldSet.svelte';
+export { default as FieldSetLegend } from './FieldSetLegend.svelte';
+export { default as FieldSetHelper } from './FieldSetHelper.svelte';
+export { default as FieldSetError } from './FieldSetError.svelte';
+export { useField } from './FieldContext.svelte';

package/dist/field/index.js

@@ -0,0 +1,11 @@
+// libs/helix-svelte/src/field/index.ts
+export { default as Field } from './Field.svelte';
+export { default as FieldLabel } from './FieldLabel.svelte';
+export { default as FieldHelper } from './FieldHelper.svelte';
+export { default as FieldError } from './FieldError.svelte';
+export { default as FieldRequiredIndicator } from './FieldRequiredIndicator.svelte';
+export { default as FieldSet } from './FieldSet.svelte';
+export { default as FieldSetLegend } from './FieldSetLegend.svelte';
+export { default as FieldSetHelper } from './FieldSetHelper.svelte';
+export { default as FieldSetError } from './FieldSetError.svelte';
+export { useField } from './FieldContext.svelte';

package/dist/index.d.ts

@@ -20,3 +20,12 @@ export * from './sidebar';
 export * from './tabs';
 export * from './pagination';
 export * from './navbar';
+export * from './field';
+export { default as Input } from './Input.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export * from './number-input';
+export * from './checkbox';
+export * from './switch';
+export * from './select';
+export * from './combobox';
+export * from './tags-input';

package/dist/index.js

@@ -21,3 +21,12 @@ export * from './sidebar';
 export * from './tabs';
 export * from './pagination';
 export * from './navbar';
+export * from './field';
+export { default as Input } from './Input.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export * from './number-input';
+export * from './checkbox';
+export * from './switch';
+export * from './select';
+export * from './combobox';
+export * from './tags-input';

package/dist/number-input/NumberInput.svelte

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

package/dist/number-input/NumberInput.svelte.d.ts

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

package/dist/number-input/NumberInputContext.svelte.d.ts

@@ -0,0 +1 @@
+export { useNumberInputContext as useNumberInput } from '@ark-ui/svelte/number-input';

package/dist/number-input/NumberInputContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/number-input/NumberInputContext.svelte.ts
+// Closely based on: @ark-ui/svelte/number-input useNumberInputContext, mirrored from @cloudvoyant/helix-react useNumberInput
+export { useNumberInputContext as useNumberInput } from '@ark-ui/svelte/number-input';

package/dist/number-input/NumberInputControl.svelte

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

package/dist/number-input/NumberInputControl.svelte.d.ts

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

package/dist/number-input/NumberInputDecrement.svelte

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

package/dist/number-input/NumberInputDecrement.svelte.d.ts

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

package/dist/number-input/NumberInputIncrement.svelte

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

package/dist/number-input/NumberInputIncrement.svelte.d.ts

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

package/dist/number-input/NumberInputInput.svelte

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

package/dist/number-input/NumberInputInput.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+export { default as NumberInput } from './NumberInput.svelte';
+export { default as NumberInputControl } from './NumberInputControl.svelte';
+export { default as NumberInputInput } from './NumberInputInput.svelte';
+export { default as NumberInputDecrement } from './NumberInputDecrement.svelte';
+export { default as NumberInputIncrement } from './NumberInputIncrement.svelte';
+export { useNumberInput } from './NumberInputContext.svelte';

package/dist/number-input/index.js

@@ -0,0 +1,7 @@
+// libs/helix-svelte/src/number-input/index.ts
+export { default as NumberInput } from './NumberInput.svelte';
+export { default as NumberInputControl } from './NumberInputControl.svelte';
+export { default as NumberInputInput } from './NumberInputInput.svelte';
+export { default as NumberInputDecrement } from './NumberInputDecrement.svelte';
+export { default as NumberInputIncrement } from './NumberInputIncrement.svelte';
+export { useNumberInput } from './NumberInputContext.svelte';

package/dist/select/Select.svelte

@@ -0,0 +1,70 @@
+<!-- libs/helix-svelte/src/select/Select.svelte -->
+<!-- Closely based on: Shark UI select + native-select (@ark-ui/svelte/select), mirrored from @cloudvoyant/helix-react -->
+<!-- Note: adapted to Ark UI v5 collection-based API (SelectRoot `collection` + SelectItem `item`). -->
+<script lang="ts">
+  import {
+    SelectRoot,
+    SelectHiddenSelect,
+    createListCollection,
+    type SelectRootProps,
+    type ListCollection,
+  } from '@ark-ui/svelte/select';
+  import type { SelectItemData } from '@cloudvoyant/helix';
+  import SelectNative from './SelectNative.svelte';
+
+  type Props = Omit<SelectRootProps<SelectItemData>, 'collection'> & {
+    items?: SelectItemData[];
+    collection?: ListCollection<SelectItemData>;
+    size?: 'sm' | 'md' | 'lg';
+    class?: string;
+  };
+
+  let {
+    items,
+    collection,
+    size = 'md',
+    class: className = '',
+    children,
+    value,
+    defaultValue,
+    onValueChange,
+    invalid,
+    disabled,
+    name,
+    form,
+    required,
+    ...rest
+  }: Props = $props();
+
+  const resolvedCollection = $derived(collection ?? createListCollection({ items: items ?? [] }));
+
+  let isCoarse = $state(false);
+
+  $effect(() => {
+    const mql = window.matchMedia('(pointer: coarse)');
+    isCoarse = mql.matches;
+    const onChange = () => (isCoarse = mql.matches);
+    mql.addEventListener('change', onChange);
+    return () => mql.removeEventListener('change', onChange);
+  });
+</script>
+
+{#if isCoarse && items}
+  <SelectNative
+    {items}
+    {size}
+    value={value?.[0]}
+    defaultValue={defaultValue?.[0]}
+    onValueChange={(v) => onValueChange?.({ value: [v], items: [] })}
+    {invalid}
+    {disabled}
+    {name}
+    {form}
+    {required}
+  />
+{:else}
+  <SelectRoot collection={resolvedCollection} {value} {defaultValue} {onValueChange} {invalid} {disabled} {name} {form} {required} class={className} {...rest}>
+    {@render children?.()}
+    <SelectHiddenSelect />
+  </SelectRoot>
+{/if}

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

@@ -0,0 +1,11 @@
+import { type SelectRootProps, type ListCollection } from '@ark-ui/svelte/select';
+import type { SelectItemData } from '@cloudvoyant/helix';
+type Props = Omit<SelectRootProps<SelectItemData>, 'collection'> & {
+    items?: SelectItemData[];
+    collection?: ListCollection<SelectItemData>;
+    size?: 'sm' | 'md' | 'lg';
+    class?: string;
+};
+declare const Select: import("svelte").Component<Props, {}, "">;
+type Select = ReturnType<typeof Select>;
+export default Select;

package/dist/select/SelectClearTrigger.svelte

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

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

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

package/dist/select/SelectContent.svelte

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

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

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

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

@@ -0,0 +1 @@
+export { useSelectContext as useSelect } from '@ark-ui/svelte/select';

package/dist/select/SelectContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/select/SelectContext.svelte.ts
+// Closely based on: @ark-ui/svelte/select useSelectContext, mirrored from @cloudvoyant/helix-react useSelect
+export { useSelectContext as useSelect } from '@ark-ui/svelte/select';

package/dist/select/SelectIndicator.svelte

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

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

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

package/dist/select/SelectItem.svelte

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

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

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

package/dist/select/SelectItemGroup.svelte

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

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

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

package/dist/select/SelectItemGroupLabel.svelte

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

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

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

package/dist/select/SelectItemIndicator.svelte

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

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

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

package/dist/select/SelectItemText.svelte

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

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

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