@cloudvoyant/helical-svelte 0.19.0

package/dist/editor/SlashMenu.svelte

@@ -0,0 +1,124 @@
+<script lang="ts">
+  import type { SlashCommandItem } from '@cloudvoyant/helical-ui';
+  import { onMount, tick } from 'svelte';
+  import * as LucideIcons from 'lucide-svelte';
+  import type { Component } from 'svelte';
+
+  interface Props {
+    items: SlashCommandItem[];
+    command: (item: SlashCommandItem) => void;
+  }
+
+  let { items, command }: Props = $props();
+
+  let selectedIndex = $state(0);
+  let previousItemsKey = $state('');
+  let menuScrollElement = $state<HTMLDivElement | undefined>();
+  let itemElements = $state<Array<HTMLButtonElement | undefined>>([]);
+
+  function getIcon(iconName: string): Component | undefined {
+    return (LucideIcons as unknown as Record<string, Component | undefined>)[iconName];
+  }
+
+  function setSelectedIndex(index: number) {
+    selectedIndex = index;
+    void tick().then(() => {
+      const viewport = menuScrollElement;
+      const item = itemElements[index];
+      if (!viewport || !item) return;
+      const viewportRect = viewport.getBoundingClientRect();
+      const itemRect = item.getBoundingClientRect();
+      if (itemRect.top < viewportRect.top) viewport.scrollTop -= viewportRect.top - itemRect.top;
+      else if (itemRect.bottom > viewportRect.bottom) viewport.scrollTop += itemRect.bottom - viewportRect.bottom;
+    });
+  }
+
+  // Reset only when the command titles change. Suggestion can replace the items array during
+  // keyboard navigation even when its contents are identical.
+  $effect(() => {
+    const itemsKey = items.map((item) => item.title).join('\u0000');
+    if (itemsKey !== previousItemsKey) {
+      previousItemsKey = itemsKey;
+      setSelectedIndex(0);
+    }
+  });
+
+  function selectItem(index: number) {
+    const item = items[index];
+    if (item) {
+      command(item);
+    }
+  }
+
+  function handleKeyDown(event: KeyboardEvent) {
+    if (items.length === 0) return false;
+
+    if (event.key === 'ArrowUp') {
+      setSelectedIndex(Math.max(0, selectedIndex - 1));
+      return true;
+    }
+
+    if (event.key === 'ArrowDown') {
+      setSelectedIndex(Math.min(items.length - 1, selectedIndex + 1));
+      return true;
+    }
+
+    if (event.key === 'Enter') {
+      selectItem(selectedIndex);
+      return true;
+    }
+
+    return false;
+  }
+
+  onMount(() => {
+    const handleKey = (e: KeyboardEvent) => {
+      if (handleKeyDown(e)) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    };
+
+    // Use capture phase to intercept before editor
+    document.addEventListener('keydown', handleKey, true);
+    return () => document.removeEventListener('keydown', handleKey, true);
+  });
+</script>
+
+{#if items.length > 0}
+  <div class="w-72 rounded-md border border-border bg-popover text-popover-foreground shadow-lg">
+    <div
+      bind:this={menuScrollElement}
+      class="max-h-[320px] overflow-y-auto p-1"
+      data-slash-menu-scroll
+    >
+      {#each items as item, index}
+        {@const IconComponent = getIcon(item.icon)}
+        <button
+          type="button"
+          class="flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground hover:bg-accent hover:text-accent-foreground {index ===
+          selectedIndex
+            ? 'bg-accent text-accent-foreground'
+            : ''}"
+          bind:this={itemElements[index]}
+          data-slash-selected={index === selectedIndex ? '' : undefined}
+          onclick={() => selectItem(index)}
+          onmousemove={() => setSelectedIndex(index)}
+        >
+          <span class="inline-flex w-5 justify-center opacity-70" data-slash-icon={item.icon} aria-hidden="true">
+            {#if item.icon === 'YouTube'}
+              <svg viewBox="0 0 24 24" class="size-4" fill="currentColor">
+                <path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z" />
+              </svg>
+            {:else if IconComponent}
+              <IconComponent size={16} />
+            {/if}
+          </span>
+          <div class="flex-1 min-w-0">
+            <span class="text-sm">{item.title}</span>
+          </div>
+        </button>
+      {/each}
+    </div>
+  </div>
+{/if}

package/dist/editor/SlashMenu.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { SlashCommandItem } from '@cloudvoyant/helical-ui';
+import type { Component } from 'svelte';
+interface Props {
+    items: SlashCommandItem[];
+    command: (item: SlashCommandItem) => void;
+}
+declare const SlashMenu: Component<Props, {}, "">;
+type SlashMenu = ReturnType<typeof SlashMenu>;
+export default SlashMenu;

package/dist/editor/UrlMentionPill.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import type { NodeViewProps } from '@tiptap/core';
+  import { NodeViewWrapper } from 'svelte-tiptap';
+
+  let { node }: NodeViewProps = $props();
+
+  const { url, title, favicon } = $derived(node.attrs);
+  let faviconError = $state(false);
+</script>
+
+<NodeViewWrapper
+  as="a"
+  href={url}
+  target="_blank"
+  rel="noopener noreferrer"
+  class="inline-flex items-center gap-1.5 px-1.5 py-0.5 mx-0.5 rounded-md transition-colors text-sm no-underline cursor-pointer url-mention-pill-edit"
+  style="text-decoration: none !important; color: inherit; vertical-align: text-bottom; margin-bottom: -0.25rem;"
+>
+  {#if favicon && !faviconError}
+    <img src={favicon} alt="" class="w-3.5 h-3.5 flex-shrink-0" onerror={() => (faviconError = true)} />
+  {:else}
+    <svg class="w-3.5 h-3.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+      <path
+        d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z"
+      />
+    </svg>
+  {/if}
+  <span>{title}</span>
+</NodeViewWrapper>

package/dist/editor/UrlMentionPill.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/core';
+declare const UrlMentionPill: import("svelte").Component<NodeViewProps, {}, "">;
+type UrlMentionPill = ReturnType<typeof UrlMentionPill>;
+export default UrlMentionPill;

package/dist/editor/YouTubeInput.svelte

@@ -0,0 +1,81 @@
+<!-- libs/helical-svelte/src/editor/YouTubeInput.svelte -->
+<script lang="ts">
+  import type { Editor } from '@tiptap/core';
+  import { Play, X } from 'lucide-svelte';
+
+  let { editor, position, onClose }: { editor: Editor; position: number; onClose: () => void } = $props();
+  let url = $state('');
+  let error = $state('');
+
+  function isYouTubeUrl(value: string): boolean {
+    try {
+      const host = new URL(value).hostname.replace(/^www\./, '');
+      return host === 'youtube.com' || host === 'm.youtube.com' || host === 'youtu.be';
+    } catch {
+      return false;
+    }
+  }
+
+  function insert() {
+    const value = url.trim();
+    if (!isYouTubeUrl(value)) {
+      error = 'Enter a valid YouTube URL.';
+      return;
+    }
+    editor
+      .chain()
+      .focus()
+      .insertContentAt(position, {
+        type: 'linkPreview',
+        attrs: { url: value, title: 'YouTube video', description: '', image: '', type: 'embed' },
+      })
+      .run();
+    onClose();
+  }
+</script>
+
+<div
+  role="dialog"
+  aria-label="Embed YouTube video"
+  class="w-80 rounded-lg border border-border bg-popover p-3 text-popover-foreground shadow-lg"
+>
+  <div class="mb-2 flex items-center justify-between">
+    <span class="flex items-center gap-2 text-sm font-medium">
+      <Play class="size-5 fill-current text-red-600" aria-hidden="true" data-youtube-logo />
+      Embed YouTube video
+    </span>
+    <button type="button" onclick={onClose} aria-label="Close YouTube input" class="rounded p-1 hover:bg-accent">
+      <X class="h-4 w-4" />
+    </button>
+  </div>
+  <input
+    value={url}
+    oninput={(event) => {
+      url = event.currentTarget.value;
+      error = '';
+    }}
+    onkeydown={(event) => {
+      if (event.key === 'Enter') {
+        event.preventDefault();
+        insert();
+      } else if (event.key === 'Escape') onClose();
+    }}
+    placeholder="https://youtube.com/watch?v=…"
+    aria-label="YouTube URL"
+    aria-invalid={Boolean(error)}
+    class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring"
+  />
+  {#if error}<div role="alert" class="mt-1 text-xs leading-tight text-destructive">{error}</div>{/if}
+  <div class="mt-3 flex justify-end gap-2">
+    <button type="button" onclick={onClose} class="rounded-md border border-input px-3 py-1.5 text-sm hover:bg-accent">
+      Cancel
+    </button>
+    <button
+      type="button"
+      onclick={insert}
+      class="rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90"
+    >
+      Embed
+    </button>
+  </div>
+</div>

package/dist/editor/YouTubeInput.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Editor } from '@tiptap/core';
+type $$ComponentProps = {
+    editor: Editor;
+    position: number;
+    onClose: () => void;
+};
+declare const YouTubeInput: import("svelte").Component<$$ComponentProps, {}, "">;
+type YouTubeInput = ReturnType<typeof YouTubeInput>;
+export default YouTubeInput;

package/dist/editor/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Editor } from './Editor.svelte';
+export { default as Reader } from './Reader.svelte';
+export { default as CursorOverlay } from './CursorOverlay.svelte';
+export type { EditorCounts, MentionItem, ImageUploadResult, SlashCommandItem, UrlMentionAttributes, LinkPreviewAttributes, LinkPreviewFetcher, } from '@cloudvoyant/helical-ui';

package/dist/editor/index.js

@@ -0,0 +1,4 @@
+// libs/helical-svelte/src/editor/index.ts
+export { default as Editor } from './Editor.svelte';
+export { default as Reader } from './Reader.svelte';
+export { default as CursorOverlay } from './CursorOverlay.svelte';

package/dist/field/Field.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helical-svelte/src/field/Field.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/field), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldRoot, type FieldRootProps } from '@ark-ui/svelte/field';
+  import { fieldRootBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/field/FieldContext.svelte.ts
+// Closely based on: @ark-ui/svelte/field useFieldContext, mirrored from @cloudvoyant/helical-react useField
+export { useFieldContext as useField } from '@ark-ui/svelte/field';

package/dist/field/FieldError.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helical-svelte/src/field/FieldError.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/field), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldErrorText, type FieldErrorTextProps } from '@ark-ui/svelte/field';
+  import { fieldErrorBase, cn } from '@cloudvoyant/helical-ui';
+
+  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;

package/dist/field/FieldHelper.svelte

@@ -0,0 +1,14 @@
+<!-- libs/helical-svelte/src/field/FieldHelper.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/field), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldHelperText, type FieldHelperTextProps } from '@ark-ui/svelte/field';
+  import { fieldHelperBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/field/FieldLabel.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/field), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldLabel, type FieldLabelProps } from '@ark-ui/svelte/field';
+  import { fieldLabelBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/field/FieldRequiredIndicator.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/field), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldRequiredIndicator, type FieldRequiredIndicatorProps } from '@ark-ui/svelte/field';
+  import { fieldRequiredIndicatorBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/field/FieldSet.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/fieldset), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldsetRoot, type FieldsetRootProps } from '@ark-ui/svelte/fieldset';
+  import { fieldsetRootBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/field/FieldSetError.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/fieldset), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldsetErrorText, type FieldsetErrorTextProps } from '@ark-ui/svelte/fieldset';
+  import { fieldsetErrorBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/field/FieldSetHelper.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/fieldset), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldsetHelperText, type FieldsetHelperTextProps } from '@ark-ui/svelte/fieldset';
+  import { fieldsetHelperBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-svelte/src/field/FieldSetLegend.svelte -->
+<!-- Closely based on: Shark UI field (@ark-ui/svelte/fieldset), mirrored from @cloudvoyant/helical-react -->
+<script lang="ts">
+  import { FieldsetLegend, type FieldsetLegendProps } from '@ark-ui/svelte/fieldset';
+  import { fieldsetLegendBase, cn } from '@cloudvoyant/helical-ui';
+
+  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/helical-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

@@ -0,0 +1,61 @@
+export { default as Button } from './Button.svelte';
+export { default as ToggleButton } from './ToggleButton.svelte';
+export { default as ToggleButtonIndicator } from './ToggleButtonIndicator.svelte';
+export * from './tooltip';
+export * from './popover';
+export * from './dialog';
+export * from './window';
+export { default as Badge } from './Badge.svelte';
+export { default as Container } from './Container.svelte';
+export { default as Row } from './Row.svelte';
+export { default as Col } from './Col.svelte';
+export { default as Center } from './Center.svelte';
+export { default as Portal } from './Portal.svelte';
+export { default as Item } from './Item.svelte';
+export { Card, CardHeader, CardBody, CardFooter, CardTitle, CardDescription, CardCover } from './card';
+export { default as Stack } from './Stack.svelte';
+export { default as HStack } from './HStack.svelte';
+export { default as VStack } from './VStack.svelte';
+export { default as Scroll } from './Scroll.svelte';
+export { default as Page } from './Page.svelte';
+export { default as PageGutter } from './PageGutter.svelte';
+export { default as PageContent } from './PageContent.svelte';
+export { default as PageFooter } from './PageFooter.svelte';
+export { default as PageSection } from './PageSection.svelte';
+export { default as Splitter } from './Splitter.svelte';
+export { default as SplitterPanel } from './SplitterPanel.svelte';
+export { default as SplitterResizeTrigger } from './SplitterResizeTrigger.svelte';
+export { default as SplitterResizeTriggerIndicator } from './SplitterResizeTriggerIndicator.svelte';
+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';
+export { default as Mermaid } from './Mermaid.svelte';
+export { default as CopyButton } from './CopyButton.svelte';
+export * from './radio-group';
+export { default as Notice } from './Notice.svelte';
+export { default as Figure } from './Figure.svelte';
+export { default as Reveal } from './Reveal.svelte';
+export { default as PrevNext } from './PrevNext.svelte';
+export { default as LaTeX } from './LaTeX.svelte';
+export { default as InlineLaTeX } from './InlineLaTeX.svelte';
+export * from './code-block';
+export { default as YouTube } from './YouTube.svelte';
+export { default as YoutubeTimestamps } from './YoutubeTimestamps.svelte';
+export { default as YoutubeTimestampAt } from './YoutubeTimestampAt.svelte';
+export { default as Chart } from './Chart.svelte';
+export { default as Manim } from './Manim.svelte';
+export * from './questions';
+export * from './prose';
+export * from './toggle-group';
+export * from './listbox';
+export * from './editor';

package/dist/index.js

@@ -0,0 +1,62 @@
+// libs/helical-svelte/src/index.ts
+export { default as Button } from './Button.svelte';
+export { default as ToggleButton } from './ToggleButton.svelte';
+export { default as ToggleButtonIndicator } from './ToggleButtonIndicator.svelte';
+export * from './tooltip';
+export * from './popover';
+export * from './dialog';
+export * from './window';
+export { default as Badge } from './Badge.svelte';
+export { default as Container } from './Container.svelte';
+export { default as Row } from './Row.svelte';
+export { default as Col } from './Col.svelte';
+export { default as Center } from './Center.svelte';
+export { default as Portal } from './Portal.svelte';
+export { default as Item } from './Item.svelte';
+export { Card, CardHeader, CardBody, CardFooter, CardTitle, CardDescription, CardCover } from './card';
+export { default as Stack } from './Stack.svelte';
+export { default as HStack } from './HStack.svelte';
+export { default as VStack } from './VStack.svelte';
+export { default as Scroll } from './Scroll.svelte';
+export { default as Page } from './Page.svelte';
+export { default as PageGutter } from './PageGutter.svelte';
+export { default as PageContent } from './PageContent.svelte';
+export { default as PageFooter } from './PageFooter.svelte';
+export { default as PageSection } from './PageSection.svelte';
+export { default as Splitter } from './Splitter.svelte';
+export { default as SplitterPanel } from './SplitterPanel.svelte';
+export { default as SplitterResizeTrigger } from './SplitterResizeTrigger.svelte';
+export { default as SplitterResizeTriggerIndicator } from './SplitterResizeTriggerIndicator.svelte';
+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';
+export { default as Mermaid } from './Mermaid.svelte';
+export { default as CopyButton } from './CopyButton.svelte';
+export * from './radio-group';
+export { default as Notice } from './Notice.svelte';
+export { default as Figure } from './Figure.svelte';
+export { default as Reveal } from './Reveal.svelte';
+export { default as PrevNext } from './PrevNext.svelte';
+export { default as LaTeX } from './LaTeX.svelte';
+export { default as InlineLaTeX } from './InlineLaTeX.svelte';
+export * from './code-block';
+export { default as YouTube } from './YouTube.svelte';
+export { default as YoutubeTimestamps } from './YoutubeTimestamps.svelte';
+export { default as YoutubeTimestampAt } from './YoutubeTimestampAt.svelte';
+export { default as Chart } from './Chart.svelte';
+export { default as Manim } from './Manim.svelte';
+export * from './questions';
+export * from './prose';
+export * from './toggle-group';
+export * from './listbox';
+export * from './editor';