@cloudvoyant/helical-svelte 0.19.0

package/dist/switch/SwitchControl.svelte

@@ -0,0 +1,17 @@
+<!-- libs/helical-svelte/src/switch/SwitchControl.svelte -->
+<!-- Closely based on: Shark UI switch (@ark-ui/svelte/switch), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import { SwitchControl, type SwitchControlProps } from '@ark-ui/svelte/switch';
+  import { switchVariants, switchControlBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/switch/SwitchLabel.svelte -->
+<!-- Closely based on: Shark UI switch (@ark-ui/svelte/switch), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { SwitchLabel, type SwitchLabelProps } from '@ark-ui/svelte/switch';
+  import { switchLabelBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/switch/SwitchThumb.svelte -->
+<!-- Closely based on: Shark UI switch (@ark-ui/svelte/switch), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { SwitchThumb, type SwitchThumbProps } from '@ark-ui/svelte/switch';
+  import { switchThumbBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-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/tabs/Tabs.svelte

@@ -0,0 +1,24 @@
+<!-- libs/helical-svelte/src/tabs/Tabs.svelte -->
+<!-- Closely based on: Shark UI tabs (@ark-ui/svelte/tabs), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TabsRoot, type TabsRootProps } from '@ark-ui/svelte/tabs';
+  import { tabsRootBase, cn } from '@cloudvoyant/helical-ui';
+
+  let {
+    value,
+    defaultValue,
+    onValueChange,
+    orientation = 'horizontal',
+    lazyMount = true,
+    unmountOnExit = true,
+    class: className = '',
+    children,
+    ...rest
+  }: TabsRootProps = $props();
+
+  const classes = $derived(cn(tabsRootBase, className));
+</script>
+
+<TabsRoot {value} {defaultValue} {onValueChange} {orientation} {lazyMount} {unmountOnExit} class={classes} {...rest}>
+  {@render children?.()}
+</TabsRoot>

package/dist/tabs/Tabs.svelte.d.ts

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

package/dist/tabs/TabsContent.svelte

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

package/dist/tabs/TabsContent.svelte.d.ts

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

package/dist/tabs/TabsContext.svelte.d.ts

@@ -0,0 +1 @@
+export { useTabsContext as useTabs } from '@ark-ui/svelte/tabs';

package/dist/tabs/TabsContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helical-svelte/src/tabs/TabsContext.svelte.ts
+// Closely based on: @ark-ui/svelte/tabs useTabsContext, mirrored from @cloudvoyant/helical-react useTabs
+export { useTabsContext as useTabs } from '@ark-ui/svelte/tabs';

package/dist/tabs/TabsList.svelte

@@ -0,0 +1,20 @@
+<!-- libs/helical-svelte/src/tabs/TabsList.svelte -->
+<!-- Closely based on: Shark UI tabs (@ark-ui/svelte/tabs), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TabList, TabIndicator, type TabListProps } from '@ark-ui/svelte/tabs';
+  import { tabsListBase, tabsListVariants, tabsIndicatorBase, tabsIndicatorVariants, cn } from '@cloudvoyant/helical-ui';
+
+  type Props = TabListProps & {
+    variant?: 'default' | 'underline';
+  };
+
+  let { variant = 'default', class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(tabsListBase, tabsListVariants({ variant }), className));
+  const indicatorClasses = $derived(cn(tabsIndicatorBase, tabsIndicatorVariants({ variant })));
+</script>
+
+<TabList class={classes} {...rest}>
+  {@render children?.()}
+  <TabIndicator class={indicatorClasses} />
+</TabList>

package/dist/tabs/TabsList.svelte.d.ts

@@ -0,0 +1,7 @@
+import { type TabListProps } from '@ark-ui/svelte/tabs';
+type Props = TabListProps & {
+    variant?: 'default' | 'underline';
+};
+declare const TabsList: import("svelte").Component<Props, {}, "">;
+type TabsList = ReturnType<typeof TabsList>;
+export default TabsList;

package/dist/tabs/TabsTrigger.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helical-svelte/src/tabs/TabsTrigger.svelte -->
+<!-- Closely based on: Shark UI tabs (@ark-ui/svelte/tabs), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TabTrigger, type TabTriggerProps } from '@ark-ui/svelte/tabs';
+  import { tabsTriggerBase, cn } from '@cloudvoyant/helical-ui';
+
+  let { value, disabled = false, class: className = '', children, ...rest }: TabTriggerProps = $props();
+
+  const classes = $derived(cn(tabsTriggerBase, className));
+</script>
+
+<TabTrigger {value} {disabled} class={classes} {...rest}>
+  {@render children?.()}
+</TabTrigger>

package/dist/tabs/TabsTrigger.svelte.d.ts

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

package/dist/tabs/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Tabs } from './Tabs.svelte';
+export { default as TabsList } from './TabsList.svelte';
+export { default as TabsTrigger } from './TabsTrigger.svelte';
+export { default as TabsContent } from './TabsContent.svelte';
+export { useTabs } from './TabsContext.svelte';

package/dist/tabs/index.js

@@ -0,0 +1,6 @@
+// libs/helical-svelte/src/tabs/index.ts
+export { default as Tabs } from './Tabs.svelte';
+export { default as TabsList } from './TabsList.svelte';
+export { default as TabsTrigger } from './TabsTrigger.svelte';
+export { default as TabsContent } from './TabsContent.svelte';
+export { useTabs } from './TabsContext.svelte';

package/dist/tags-input/TagInput.svelte

@@ -0,0 +1,19 @@
+<!-- libs/helical-svelte/src/tags-input/TagInput.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import {
+    TagsInputRoot,
+    TagsInputHiddenInput,
+    type TagsInputRootProps,
+  } from '@ark-ui/svelte/tags-input';
+  import { tagsInputRootBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/tags-input/TagInputClearTrigger.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputClearTriggerBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/tags-input/TagInputContext.svelte.ts
+// Closely based on: @ark-ui/svelte/tags-input useTagsInputContext, mirrored from @cloudvoyant/helical-react useTagInput
+export { useTagsInputContext as useTagInput } from '@ark-ui/svelte/tags-input';

package/dist/tags-input/TagInputControl.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helical-svelte/src/tags-input/TagInputControl.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TagsInputControl, type TagsInputControlProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputControlBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/tags-input/TagInputInput.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TagsInputInput, type TagsInputInputProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputInputBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/tags-input/TagInputItem.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TagsInputItem, type TagsInputItemProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputItemBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/tags-input/TagInputItemDeleteTrigger.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputItemDeleteTriggerBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/tags-input/TagInputItemInput.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TagsInputItemInput, type TagsInputItemInputProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputItemInputBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/tags-input/TagInputItemPreview.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-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/helical-svelte/src/tags-input/TagInputItemText.svelte -->
+<!-- Closely based on: Shark UI tags input (@ark-ui/svelte/tags-input), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TagsInputItemText, type TagsInputItemTextProps } from '@ark-ui/svelte/tags-input';
+  import { tagsInputItemTextBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-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/dist/toggle-group/ToggleGroup.svelte

@@ -0,0 +1,28 @@
+<!-- libs/helical-svelte/src/toggle-group/ToggleGroup.svelte -->
+<!-- Closely based on: @ark-ui/svelte/toggle-group, mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { ToggleGroupRoot, type ToggleGroupRootProps } from '@ark-ui/svelte/toggle-group';
+  import { toggleGroupRootVariants, cn } from '@cloudvoyant/helical-ui';
+  import type { Snippet } from 'svelte';
+
+  type Props = ToggleGroupRootProps & {
+    orientation?: 'horizontal' | 'vertical';
+    attached?: boolean | null;
+    class?: string;
+    children?: Snippet;
+  };
+
+  let {
+    orientation = 'horizontal',
+    attached = false,
+    class: className = '',
+    children,
+    ...rest
+  }: Props = $props();
+
+  const classes = $derived(cn(toggleGroupRootVariants({ orientation, attached }), className));
+</script>
+
+<ToggleGroupRoot {orientation} class={classes} {...rest}>
+  {#if children}{@render children()}{/if}
+</ToggleGroupRoot>

package/dist/toggle-group/ToggleGroup.svelte.d.ts

@@ -0,0 +1,11 @@
+import { type ToggleGroupRootProps } from '@ark-ui/svelte/toggle-group';
+import type { Snippet } from 'svelte';
+type Props = ToggleGroupRootProps & {
+    orientation?: 'horizontal' | 'vertical';
+    attached?: boolean | null;
+    class?: string;
+    children?: Snippet;
+};
+declare const ToggleGroup: import("svelte").Component<Props, {}, "">;
+type ToggleGroup = ReturnType<typeof ToggleGroup>;
+export default ToggleGroup;

package/dist/toggle-group/ToggleGroupItem.svelte

@@ -0,0 +1,28 @@
+<!-- libs/helical-svelte/src/toggle-group/ToggleGroupItem.svelte -->
+<!-- Closely based on: @ark-ui/svelte/toggle-group, mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { ToggleGroupItem, type ToggleGroupItemProps } from '@ark-ui/svelte/toggle-group';
+  import { toggleButtonVariants, cn } from '@cloudvoyant/helical-ui';
+  import type { Snippet } from 'svelte';
+
+  type Props = ToggleGroupItemProps & {
+    variant?: 'default' | 'outline';
+    size?: 'default' | 'sm' | 'lg';
+    class?: string;
+    children?: Snippet;
+  };
+
+  let {
+    variant = 'default',
+    size = 'default',
+    class: className = '',
+    children,
+    ...rest
+  }: Props = $props();
+
+  const classes = $derived(cn(toggleButtonVariants({ variant, size }), className));
+</script>
+
+<ToggleGroupItem class={classes} {...rest}>
+  {#if children}{@render children()}{/if}
+</ToggleGroupItem>

package/dist/toggle-group/ToggleGroupItem.svelte.d.ts

@@ -0,0 +1,11 @@
+import { ToggleGroupItem, type ToggleGroupItemProps } from '@ark-ui/svelte/toggle-group';
+import type { Snippet } from 'svelte';
+type Props = ToggleGroupItemProps & {
+    variant?: 'default' | 'outline';
+    size?: 'default' | 'sm' | 'lg';
+    class?: string;
+    children?: Snippet;
+};
+declare const ToggleGroupItem: import("svelte").Component<Props, {}, "">;
+type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;
+export default ToggleGroupItem;

package/dist/toggle-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ToggleGroup } from './ToggleGroup.svelte';
+export { default as ToggleGroupItem } from './ToggleGroupItem.svelte';

package/dist/toggle-group/index.js

@@ -0,0 +1,3 @@
+// libs/helical-svelte/src/toggle-group/index.ts
+export { default as ToggleGroup } from './ToggleGroup.svelte';
+export { default as ToggleGroupItem } from './ToggleGroupItem.svelte';

package/dist/tooltip/Tooltip.svelte

@@ -0,0 +1,11 @@
+<!-- libs/helical-svelte/src/tooltip/Tooltip.svelte -->
+<!-- Closely based on: Ark UI tooltip (@ark-ui/svelte/tooltip), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TooltipRoot, type TooltipRootProps } from '@ark-ui/svelte/tooltip';
+
+  let { children, ...rest }: TooltipRootProps = $props();
+</script>
+
+<TooltipRoot {...rest}>
+  {@render children?.()}
+</TooltipRoot>

package/dist/tooltip/Tooltip.svelte.d.ts

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

package/dist/tooltip/TooltipContent.svelte

@@ -0,0 +1,35 @@
+<!-- libs/helical-svelte/src/tooltip/TooltipContent.svelte -->
+<!-- Closely based on: Ark UI tooltip (@ark-ui/svelte/tooltip), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { Portal } from '@ark-ui/svelte/portal';
+  import {
+    TooltipPositioner,
+    TooltipArrow,
+    TooltipArrowTip,
+    TooltipContent,
+    useTooltipContext,
+    type TooltipContentProps,
+  } from '@ark-ui/svelte/tooltip';
+  import { tooltipPositionerBase, tooltipArrowBase, tooltipContentBase, cn } from '@cloudvoyant/helical-ui';
+
+  type Props = TooltipContentProps & { arrow?: boolean; class?: string };
+
+  let { arrow = true, class: className = '', children, ...rest }: Props = $props();
+
+  const tooltip = useTooltipContext();
+  const open = $derived(tooltip().open);
+  const classes = $derived(cn(tooltipContentBase, className));
+</script>
+
+<Portal>
+  <TooltipPositioner class={tooltipPositionerBase}>
+    {#if arrow && open}
+      <TooltipArrow class={tooltipArrowBase}>
+        <TooltipArrowTip />
+      </TooltipArrow>
+    {/if}
+    <TooltipContent class={classes} {...rest}>
+      {@render children?.()}
+    </TooltipContent>
+  </TooltipPositioner>
+</Portal>

package/dist/tooltip/TooltipContent.svelte.d.ts

@@ -0,0 +1,8 @@
+import { TooltipContent, type TooltipContentProps } from '@ark-ui/svelte/tooltip';
+type Props = TooltipContentProps & {
+    arrow?: boolean;
+    class?: string;
+};
+declare const TooltipContent: import("svelte").Component<Props, {}, "">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;

package/dist/tooltip/TooltipContext.svelte.d.ts

@@ -0,0 +1 @@
+export { useTooltip, useTooltipContext } from '@ark-ui/svelte/tooltip';

package/dist/tooltip/TooltipContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helical-svelte/src/tooltip/TooltipContext.svelte.ts
+// Closely based on: @ark-ui/svelte/tooltip useTooltip / useTooltipContext, mirrored from @cloudvoyant/helical-react
+export { useTooltip, useTooltipContext } from '@ark-ui/svelte/tooltip';

package/dist/tooltip/TooltipProvider.svelte

@@ -0,0 +1,11 @@
+<!-- libs/helical-svelte/src/tooltip/TooltipProvider.svelte -->
+<!-- Closely based on: Ark UI tooltip (@ark-ui/svelte/tooltip), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { TooltipRootProvider, type TooltipRootProviderProps } from '@ark-ui/svelte/tooltip';
+
+  let { value, children, ...rest }: TooltipRootProviderProps = $props();
+</script>
+
+<TooltipRootProvider {value} {...rest}>
+  {@render children?.()}
+</TooltipRootProvider>