@lostgradient/cinder 0.4.1 → 0.6.0

package/src/components/grid/README.md

@@ -1,61 +0,0 @@
-# Grid
-
-Grid renders a low-chrome CSS grid container for explicit columns, intrinsic
-auto-fill layouts, and optional child placement through `Grid.Item`.
-
-## Usage
-
-```svelte
-<script lang="ts">
-  import { Grid } from '@lostgradient/cinder/grid';
-</script>
-
-<Grid columns={3} gap="var(--cinder-space-4)">
-  <Grid.Item span={2}>Wide item</Grid.Item>
-  <div>Regular item</div>
-</Grid>
-```
-
-Use `minItemWidth` for intrinsic responsive grids without adding media queries:
-
-```svelte
-<Grid minItemWidth="16rem" gap="var(--cinder-space-6)">
-  <article>One</article>
-  <article>Two</article>
-  <article>Three</article>
-</Grid>
-```
-
-## Props
-
-<!-- generated:props:start -->
-
-| Prop           | Type                  | Required | Default | Description                                                                                                                                    |
-| -------------- | --------------------- | -------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
-| `as`           | `string`              | no       | —       | Rendered HTML tag.                                                                                                                             |
-| `class`        | `string`              | no       | —       | Custom class merged with `.cinder-grid`.                                                                                                       |
-| `columnGap`    | `string`              | no       | —       | Column gap override. Wins over `gap` for columns.                                                                                              |
-| `columns`      | `string` \| `integer` | no       | —       | Positive integer number of equal-width columns or a full CSS `grid-template-columns` value. Numeric values render as `repeat(<columns>, 1fr)`. |
-| `gap`          | `string`              | no       | —       | Uniform row and column gap.                                                                                                                    |
-| `minItemWidth` | `string`              | no       | —       | Minimum item width for an intrinsic auto-fill grid. When present, this takes precedence over `columns`.                                        |
-| `rowGap`       | `string`              | no       | —       | Row gap override. Wins over `gap` for rows.                                                                                                    |
-| `children`     | `(opaque)`            | yes      | —       | Grid contents. Not expressible in JSON Schema; see the component types for the signature.                                                      |
-
-<!-- generated:props:end -->
-
-## CSS Variables
-
-<!-- generated:variables:start -->
-
-This component does not declare any local CSS variables.
-
-<!-- generated:variables:end -->
-
-## Subcomponents
-
-<!-- generated:subcomponents:start -->
-
-- `Grid.Item` - optional placement child for spanning or pinning a grid item;
-  see [`grid-item`](../grid-item/README.md).
-
-<!-- generated:subcomponents:end -->

package/src/components/grid/grid.svelte

@@ -1,62 +0,0 @@
-<script lang="ts" module>
-  /**
-   * @cinder
-   * @category layout
-   * @status beta
-   * @purpose CSS grid container for explicit columns, intrinsic auto-fill layouts, and two-dimensional placement.
-   * @tag layout
-   * @tag grid
-   * @useWhen Building form layouts, card grids, or dashboards that need two-dimensional placement.
-   * @useWhen Creating intrinsic responsive grids by passing minItemWidth.
-   * @avoidWhen Presenting homogeneous gallery tiles - use grid-list instead. | grid-list
-   * @avoidWhen Packing variable-height content into waterfall columns - use masonry instead. | masonry
-   * @related grid-item, grid-list, masonry
-   */
-  export type { GridColumns, GridProps } from './grid.types.ts';
-</script>
-
-<script lang="ts">
-  import { classNames } from '../../utilities/class-names.ts';
-  import type { GridProps } from './grid.types.ts';
-
-  let {
-    columns,
-    gap,
-    rowGap,
-    columnGap,
-    minItemWidth,
-    as = 'div',
-    class: customClassName,
-    children,
-    ...rest
-  }: GridProps = $props();
-
-  const resolvedMinItemWidth = $derived(
-    typeof minItemWidth === 'string' && minItemWidth.length > 0 ? minItemWidth : undefined,
-  );
-
-  const resolvedColumns = $derived.by(() => {
-    if (resolvedMinItemWidth) {
-      return 'repeat(auto-fill, minmax(min(var(--cinder-grid-min-item-width), 100%), 1fr))';
-    }
-
-    if (typeof columns === 'number') {
-      if (!Number.isInteger(columns) || columns < 1) return undefined;
-      return `repeat(${columns}, 1fr)`;
-    }
-    if (typeof columns === 'string' && columns.length > 0) return columns;
-    return undefined;
-  });
-</script>
-
-<svelte:element
-  this={as}
-  {...rest}
-  class={classNames('cinder-grid', customClassName)}
-  style:--cinder-grid-columns={resolvedColumns}
-  style:--cinder-grid-row-gap={rowGap ?? gap}
-  style:--cinder-grid-column-gap={columnGap ?? gap}
-  style:--cinder-grid-min-item-width={resolvedMinItemWidth}
->
-  {@render children?.()}
-</svelte:element>

package/src/components/grid/grid.types.ts

@@ -1,31 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-
-/** Column definition accepted by Grid. */
-export type GridColumns = number | string;
-
-/** Props for the Grid component. */
-export type GridProps = Omit<HTMLAttributes<HTMLElement>, 'class'> & {
-  /**
-   * Positive integer number of equal-width columns or a full CSS `grid-template-columns` value.
-   * Numeric values render as `repeat(<columns>, 1fr)`.
-   */
-  columns?: GridColumns;
-  /** Uniform row and column gap. */
-  gap?: string;
-  /** Row gap override. Wins over `gap` for rows. */
-  rowGap?: string;
-  /** Column gap override. Wins over `gap` for columns. */
-  columnGap?: string;
-  /**
-   * Minimum item width for an intrinsic auto-fill grid. When present, this takes
-   * precedence over `columns`.
-   */
-  minItemWidth?: string;
-  /** Rendered HTML tag. */
-  as?: string;
-  /** Custom class merged with `.cinder-grid`. */
-  class?: string;
-  /** Grid contents. */
-  children: Snippet;
-};

package/src/components/grid/index.ts

@@ -1,17 +0,0 @@
-import GridItem from '../grid-item/grid-item.svelte';
-import './grid.css';
-import GridRoot from './grid.svelte';
-
-/**
- * `Grid` is the parent compound component and a namespace exposing the optional
- * placement leaf as `Grid.Item`. The leaf remains importable individually from
- * `@lostgradient/cinder/grid-item`.
- */
-const Grid = Object.assign(GridRoot, {
-  Item: GridItem,
-});
-
-export default Grid;
-export type { GridItemProps } from '../grid-item/grid-item.types.ts';
-export type { GridColumns, GridProps } from './grid.types.ts';
-export { Grid };

package/src/components/grid-item/README.md

@@ -1,50 +0,0 @@
-# GridItem
-
-GridItem is the optional `Grid.Item` placement leaf. Use it when a grid child
-needs to span tracks or start at a specific track.
-
-## Usage
-
-```svelte
-<script lang="ts">
-  import { Grid } from '@lostgradient/cinder/grid';
-</script>
-
-<Grid columns={12}>
-  <Grid.Item span={6}>Half width</Grid.Item>
-  <Grid.Item span={6}>Half width</Grid.Item>
-</Grid>
-```
-
-## Props
-
-<!-- generated:props:start -->
-
-| Prop          | Type                 | Required | Default | Description                                                                                    |
-| ------------- | -------------------- | -------- | ------- | ---------------------------------------------------------------------------------------------- |
-| `as`          | `string`             | no       | —       | Rendered HTML tag.                                                                             |
-| `class`       | `string`             | no       | —       | Custom class merged with `.cinder-grid-item`.                                                  |
-| `columnEnd`   | `string` \| `number` | no       | —       | Explicit `grid-column-end` value.                                                              |
-| `columnStart` | `string` \| `number` | no       | —       | Explicit `grid-column-start` value.                                                            |
-| `rowSpan`     | `string` \| `number` | no       | —       | Number of rows this item spans.                                                                |
-| `rowStart`    | `string` \| `number` | no       | —       | Explicit `grid-row-start` value.                                                               |
-| `span`        | `string` \| `number` | no       | —       | Number of columns this item spans.                                                             |
-| `children`    | `(opaque)`           | yes      | —       | Grid item contents. Not expressible in JSON Schema; see the component types for the signature. |
-
-<!-- generated:props:end -->
-
-## CSS Variables
-
-<!-- generated:variables:start -->
-
-This component does not declare any local CSS variables.
-
-<!-- generated:variables:end -->
-
-## Subcomponents
-
-<!-- generated:subcomponents:start -->
-
-None.
-
-<!-- generated:subcomponents:end -->

package/src/components/grid-item/grid-item.svelte

@@ -1,55 +0,0 @@
-<script lang="ts" module>
-  /**
-   * @cinder
-   * @category layout
-   * @status beta
-   * @purpose Optional placement child for Grid that controls column and row spans or explicit track placement.
-   * @tag layout
-   * @tag grid
-   * @useWhen A child in a grid needs to span tracks or start at a specific track.
-   * @avoidWhen Every child can use default grid auto-placement - render plain children inside Grid instead. | grid
-   * @related grid
-   */
-  export type { GridItemProps } from './grid-item.types.ts';
-</script>
-
-<script lang="ts">
-  import { classNames } from '../../utilities/class-names.ts';
-  import type { GridItemProps } from './grid-item.types.ts';
-
-  let {
-    span,
-    columnStart,
-    columnEnd,
-    rowSpan,
-    rowStart,
-    as = 'div',
-    class: customClassName,
-    children,
-    ...rest
-  }: GridItemProps = $props();
-
-  const columnSpan = $derived(span !== undefined ? String(span) : undefined);
-  const resolvedColumnStart = $derived(columnStart !== undefined ? String(columnStart) : undefined);
-  const resolvedColumnEnd = $derived(columnEnd !== undefined ? String(columnEnd) : undefined);
-  const resolvedRowSpan = $derived(rowSpan !== undefined ? String(rowSpan) : undefined);
-  const resolvedRowStart = $derived(rowStart !== undefined ? String(rowStart) : undefined);
-  const shouldApplyColumnSpan = $derived(
-    columnSpan !== undefined && resolvedColumnEnd === undefined,
-  );
-</script>
-
-<svelte:element
-  this={as}
-  {...rest}
-  class={classNames('cinder-grid-item', customClassName)}
-  data-cinder-column-span={shouldApplyColumnSpan ? 'true' : undefined}
-  data-cinder-row-span={resolvedRowSpan !== undefined ? 'true' : undefined}
-  style:--cinder-grid-item-column-span={columnSpan}
-  style:--cinder-grid-item-column-start={resolvedColumnStart}
-  style:--cinder-grid-item-column-end={resolvedColumnEnd}
-  style:--cinder-grid-item-row-span={resolvedRowSpan}
-  style:--cinder-grid-item-row-start={resolvedRowStart}
->
-  {@render children?.()}
-</svelte:element>

package/src/components/grid-item/grid-item.types.ts

@@ -1,22 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-
-/** Props for the GridItem component. */
-export type GridItemProps = Omit<HTMLAttributes<HTMLElement>, 'class'> & {
-  /** Number of columns this item spans. */
-  span?: number | string;
-  /** Explicit `grid-column-start` value. */
-  columnStart?: number | string;
-  /** Explicit `grid-column-end` value. */
-  columnEnd?: number | string;
-  /** Number of rows this item spans. */
-  rowSpan?: number | string;
-  /** Explicit `grid-row-start` value. */
-  rowStart?: number | string;
-  /** Rendered HTML tag. */
-  as?: string;
-  /** Custom class merged with `.cinder-grid-item`. */
-  class?: string;
-  /** Grid item contents. */
-  children: Snippet;
-};

package/src/components/grid-item/index.ts

@@ -1,5 +0,0 @@
-import GridItem from './grid-item.svelte';
-
-export default GridItem;
-export type { GridItemProps } from './grid-item.types.ts';
-export { GridItem };

package/src/components/grid-list/README.md

@@ -1,55 +0,0 @@
-# GridList
-
-GridList lays out homogeneous card-like list items in responsive auto-fit columns.
-
-## Usage
-
-`GridList` is a compound component. Import the parent and compose
-`GridList.Item` via the namespace API.
-
-```svelte
-<script lang="ts">
-  import { GridList } from '@lostgradient/cinder/grid-list';
-</script>
-
-<GridList minColumnWidth="14rem" aria-label="Projects">
-  <GridList.Item>
-    {#snippet title()}<strong>Phoenix</strong>{/snippet}
-    {#snippet subtitle()}<span>Reactive runtime experiments.</span>{/snippet}
-  </GridList.Item>
-  <GridList.Item href="/projects/atlas">
-    {#snippet title()}Atlas{/snippet}
-  </GridList.Item>
-</GridList>
-```
-
-The leaf remains importable individually for à-la-carte builds — see
-`@lostgradient/cinder/grid-list-item`.
-
-## Props
-
-<!-- generated:props:start -->
-
-| Prop             | Type       | Required | Default | Description                                                                                                                                                                                                                                                     |
-| ---------------- | ---------- | -------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `minColumnWidth` | `string`   | no       | —       | Minimum width of each grid cell, expressed as a CSS `<length>` value (e.g. `"16rem"`, `"240px"`, `"min(20rem, 100%)"`). Used as the first argument to `minmax()` inside a `repeat(auto-fill, ...)` track. Default: `"16rem"`. Empty string is treated as unset. |
-| `children`       | `(opaque)` | yes      | —       | Items — typically `GridListItem` instances. Not expressible in JSON Schema; see the component types for the signature.                                                                                                                                          |
-| `class`          | `(opaque)` | no       | —       | Extra class names merged with `cinder-grid-list`. Not expressible in JSON Schema; see the component types for the signature.                                                                                                                                    |
-
-<!-- generated:props:end -->
-
-## CSS Variables
-
-<!-- generated:variables:start -->
-
-- `--cinder-grid-list-min-width`
-<!-- generated:variables:end -->
-
-## Subcomponents
-
-<!-- generated:subcomponents:start -->
-
-- `GridList.Item` — a card-style grid cell with optional stretched-link
-  behavior; see [`grid-list-item`](../grid-list-item/README.md).
-
-<!-- generated:subcomponents:end -->

package/src/components/grid-list/grid-list.svelte

@@ -1,36 +0,0 @@
-<script lang="ts" module>
-  /**
-   * @cinder
-   * @category data-display
-   * @status stable
-   * @purpose Responsive grid container that arranges grid-list-item tiles into auto-sized columns.
-   * @tag grid
-   * @tag gallery
-   * @useWhen Presenting a homogenous collection of cards that should reflow into multiple columns.
-   * @useWhen Constraining tile minimum widths per breakpoint via the minColumnWidth prop.
-   * @avoidWhen Comparing rows of structured data — use table instead.
-   * @avoidWhen Stacking dense list rows vertically — use stacked-list-item instead.
-   * @related grid-list-item, table
-   */
-  export type { GridListProps } from './grid-list.types.ts';
-</script>
-
-<script lang="ts">
-  import type { GridListProps } from './grid-list.types.ts';
-  import { classNames } from '../../utilities/class-names.ts';
-
-  let { minColumnWidth, class: className, children, ...rest }: GridListProps = $props();
-
-  const minWidth = $derived(
-    minColumnWidth && minColumnWidth.length > 0 ? minColumnWidth : undefined,
-  );
-</script>
-
-<ul
-  {...rest}
-  role="list"
-  class={classNames('cinder-grid-list', className)}
-  style:--cinder-grid-list-min-width={minWidth}
->
-  {@render children()}
-</ul>

package/src/components/grid-list/grid-list.types.ts

@@ -1,15 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-export type GridListProps = Omit<HTMLAttributes<HTMLUListElement>, 'role'> & {
-  /**
-   * Minimum width of each grid cell, expressed as a CSS `<length>` value
-   * (e.g. `"16rem"`, `"240px"`, `"min(20rem, 100%)"`). Used as the first
-   * argument to `minmax()` inside a `repeat(auto-fill, ...)` track.
-   * Default: `"16rem"`. Empty string is treated as unset.
-   */
-  minColumnWidth?: string;
-  /** Extra class names merged with `cinder-grid-list`. */
-  class?: string;
-  /** Items — typically `GridListItem` instances. */
-  children: Snippet;
-};

package/src/components/grid-list/index.ts

@@ -1,16 +0,0 @@
-import GridListItem from '../grid-list-item/grid-list-item.svelte';
-import './grid-list.css';
-import GridListRoot from './grid-list.svelte';
-
-/**
- * `GridList` is the parent compound component and a namespace exposing the
- * compose-only `GridList.Item` leaf. The leaf remains importable individually
- * via `@lostgradient/cinder/grid-list-item`.
- */
-const GridList = Object.assign(GridListRoot, {
-  Item: GridListItem,
-});
-
-export default GridList;
-export type { GridListProps } from './grid-list.types.ts';
-export { GridList };

package/src/components/grid-list-item/README.md

@@ -1,45 +0,0 @@
-# GridListItem
-
-Keyboard-navigable cell within a grid-list layout for selectable item grids.
-
-## Usage
-
-`GridListItem` is a compose-only leaf of [`GridList`](../grid-list/README.md).
-The idiomatic API is `GridList.Item`, reached through the parent
-namespace — see the [grid-list README](../grid-list/README.md#usage) for the composed
-snippet. The flat `@lostgradient/cinder/grid-list-item` subpath remains exported for
-à-la-carte builds that import the leaf directly.
-
-## Props
-
-<!-- generated:props:start -->
-
-| Prop       | Type               | Required | Default | Description                                                                                                                                                                                                                                                             |
-| ---------- | ------------------ | -------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `class`    | `string`           | no       | —       | Additional class merged onto the `.cinder-grid-list__item` root element.                                                                                                                                                                                                |
-| `href`     | `string`           | no       | —       | Destination URL. When set, the `title` snippet is rendered as a stretched `<a>` anchor covering the entire tile.                                                                                                                                                        |
-| `rel`      | `string` \| `null` | no       | —       | `rel` attribute forwarded to the stretched-link anchor; `noopener noreferrer` is merged automatically when `target="_blank"`.                                                                                                                                           |
-| `actions`  | `(opaque)`         | no       | —       | Action buttons. This wrapper is lifted above the stretched-link overlay via `position: relative; z-index: 1` so buttons remain clickable. Not expressible in JSON Schema; see the component types for the signature.                                                    |
-| `image`    | `(opaque)`         | no       | —       | Optional image region (avatar, thumbnail). Not expressible in JSON Schema; see the component types for the signature.                                                                                                                                                   |
-| `meta`     | `(opaque)`         | no       | —       | Tertiary metadata (badges, supplementary text). Not expressible in JSON Schema; see the component types for the signature.                                                                                                                                              |
-| `subtitle` | `(opaque)`         | no       | —       | Secondary description. Not expressible in JSON Schema; see the component types for the signature.                                                                                                                                                                       |
-| `target`   | `(opaque)`         | no       | —       | When `target` matches `"_blank"` (case-insensitive), the component automatically composes `rel="noopener noreferrer"` with any consumer-supplied `rel` tokens to prevent reverse-tabnapping. Not expressible in JSON Schema; see the component types for the signature. |
-| `title`    | `(opaque)`         | no       | —       | Primary label. Provides the accessible name for the stretched link when `href` is set. Not expressible in JSON Schema; see the component types for the signature.                                                                                                       |
-
-<!-- generated:props:end -->
-
-## CSS Variables
-
-<!-- generated:variables:start -->
-
-This component does not declare any local CSS variables.
-
-<!-- generated:variables:end -->
-
-## Subcomponents
-
-<!-- generated:subcomponents:start -->
-
-None.
-
-<!-- generated:subcomponents:end -->

package/src/components/grid-list-item/grid-list-item.svelte

@@ -1,81 +0,0 @@
-<script lang="ts" module>
-  /**
-   * @cinder
-   * @category data-display
-   * @status stable
-   * @purpose Tile within a grid-list that combines an image, title, subtitle, meta, and action slots and may link via href.
-   * @tag grid
-   * @tag tile
-   * @useWhen Rendering a single card cell inside a grid-list parent.
-   * @useWhen Turning the tile into an anchor by passing href.
-   * @avoidWhen Standing alone outside a grid-list — it inherits the grid layout context.
-   * @related grid-list
-   */
-  export type { GridListItemProps } from './grid-list-item.types.ts';
-</script>
-
-<script lang="ts">
-  import type { GridListItemProps } from './grid-list-item.types.ts';
-  import { classNames } from '../../utilities/class-names.ts';
-
-  let {
-    href,
-    target,
-    rel,
-    class: className,
-    image,
-    title,
-    subtitle,
-    meta,
-    actions,
-    ...rest
-  }: GridListItemProps = $props();
-
-  /**
-   * Compose `rel` for the stretched-link anchor.
-   * When target matches "_blank" (case-insensitive), merge "noopener" and
-   * "noreferrer" into whatever the consumer supplied, deduplicating tokens.
-   */
-  const composedRel = $derived.by(() => {
-    const isBlank = target?.toLowerCase() === '_blank';
-    if (!isBlank) return rel;
-    const tokens = new Set((rel ?? '').split(/\s+/).filter(Boolean));
-    tokens.add('noopener');
-    tokens.add('noreferrer');
-    return [...tokens].join(' ');
-  });
-</script>
-
-<li {...rest} class={classNames('cinder-grid-list__item', className)}>
-  {#if image}
-    <div class="cinder-grid-list__image">
-      {@render image()}
-    </div>
-  {/if}
-  {#if title}
-    <div class="cinder-grid-list__title">
-      {#if href !== undefined}
-        <a class="cinder-grid-list__link" {href} {target} rel={composedRel}>
-          {@render title()}
-        </a>
-      {:else}
-        {@render title()}
-      {/if}
-    </div>
-  {/if}
-  {#if subtitle}
-    <div class="cinder-grid-list__subtitle">
-      {@render subtitle()}
-    </div>
-  {/if}
-  {#if meta}
-    <div class="cinder-grid-list__meta">
-      {@render meta()}
-    </div>
-  {/if}
-  {#if actions}
-    <div class="cinder-grid-list__actions">
-      {@render actions()}
-    </div>
-  {/if}
-</li>

package/src/components/grid-list-item/grid-list-item.types.ts

@@ -1,53 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAnchorAttributes, HTMLAttributes } from 'svelte/elements';
-type LiEventAttribute = Extract<keyof HTMLAttributes<HTMLLIElement>, `on${string}`>;
-type GridListItemBase = Omit<
-  HTMLAttributes<HTMLLIElement>,
-  'title' | 'class' | 'role' | 'tabindex' | LiEventAttribute
-> & {
-  /** Additional class merged onto the `.cinder-grid-list__item` root element. */
-  class?: string;
-  /** Optional image region (avatar, thumbnail). */
-  image?: Snippet;
-  /** Primary label. Provides the accessible name for the stretched link when `href` is set. */
-  title?: Snippet;
-  /** Secondary description. */
-  subtitle?: Snippet;
-  /** Tertiary metadata (badges, supplementary text). */
-  meta?: Snippet;
-  /**
-   * Action buttons. This wrapper is lifted above the stretched-link overlay
-   * via `position: relative; z-index: 1` so buttons remain clickable.
-   */
-  actions?: Snippet;
-};
-/** Non-linkified item — no stretched-link overlay. */
-type GridListItemStatic = GridListItemBase & {
-  href?: never;
-  target?: never;
-  rel?: never;
-};
-/**
- * Linkified item — `title` becomes a stretched link covering the entire card
- * via a pseudo-element overlay. Only `actions` (and descendants marked with
- * `data-cinder-stretched-link-escape`) remain pointer-operable above the overlay.
- *
- * `title` is required when `href` is set: it provides the accessible name for
- * the stretched-link anchor. An item with `href` but no `title` would render a
- * pseudo-element overlay with no reachable `<a>` and no accessible name.
- */
-type GridListItemLinked = GridListItemBase & {
-  /** Destination URL. When set, the `title` snippet is rendered as a stretched `<a>` anchor covering the entire tile. */
-  href: string;
-  /** Required when href is set — provides the accessible name for the anchor. */
-  title: Snippet;
-  /**
-   * When `target` matches `"_blank"` (case-insensitive), the component
-   * automatically composes `rel="noopener noreferrer"` with any
-   * consumer-supplied `rel` tokens to prevent reverse-tabnapping.
-   */
-  target?: HTMLAnchorAttributes['target'];
-  /** `rel` attribute forwarded to the stretched-link anchor; `noopener noreferrer` is merged automatically when `target="_blank"`. */
-  rel?: HTMLAnchorAttributes['rel'];
-};
-export type GridListItemProps = GridListItemStatic | GridListItemLinked;

package/src/components/grid-list-item/index.ts

@@ -1,5 +0,0 @@
-import GridListItem from './grid-list-item.svelte';
-
-export default GridListItem;
-export type { GridListItemProps } from './grid-list-item.types.ts';
-export { GridListItem };