@ripple-ui/svelte 0.0.0-stage → 0.8.2

package/dist/discover/DiscoverGrid.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+import { type DiscoverView } from './layout.js';
+type $$ComponentProps = {
+    view?: DiscoverView;
+    /** Names the list or the shelf for assistive tech; the grid takes none. */
+    label?: string;
+    class?: string;
+    children: Snippet;
+};
+declare const DiscoverGrid: import("svelte").Component<$$ComponentProps, {}, "">;
+type DiscoverGrid = ReturnType<typeof DiscoverGrid>;
+export default DiscoverGrid;

package/dist/discover/DiscoverHeader.svelte

@@ -0,0 +1,40 @@
+<!-- discover/DiscoverHeader.svelte — the top of the Discover page: the pitch
+     (a title whose `accent` half is painted in the primary colour, then a lead
+     paragraph), the search and audience chips as children, and an optional
+     `aside` beside it on wide screens (the app's QR card). The heading is an h2
+     under an app page header; a page without one passes as="h1". -->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { cn } from '../utils.js';
+
+  let {
+    title,
+    accent,
+    lead,
+    as = 'h2',
+    class: className,
+    children,
+    aside,
+  }: {
+    title: string;
+    /** Drawn after the title in the primary colour. */
+    accent?: string;
+    lead?: string;
+    as?: 'h1' | 'h2';
+    class?: string;
+    /** Search, chips: stacked under the lead. */
+    children?: Snippet;
+    aside?: Snippet;
+  } = $props();
+</script>
+
+<div class={cn('mx-auto grid w-full max-w-[1280px] items-center gap-9 px-6 pt-4 lg:grid-cols-[1.1fr_0.9fr]', className)}>
+  <div class="flex flex-col gap-4">
+    <svelte:element this={as} class="text-title-1 font-semibold tracking-tight text-foreground">
+      {title}{#if accent}{' '}<span class="text-primary">{accent}</span>{/if}
+    </svelte:element>
+    {#if lead}<p class="max-w-prose text-body text-muted-foreground">{lead}</p>{/if}
+    {@render children?.()}
+  </div>
+  {@render aside?.()}
+</div>

package/dist/discover/DiscoverHeader.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    title: string;
+    /** Drawn after the title in the primary colour. */
+    accent?: string;
+    lead?: string;
+    as?: 'h1' | 'h2';
+    class?: string;
+    /** Search, chips: stacked under the lead. */
+    children?: Snippet;
+    aside?: Snippet;
+};
+declare const DiscoverHeader: import("svelte").Component<$$ComponentProps, {}, "">;
+type DiscoverHeader = ReturnType<typeof DiscoverHeader>;
+export default DiscoverHeader;

package/dist/discover/DiscoverPublish.svelte

@@ -0,0 +1,42 @@
+<!-- discover/DiscoverPublish.svelte — the band at the foot of the Discover page
+     that invites makers to publish their own work. The copy is props (`title`,
+     `body`, `cta`); the defaults name the product "Paw OS", never a bare "Paw".
+     The button is a link with `href` (a signed-out public page sends people to
+     the app) or calls `onpublish`; with neither, the band shows no button. -->
+<script lang="ts">
+  import { safeUrl } from '@ripple-ui/core';
+  import { Button } from '../components/ui/button/index.js';
+  import { cn } from '../utils.js';
+
+  let {
+    title = 'Made something with Paw OS?',
+    body = 'Publish it here. Anyone can use it from a link right away, and the best work gets featured on Discover.',
+    cta = 'Publish your work',
+    href,
+    onpublish,
+    class: className,
+  }: {
+    title?: string;
+    body?: string;
+    /** The button label. */
+    cta?: string;
+    href?: string;
+    onpublish?: () => void;
+    class?: string;
+  } = $props();
+</script>
+
+<section
+  class={cn('flex flex-wrap items-center justify-between gap-6 rounded-2xl border border-dashed border-border p-6 md:p-9', className)}
+  aria-labelledby="discover-pub-h"
+>
+  <div class="flex flex-col gap-1">
+    <h2 id="discover-pub-h" class="text-title-2 font-semibold text-foreground">{title}</h2>
+    <p class="max-w-prose text-body text-muted-foreground">{body}</p>
+  </div>
+  {#if href}
+    <Button href={safeUrl(href)}>{cta}</Button>
+  {:else if onpublish}
+    <Button onclick={onpublish}>{cta}</Button>
+  {/if}
+</section>

package/dist/discover/DiscoverPublish.svelte.d.ts

@@ -0,0 +1,12 @@
+type $$ComponentProps = {
+    title?: string;
+    body?: string;
+    /** The button label. */
+    cta?: string;
+    href?: string;
+    onpublish?: () => void;
+    class?: string;
+};
+declare const DiscoverPublish: import("svelte").Component<$$ComponentProps, {}, "">;
+type DiscoverPublish = ReturnType<typeof DiscoverPublish>;
+export default DiscoverPublish;

package/dist/discover/DiscoverRow.svelte

@@ -0,0 +1,70 @@
+<!-- discover/DiscoverRow.svelte — one Discover item in a list: a small copy of
+     the same picture, title and one line, the usage count, then the actions.
+     Built for scanning many items at once. With `href`, the art and the title are
+     links; the art link is decorative. `target` and `rel` pass through to
+     both, for consumers whose item pages are off-site. Renders fully on the
+     server. Type scale as in the app's own list rows: text-body title,
+     text-footnote line, text-caption-1 usage. -->
+<script lang="ts">
+  import { safeUrl } from '@ripple-ui/core';
+  import GitFork from '@lucide/svelte/icons/git-fork';
+  import Chip from '../widgets/display/Chip.svelte';
+  import { cn } from '../utils.js';
+  import ItemActions from './ItemActions.svelte';
+  import ItemArt from './ItemArt.svelte';
+  import { initialFor, tintFor } from './art.js';
+  import { usageLabel } from './item.js';
+  import type { DiscoverItem } from './types.js';
+
+  let {
+    item,
+    href,
+    target,
+    rel,
+    onremix,
+    onreport,
+    onopen,
+    busy = false,
+    class: className,
+  }: {
+    item: DiscoverItem;
+    /** The item's own page. When set, the art and title link to it. */
+    href?: string;
+    /** Passed to both links. Off-site consumers pass target="_blank" rel="noopener". */
+    target?: string;
+    rel?: string;
+    onremix?: (item: DiscoverItem) => void;
+    onreport?: (item: DiscoverItem) => void;
+    onopen?: (item: DiscoverItem) => void;
+    busy?: boolean;
+    class?: string;
+  } = $props();
+</script>
+
+<div class={cn('flex items-center gap-4 px-3 py-2.5', className)} role="listitem" data-testid={`discover-item-${item.id}`}>
+  <div class="w-24 shrink-0" aria-hidden="true">
+    {#snippet art()}
+      <ItemArt imageUrl={item.imageUrl} title={item.title} mediaKind={item.mediaKind} tint={tintFor(item.id)} initial={initialFor(item.title)} />
+    {/snippet}
+    {#if href}
+      <a href={safeUrl(href)} {target} {rel} tabindex="-1" class="block">{@render art()}</a>
+    {:else}
+      {@render art()}
+    {/if}
+  </div>
+  <div class="flex min-w-0 flex-1 flex-col">
+    <span class="flex min-w-0 items-center gap-2">
+      {#if href}
+        <a href={safeUrl(href)} {target} {rel} class="truncate text-body font-semibold text-foreground hover:underline">{item.title}</a>
+      {:else}
+        <span class="truncate text-body font-semibold text-foreground">{item.title}</span>
+      {/if}
+      {#if item.featured}<Chip size="sm" variant="warning" label="Staff pick" />{/if}
+    </span>
+    <span class="truncate text-footnote text-muted-foreground">{item.desc}</span>
+  </div>
+  <div class="hidden w-40 shrink-0 text-caption-1 text-muted-foreground md:flex">
+    <span class="inline-flex items-center gap-1 tabular-nums"><GitFork class="size-3" aria-hidden="true" />{usageLabel(item)}</span>
+  </div>
+  <ItemActions {item} {onremix} {onreport} {onopen} {busy} />
+</div>

package/dist/discover/DiscoverRow.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { DiscoverItem } from './types.js';
+type $$ComponentProps = {
+    item: DiscoverItem;
+    /** The item's own page. When set, the art and title link to it. */
+    href?: string;
+    /** Passed to both links. Off-site consumers pass target="_blank" rel="noopener". */
+    target?: string;
+    rel?: string;
+    onremix?: (item: DiscoverItem) => void;
+    onreport?: (item: DiscoverItem) => void;
+    onopen?: (item: DiscoverItem) => void;
+    busy?: boolean;
+    class?: string;
+};
+declare const DiscoverRow: import("svelte").Component<$$ComponentProps, {}, "">;
+type DiscoverRow = ReturnType<typeof DiscoverRow>;
+export default DiscoverRow;

package/dist/discover/DiscoverSearch.svelte

@@ -0,0 +1,54 @@
+<!-- discover/DiscoverSearch.svelte — the Discover search box: ripple's Search in
+     filter mode with the app's placeholder and width. With `action` it sits in a
+     plain GET form (input name `name`, default q; `hidden` carries the other
+     filters), so a server-rendered page searches with JS off. Without it, the
+     consumer gets each keystroke through `oninput` and does its own debounce. -->
+<script lang="ts">
+  import { safeUrl } from '@ripple-ui/core';
+  import { cn } from '../utils.js';
+  import Search from '../widgets/input/Search.svelte';
+
+  let {
+    value = '',
+    oninput,
+    action,
+    name = 'q',
+    hidden = {},
+    placeholder = 'Search tools, games and sites',
+    class: className,
+  }: {
+    value?: string;
+    oninput?: (q: string) => void;
+    /** The form's GET target. Set it for a page that must work without JS. */
+    action?: string;
+    name?: string;
+    /** Other query params the form keeps (kind, audience); empty values are dropped. */
+    hidden?: Record<string, string | null | undefined>;
+    placeholder?: string;
+    class?: string;
+  } = $props();
+
+  const kept = $derived(Object.entries(hidden).filter((e): e is [string, string] => Boolean(e[1])));
+</script>
+
+{#snippet box()}
+  <Search
+    mode="filter"
+    class={cn('max-w-lg [&_input]:placeholder:text-muted-foreground/70', className)}
+    {value}
+    {oninput}
+    {placeholder}
+    name={action ? name : undefined}
+    aria-label="Search Discover"
+    autocomplete="off"
+  />
+{/snippet}
+
+{#if action}
+  <form method="get" action={safeUrl(action)} role="search">
+    {#each kept as [key, val] (key)}<input type="hidden" name={key} value={val} />{/each}
+    {@render box()}
+  </form>
+{:else}
+  {@render box()}
+{/if}

package/dist/discover/DiscoverSearch.svelte.d.ts

@@ -0,0 +1,14 @@
+type $$ComponentProps = {
+    value?: string;
+    oninput?: (q: string) => void;
+    /** The form's GET target. Set it for a page that must work without JS. */
+    action?: string;
+    name?: string;
+    /** Other query params the form keeps (kind, audience); empty values are dropped. */
+    hidden?: Record<string, string | null | undefined>;
+    placeholder?: string;
+    class?: string;
+};
+declare const DiscoverSearch: import("svelte").Component<$$ComponentProps, {}, "">;
+type DiscoverSearch = ReturnType<typeof DiscoverSearch>;
+export default DiscoverSearch;

package/dist/discover/DiscoverSection.svelte

@@ -0,0 +1,53 @@
+<!-- discover/DiscoverSection.svelte — one titled shelf of the Discover page: the
+     heading and its blurb, an optional "see all" link, then the items in a
+     DiscoverGrid for the given view. Children are the tiles (or rows, for the
+     list view). The "see all" control is a link with `moreHref` and a button
+     with `onmore`; with neither it is not drawn. Ids follow the app:
+     discover-h-{id} on the heading, discover-section-{id} as the test id. -->
+<script lang="ts">
+  import { safeUrl } from '@ripple-ui/core';
+  import type { Snippet } from 'svelte';
+  import { Button } from '../components/ui/button/index.js';
+  import { cn } from '../utils.js';
+  import DiscoverGrid from './DiscoverGrid.svelte';
+  import type { DiscoverView } from './layout.js';
+
+  let {
+    id,
+    title,
+    blurb,
+    more,
+    moreHref,
+    onmore,
+    view = 'grid',
+    class: className,
+    children,
+  }: {
+    /** Section key: builds the heading id and the test id. */
+    id: string;
+    title: string;
+    blurb?: string;
+    /** The "see all" label, drawn with a trailing arrow. */
+    more?: string;
+    moreHref?: string;
+    onmore?: () => void;
+    view?: DiscoverView;
+    class?: string;
+    children: Snippet;
+  } = $props();
+</script>
+
+<section class={cn('flex flex-col gap-4', className)} aria-labelledby={`discover-h-${id}`} data-testid={`discover-section-${id}`}>
+  <div class="flex flex-wrap items-end justify-between gap-2">
+    <div>
+      <h2 id={`discover-h-${id}`} class="text-title-3 font-semibold text-foreground">{title}</h2>
+      {#if blurb}<p class="text-subheadline text-muted-foreground">{blurb}</p>{/if}
+    </div>
+    {#if more && moreHref}
+      <Button variant="link" size="sm" href={safeUrl(moreHref)}>{more} →</Button>
+    {:else if more && onmore}
+      <Button variant="link" size="sm" onclick={onmore}>{more} →</Button>
+    {/if}
+  </div>
+  <DiscoverGrid {view} label={title}>{@render children()}</DiscoverGrid>
+</section>

package/dist/discover/DiscoverSection.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+import type { DiscoverView } from './layout.js';
+type $$ComponentProps = {
+    /** Section key: builds the heading id and the test id. */
+    id: string;
+    title: string;
+    blurb?: string;
+    /** The "see all" label, drawn with a trailing arrow. */
+    more?: string;
+    moreHref?: string;
+    onmore?: () => void;
+    view?: DiscoverView;
+    class?: string;
+    children: Snippet;
+};
+declare const DiscoverSection: import("svelte").Component<$$ComponentProps, {}, "">;
+type DiscoverSection = ReturnType<typeof DiscoverSection>;
+export default DiscoverSection;

package/dist/discover/DiscoverSkeleton.svelte

@@ -0,0 +1,50 @@
+<!-- discover/DiscoverSkeleton.svelte — the Discover loading state in the exact
+     geometry of what replaces it: skeleton rows in the bordered list for the list
+     view, tile skeletons (16:9 picture, title bar, line bar) in the grid
+     otherwise. One role="status" wrapper carries the label; the shapes are
+     decorative. Classes are paw-enterprise's Skeleton and TemplateTileSkeleton. -->
+<script lang="ts">
+  import { cn } from '../utils.js';
+  import { GRID_CLASS, LIST_CLASS, type DiscoverView } from './layout.js';
+
+  let {
+    view = 'grid',
+    count = 8,
+    label = 'Loading Discover',
+    class: className,
+  }: {
+    view?: DiscoverView;
+    count?: number;
+    label?: string;
+    class?: string;
+  } = $props();
+
+  const slots = $derived(Array.from({ length: Math.max(0, count) }, (_, i) => i));
+  const bone = 'bg-accent animate-pulse';
+</script>
+
+<div class={className} role="status" aria-label={label} data-testid="discover-loading">
+  {#if view === 'list'}
+    <div class={LIST_CLASS}>
+      {#each slots as i (i)}
+        <div class="flex items-center gap-4 px-3 py-2.5">
+          <div data-slot="skeleton" class={cn(bone, 'aspect-video w-24 shrink-0 rounded-lg')}></div>
+          <div class="flex min-w-0 flex-1 flex-col gap-2">
+            <div data-slot="skeleton" class={cn(bone, 'h-4 w-1/3 rounded-md')}></div>
+            <div data-slot="skeleton" class={cn(bone, 'h-3 w-2/3 rounded-md')}></div>
+          </div>
+        </div>
+      {/each}
+    </div>
+  {:else}
+    <div class={GRID_CLASS}>
+      {#each slots as i (i)}
+        <div class="flex flex-col gap-3" aria-hidden="true">
+          <div data-slot="skeleton" class={cn(bone, 'aspect-video w-full rounded-2xl')}></div>
+          <div data-slot="skeleton" class={cn(bone, 'h-4 w-2/3 rounded-md')}></div>
+          <div data-slot="skeleton" class={cn(bone, 'h-3 w-full rounded-md')}></div>
+        </div>
+      {/each}
+    </div>
+  {/if}
+</div>

package/dist/discover/DiscoverSkeleton.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type DiscoverView } from './layout.js';
+type $$ComponentProps = {
+    view?: DiscoverView;
+    count?: number;
+    label?: string;
+    class?: string;
+};
+declare const DiscoverSkeleton: import("svelte").Component<$$ComponentProps, {}, "">;
+type DiscoverSkeleton = ReturnType<typeof DiscoverSkeleton>;
+export default DiscoverSkeleton;

package/dist/discover/DiscoverTile.svelte

@@ -0,0 +1,75 @@
+<!-- discover/DiscoverTile.svelte — one Discover item in a grid or shelf: the
+     picture as a borderless rounded tile, then title, one line and the usage
+     line, with the actions beside them. The type scale (text-headline,
+     text-footnote, text-caption-1), the 10px picture radius and the hover lift
+     match paw-enterprise's TemplateTile, the app's own tile. With `href`, the
+     art and the title are links; the art link is decorative (the title carries
+     the name). `target` and `rel` pass through to both, for consumers whose
+     item pages are off-site. Renders fully on the server. -->
+<script lang="ts">
+  import { safeUrl } from '@ripple-ui/core';
+  import GitFork from '@lucide/svelte/icons/git-fork';
+  import Chip from '../widgets/display/Chip.svelte';
+  import { cn } from '../utils.js';
+  import ItemActions from './ItemActions.svelte';
+  import ItemArt from './ItemArt.svelte';
+  import { initialFor, tintFor } from './art.js';
+  import { usageLabel } from './item.js';
+  import type { DiscoverItem } from './types.js';
+
+  let {
+    item,
+    href,
+    target,
+    rel,
+    onremix,
+    onreport,
+    onopen,
+    busy = false,
+    class: className,
+  }: {
+    item: DiscoverItem;
+    /** The item's own page. When set, the art and title link to it. */
+    href?: string;
+    /** Passed to both links. Off-site consumers pass target="_blank" rel="noopener". */
+    target?: string;
+    rel?: string;
+    onremix?: (item: DiscoverItem) => void;
+    onreport?: (item: DiscoverItem) => void;
+    onopen?: (item: DiscoverItem) => void;
+    busy?: boolean;
+    class?: string;
+  } = $props();
+</script>
+
+<article class={cn('group/tile flex min-w-0 flex-col gap-3', className)} data-testid={`discover-item-${item.id}`}>
+  <div
+    class="relative overflow-hidden rounded-2xl transition-transform duration-150 ease-out group-focus-within/tile:-translate-y-px group-hover/tile:-translate-y-px motion-reduce:transition-none motion-reduce:group-focus-within/tile:translate-y-0 motion-reduce:group-hover/tile:translate-y-0"
+  >
+    {#snippet art()}
+      <ItemArt imageUrl={item.imageUrl} title={item.title} mediaKind={item.mediaKind} tint={tintFor(item.id)} initial={initialFor(item.title)} />
+    {/snippet}
+    {#if href}
+      <a href={safeUrl(href)} {target} {rel} tabindex="-1" aria-hidden="true" class="block">{@render art()}</a>
+    {:else}
+      {@render art()}
+    {/if}
+    {#if item.featured}
+      <Chip size="sm" variant="warning" label="Staff pick" class="absolute top-2 left-2" />
+    {/if}
+  </div>
+  <div class="flex items-start gap-3">
+    <div class="flex min-w-0 flex-1 flex-col">
+      <h3 class="m-0 truncate text-headline text-foreground">
+        {#if href}<a href={safeUrl(href)} {target} {rel} class="hover:underline">{item.title}</a>{:else}{item.title}{/if}
+      </h3>
+      {#if item.desc}
+        <p class="m-0 truncate text-footnote text-muted-foreground">{item.desc}</p>
+      {/if}
+      <p class="m-0 mt-1 flex items-center gap-1.5 text-caption-1 text-muted-foreground tabular-nums">
+        <GitFork class="size-3" aria-hidden="true" />{usageLabel(item)}
+      </p>
+    </div>
+    <ItemActions {item} {onremix} {onreport} {onopen} {busy} />
+  </div>
+</article>

package/dist/discover/DiscoverTile.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { DiscoverItem } from './types.js';
+type $$ComponentProps = {
+    item: DiscoverItem;
+    /** The item's own page. When set, the art and title link to it. */
+    href?: string;
+    /** Passed to both links. Off-site consumers pass target="_blank" rel="noopener". */
+    target?: string;
+    rel?: string;
+    onremix?: (item: DiscoverItem) => void;
+    onreport?: (item: DiscoverItem) => void;
+    onopen?: (item: DiscoverItem) => void;
+    busy?: boolean;
+    class?: string;
+};
+declare const DiscoverTile: import("svelte").Component<$$ComponentProps, {}, "">;
+type DiscoverTile = ReturnType<typeof DiscoverTile>;
+export default DiscoverTile;

package/dist/discover/ItemActions.svelte

@@ -0,0 +1,59 @@
+<!-- discover/ItemActions.svelte — the action cluster a tile and a row share: the
+     primary pill (a link when the item has a live page, a button otherwise), then
+     Play / View, Remix and Report as icon buttons. Each button renders only when
+     its callback is passed, so a static page gets just the links. The live link
+     points at user-submitted content, so it carries rel="nofollow ugc noopener
+     noreferrer": no rank, no window handle, no catalogue url in the Referer.
+     Item-page links (the href prop on the tile and row) carry whatever rel
+     the consumer passes. -->
+<script lang="ts">
+  import { safeUrl } from '@ripple-ui/core';
+  import Flag from '@lucide/svelte/icons/flag';
+  import GitFork from '@lucide/svelte/icons/git-fork';
+  import Maximize2 from '@lucide/svelte/icons/maximize-2';
+  import Play from '@lucide/svelte/icons/play';
+  import { Button } from '../components/ui/button/index.js';
+  import { isStudioKind, mediaFor, primaryFor } from './item.js';
+  import type { DiscoverItem } from './types.js';
+
+  let {
+    item,
+    onremix,
+    onreport,
+    onopen,
+    busy = false,
+  }: {
+    item: DiscoverItem;
+    onremix?: (item: DiscoverItem) => void;
+    onreport?: (item: DiscoverItem) => void;
+    onopen?: (item: DiscoverItem) => void;
+    busy?: boolean;
+  } = $props();
+
+  const primary = $derived(primaryFor(item));
+  const media = $derived(mediaFor(item));
+</script>
+
+<div class="flex shrink-0 items-center gap-0.5">
+  {#if primary?.href}
+    <Button size="sm" class="rounded-full px-4" href={safeUrl(primary.href)} target="_blank" rel="nofollow ugc noopener noreferrer" aria-label={`${primary.label} ${item.title} (opens in a new tab)`}>{primary.label}</Button>
+  {:else if primary && onremix}
+    <Button size="sm" class="rounded-full px-4" disabled={busy} onclick={() => onremix(item)}>{primary.label}</Button>
+  {/if}
+  {#if media && onopen}
+    {@const playable = media.kind !== 'image'}
+    <Button size="icon-sm" variant="ghost" aria-label={`${playable ? 'Play' : 'View'} ${item.title}`} title={playable ? 'Play' : 'View'} onclick={() => onopen(item)}>
+      {#if playable}<Play class="size-4" />{:else}<Maximize2 class="size-4" />{/if}
+    </Button>
+  {/if}
+  {#if !isStudioKind(item.kind) && onremix}
+    <Button size="icon-sm" variant="ghost" aria-label={`Remix ${item.title}`} title="Remix" disabled={busy} onclick={() => onremix(item)}>
+      <GitFork class="size-4" />
+    </Button>
+  {/if}
+  {#if onreport}
+    <Button size="icon-sm" variant="ghost" class="text-muted-foreground" aria-label={`Report ${item.title}`} title="Report" onclick={() => onreport(item)}>
+      <Flag class="size-3.5" />
+    </Button>
+  {/if}
+</div>

package/dist/discover/ItemActions.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { DiscoverItem } from './types.js';
+type $$ComponentProps = {
+    item: DiscoverItem;
+    onremix?: (item: DiscoverItem) => void;
+    onreport?: (item: DiscoverItem) => void;
+    onopen?: (item: DiscoverItem) => void;
+    busy?: boolean;
+};
+declare const ItemActions: import("svelte").Component<$$ComponentProps, {}, "">;
+type ItemActions = ReturnType<typeof ItemActions>;
+export default ItemActions;