@ssejal8/recipe-ui-kit 0.1.0

package/packages/recipe-kit-stencil/src/components.d.ts

@@ -0,0 +1,1192 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
+import { RkMealDropDetail, RkMealRecipeDetail, RkMealSlotDetail } from "./components/rk-meal-slot/rk-meal-slot";
+import { RkFavoriteToggleDetail, RkRecipeCardSelectDetail } from "./components/rk-recipe-card/rk-recipe-card";
+import { RkSegmentOption } from "./components/rk-segmented-control/rk-segmented-control";
+export { RkMealDropDetail, RkMealRecipeDetail, RkMealSlotDetail } from "./components/rk-meal-slot/rk-meal-slot";
+export { RkFavoriteToggleDetail, RkRecipeCardSelectDetail } from "./components/rk-recipe-card/rk-recipe-card";
+export { RkSegmentOption } from "./components/rk-segmented-control/rk-segmented-control";
+export namespace Components {
+    /**
+     * A small, non-interactive label. Purely slot-driven so hosts can put icons,
+     * text or counts inside it.
+     */
+    interface RkBadge {
+        /**
+          * Compact sizing for dense layouts.
+          * @default false
+         */
+        "small": boolean;
+        /**
+          * Color treatment.
+          * @default 'neutral'
+         */
+        "tone": 'neutral' | 'primary' | 'accent' | 'success' | 'warning' | 'danger';
+        /**
+          * `soft` is tinted, `solid` is filled, `outline` is bordered only.
+          * @default 'soft'
+         */
+        "variant": 'soft' | 'solid' | 'outline';
+    }
+    /**
+     * A selectable / dismissible filter chip.
+     */
+    interface RkChip {
+        /**
+          * Optional trailing count badge (e.g. number of matching recipes).
+         */
+        "count"?: number;
+        /**
+          * Disables interaction.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Renders an "x" button that emits `rkChipDismiss` instead of toggling.
+          * @default false
+         */
+        "dismissible": boolean;
+        /**
+          * Visible text.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Whether the chip is currently active.
+          * @default false
+         */
+        "selected": boolean;
+        /**
+          * Visual treatment.
+          * @default 'neutral'
+         */
+        "tone": 'neutral' | 'primary' | 'accent';
+        /**
+          * Value reported back to the host application in event payloads.
+         */
+        "value"?: string;
+    }
+    /**
+     * Placeholder shown when a list has no items, a search returns nothing, or a
+     * request fails.
+     */
+    interface RkEmptyState {
+        /**
+          * Removes the dashed border and reduces padding, for inline use.
+          * @default false
+         */
+        "bare": boolean;
+        /**
+          * Bold headline.
+          * @default 'Nothing here yet'
+         */
+        "heading": string;
+        /**
+          * Emoji or short glyph shown above the heading.
+          * @default '🍳'
+         */
+        "icon": string;
+        /**
+          * Supporting sentence.
+         */
+        "message"?: string;
+        /**
+          * `error` swaps to a warning treatment.
+          * @default 'neutral'
+         */
+        "tone": 'neutral' | 'error';
+    }
+    /**
+     * One cell of the weekly planner grid: either an empty "add" target or a filled
+     * slot showing the planned recipe. Doubles as a drop zone for drag-and-drop
+     * planning.
+     */
+    interface RkMealSlot {
+        /**
+          * Day key this slot belongs to, e.g. `monday`. Echoed in event payloads.
+         */
+        "day": string;
+        /**
+          * Disables interaction.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Human-readable meal label shown as the slot caption.
+         */
+        "mealLabel"?: string;
+        /**
+          * Meal type key, e.g. `breakfast`. Echoed in event payloads.
+         */
+        "mealType": string;
+        /**
+          * Id of the planned recipe. Empty means the slot is free.
+         */
+        "recipeId"?: string;
+        /**
+          * Thumbnail of the planned recipe.
+         */
+        "recipeImage"?: string;
+        /**
+          * Title of the planned recipe.
+         */
+        "recipeName"?: string;
+    }
+    /**
+     * An accessible dialog with a backdrop, Escape handling and focus restoration.
+     * The component is presentational: it emits `rkModalClose` and lets the host
+     * application own the `open` state.
+     */
+    interface RkModal {
+        /**
+          * Set to false to require an explicit action to dismiss.
+          * @default true
+         */
+        "dismissible": boolean;
+        /**
+          * Heading text for the default header.
+          * @default ''
+         */
+        "heading": string;
+        /**
+          * Controls visibility.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Dialog width preset.
+          * @default 'md'
+         */
+        "size": 'sm' | 'md' | 'lg';
+        /**
+          * Optional supporting line under the heading.
+         */
+        "subheading"?: string;
+    }
+    /**
+     * A star rating that works as a read-only display or an interactive input.
+     */
+    interface RkRating {
+        /**
+          * Optional count of ratings, rendered as "(24)".
+         */
+        "count"?: number;
+        /**
+          * Accessible label for the group.
+          * @default 'Rating'
+         */
+        "label": string;
+        /**
+          * Number of stars.
+          * @default 5
+         */
+        "max": number;
+        /**
+          * When true the stars are display-only and not focusable.
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Renders the numeric value next to the stars.
+          * @default false
+         */
+        "showValue": boolean;
+        /**
+          * Star size in pixels.
+          * @default 18
+         */
+        "size": number;
+        /**
+          * Current rating. Supports halves when `readonly`.
+          * @default 0
+         */
+        "value": number;
+    }
+    /**
+     * The primary recipe tile used across discovery, favorites and search results.
+     * All data arrives as individual primitive properties rather than one object
+     * prop, so the component works with plain HTML attributes in any framework.
+     */
+    interface RkRecipeCard {
+        /**
+          * Cuisine / region, e.g. "Italian".
+         */
+        "area"?: string;
+        /**
+          * Category, e.g. "Dessert".
+         */
+        "category"?: string;
+        /**
+          * Renders a compact horizontal layout, for dense lists and the planner.
+          * @default false
+         */
+        "compact": boolean;
+        /**
+          * Whether this recipe is currently favorited.
+          * @default false
+         */
+        "favorite": boolean;
+        /**
+          * Hides the favorite button entirely (e.g. inside the planner).
+          * @default false
+         */
+        "hideFavorite": boolean;
+        /**
+          * Real href used for accessibility, SEO and middle-click / open-in-new-tab.
+         */
+        "href"?: string;
+        /**
+          * Thumbnail URL.
+         */
+        "image"?: string;
+        /**
+          * Total time in minutes. Hidden when omitted.
+         */
+        "minutes"?: number;
+        /**
+          * Recipe title.
+          * @default ''
+         */
+        "name": string;
+        /**
+          * `custom` recipes are user-authored and get an "Owned" badge.
+          * @default 'api'
+         */
+        "origin": 'api' | 'custom';
+        /**
+          * Stable identifier echoed back in every event payload.
+         */
+        "recipeId": string;
+        /**
+          * Number of servings. Hidden when omitted.
+         */
+        "servings"?: number;
+    }
+    /**
+     * A debounced search input with a clear affordance and a slot for extra controls.
+     */
+    interface RkSearchBar {
+        /**
+          * Milliseconds to wait after the last keystroke before emitting `rkSearch`.
+          * @default 350
+         */
+        "debounce": number;
+        /**
+          * Disables the whole control.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Optional helper text rendered under the field.
+         */
+        "hint"?: string;
+        /**
+          * Accessible label for the input.
+          * @default 'Search recipes'
+         */
+        "label": string;
+        /**
+          * Shows a busy indicator (e.g. while the app is fetching results).
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * Placeholder shown when the field is empty.
+          * @default 'Search recipes, ingredients, cuisines…'
+         */
+        "placeholder": string;
+        /**
+          * Programmatically focus the input.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Current text in the field. Two-way: updated as the user types.
+          * @default ''
+         */
+        "value": string;
+    }
+    /**
+     * A single-select segmented control, used for sorting and view switching.
+     * `options` is a complex property. Frameworks should assign it as a DOM
+     * property; for plain HTML it also accepts a JSON string attribute.
+     */
+    interface RkSegmentedControl {
+        /**
+          * Accessible label for the group.
+          * @default 'View options'
+         */
+        "label": string;
+        /**
+          * The available segments. Accepts an array or a JSON-encoded string.
+          * @default []
+         */
+        "options": RkSegmentOption[] | string;
+        /**
+          * Stretches the control to fill its container.
+          * @default false
+         */
+        "stretch": boolean;
+        /**
+          * The value of the selected segment.
+         */
+        "value"?: string;
+    }
+    /**
+     * A tag / token editor used for recipe tags and free-form ingredient lists.
+     * `values` is an array property — the SvelteKit app assigns it as a DOM
+     * property. A JSON-encoded or comma-separated string attribute also works.
+     */
+    interface RkTagInput {
+        /**
+          * Prevent editing.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Validation message rendered under the field.
+         */
+        "error"?: string;
+        /**
+          * Visible field label.
+         */
+        "label"?: string;
+        /**
+          * Maximum number of tags. `0` means unlimited.
+          * @default 0
+         */
+        "maxTags": number;
+        /**
+          * Placeholder for the entry field.
+          * @default 'Add a tag and press Enter'
+         */
+        "placeholder": string;
+        /**
+          * Current tags. Array, JSON string, or comma-separated string.
+          * @default []
+         */
+        "values": string[] | string;
+    }
+}
+export interface RkChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRkChipElement;
+}
+export interface RkMealSlotCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRkMealSlotElement;
+}
+export interface RkModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRkModalElement;
+}
+export interface RkRatingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRkRatingElement;
+}
+export interface RkRecipeCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRkRecipeCardElement;
+}
+export interface RkSearchBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRkSearchBarElement;
+}
+export interface RkSegmentedControlCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRkSegmentedControlElement;
+}
+export interface RkTagInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRkTagInputElement;
+}
+declare global {
+    /**
+     * A small, non-interactive label. Purely slot-driven so hosts can put icons,
+     * text or counts inside it.
+     */
+    interface HTMLRkBadgeElement extends Components.RkBadge, HTMLStencilElement {
+    }
+    var HTMLRkBadgeElement: {
+        prototype: HTMLRkBadgeElement;
+        new (): HTMLRkBadgeElement;
+    };
+    interface HTMLRkChipElementEventMap {
+        "rkChipToggle": { value: string; label: string; selected: boolean };
+        "rkChipDismiss": { value: string; label: string };
+    }
+    /**
+     * A selectable / dismissible filter chip.
+     */
+    interface HTMLRkChipElement extends Components.RkChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRkChipElementEventMap>(type: K, listener: (this: HTMLRkChipElement, ev: RkChipCustomEvent<HTMLRkChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRkChipElementEventMap>(type: K, listener: (this: HTMLRkChipElement, ev: RkChipCustomEvent<HTMLRkChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRkChipElement: {
+        prototype: HTMLRkChipElement;
+        new (): HTMLRkChipElement;
+    };
+    /**
+     * Placeholder shown when a list has no items, a search returns nothing, or a
+     * request fails.
+     */
+    interface HTMLRkEmptyStateElement extends Components.RkEmptyState, HTMLStencilElement {
+    }
+    var HTMLRkEmptyStateElement: {
+        prototype: HTMLRkEmptyStateElement;
+        new (): HTMLRkEmptyStateElement;
+    };
+    interface HTMLRkMealSlotElementEventMap {
+        "rkMealAdd": RkMealSlotDetail;
+        "rkMealSwap": RkMealRecipeDetail;
+        "rkMealRemove": RkMealRecipeDetail;
+        "rkMealOpen": RkMealRecipeDetail;
+        "rkMealDrop": RkMealDropDetail;
+    }
+    /**
+     * One cell of the weekly planner grid: either an empty "add" target or a filled
+     * slot showing the planned recipe. Doubles as a drop zone for drag-and-drop
+     * planning.
+     */
+    interface HTMLRkMealSlotElement extends Components.RkMealSlot, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRkMealSlotElementEventMap>(type: K, listener: (this: HTMLRkMealSlotElement, ev: RkMealSlotCustomEvent<HTMLRkMealSlotElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRkMealSlotElementEventMap>(type: K, listener: (this: HTMLRkMealSlotElement, ev: RkMealSlotCustomEvent<HTMLRkMealSlotElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRkMealSlotElement: {
+        prototype: HTMLRkMealSlotElement;
+        new (): HTMLRkMealSlotElement;
+    };
+    interface HTMLRkModalElementEventMap {
+        "rkModalClose": void;
+    }
+    /**
+     * An accessible dialog with a backdrop, Escape handling and focus restoration.
+     * The component is presentational: it emits `rkModalClose` and lets the host
+     * application own the `open` state.
+     */
+    interface HTMLRkModalElement extends Components.RkModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRkModalElementEventMap>(type: K, listener: (this: HTMLRkModalElement, ev: RkModalCustomEvent<HTMLRkModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRkModalElementEventMap>(type: K, listener: (this: HTMLRkModalElement, ev: RkModalCustomEvent<HTMLRkModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRkModalElement: {
+        prototype: HTMLRkModalElement;
+        new (): HTMLRkModalElement;
+    };
+    interface HTMLRkRatingElementEventMap {
+        "rkRatingChange": number;
+    }
+    /**
+     * A star rating that works as a read-only display or an interactive input.
+     */
+    interface HTMLRkRatingElement extends Components.RkRating, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRkRatingElementEventMap>(type: K, listener: (this: HTMLRkRatingElement, ev: RkRatingCustomEvent<HTMLRkRatingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRkRatingElementEventMap>(type: K, listener: (this: HTMLRkRatingElement, ev: RkRatingCustomEvent<HTMLRkRatingElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRkRatingElement: {
+        prototype: HTMLRkRatingElement;
+        new (): HTMLRkRatingElement;
+    };
+    interface HTMLRkRecipeCardElementEventMap {
+        "rkCardSelect": RkRecipeCardSelectDetail;
+        "rkFavoriteToggle": RkFavoriteToggleDetail;
+    }
+    /**
+     * The primary recipe tile used across discovery, favorites and search results.
+     * All data arrives as individual primitive properties rather than one object
+     * prop, so the component works with plain HTML attributes in any framework.
+     */
+    interface HTMLRkRecipeCardElement extends Components.RkRecipeCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRkRecipeCardElementEventMap>(type: K, listener: (this: HTMLRkRecipeCardElement, ev: RkRecipeCardCustomEvent<HTMLRkRecipeCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRkRecipeCardElementEventMap>(type: K, listener: (this: HTMLRkRecipeCardElement, ev: RkRecipeCardCustomEvent<HTMLRkRecipeCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRkRecipeCardElement: {
+        prototype: HTMLRkRecipeCardElement;
+        new (): HTMLRkRecipeCardElement;
+    };
+    interface HTMLRkSearchBarElementEventMap {
+        "rkSearch": string;
+        "rkClear": void;
+    }
+    /**
+     * A debounced search input with a clear affordance and a slot for extra controls.
+     */
+    interface HTMLRkSearchBarElement extends Components.RkSearchBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRkSearchBarElementEventMap>(type: K, listener: (this: HTMLRkSearchBarElement, ev: RkSearchBarCustomEvent<HTMLRkSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRkSearchBarElementEventMap>(type: K, listener: (this: HTMLRkSearchBarElement, ev: RkSearchBarCustomEvent<HTMLRkSearchBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRkSearchBarElement: {
+        prototype: HTMLRkSearchBarElement;
+        new (): HTMLRkSearchBarElement;
+    };
+    interface HTMLRkSegmentedControlElementEventMap {
+        "rkSegmentChange": string;
+    }
+    /**
+     * A single-select segmented control, used for sorting and view switching.
+     * `options` is a complex property. Frameworks should assign it as a DOM
+     * property; for plain HTML it also accepts a JSON string attribute.
+     */
+    interface HTMLRkSegmentedControlElement extends Components.RkSegmentedControl, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRkSegmentedControlElementEventMap>(type: K, listener: (this: HTMLRkSegmentedControlElement, ev: RkSegmentedControlCustomEvent<HTMLRkSegmentedControlElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRkSegmentedControlElementEventMap>(type: K, listener: (this: HTMLRkSegmentedControlElement, ev: RkSegmentedControlCustomEvent<HTMLRkSegmentedControlElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRkSegmentedControlElement: {
+        prototype: HTMLRkSegmentedControlElement;
+        new (): HTMLRkSegmentedControlElement;
+    };
+    interface HTMLRkTagInputElementEventMap {
+        "rkTagsChange": string[];
+    }
+    /**
+     * A tag / token editor used for recipe tags and free-form ingredient lists.
+     * `values` is an array property — the SvelteKit app assigns it as a DOM
+     * property. A JSON-encoded or comma-separated string attribute also works.
+     */
+    interface HTMLRkTagInputElement extends Components.RkTagInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRkTagInputElementEventMap>(type: K, listener: (this: HTMLRkTagInputElement, ev: RkTagInputCustomEvent<HTMLRkTagInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRkTagInputElementEventMap>(type: K, listener: (this: HTMLRkTagInputElement, ev: RkTagInputCustomEvent<HTMLRkTagInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRkTagInputElement: {
+        prototype: HTMLRkTagInputElement;
+        new (): HTMLRkTagInputElement;
+    };
+    interface HTMLElementTagNameMap {
+        "rk-badge": HTMLRkBadgeElement;
+        "rk-chip": HTMLRkChipElement;
+        "rk-empty-state": HTMLRkEmptyStateElement;
+        "rk-meal-slot": HTMLRkMealSlotElement;
+        "rk-modal": HTMLRkModalElement;
+        "rk-rating": HTMLRkRatingElement;
+        "rk-recipe-card": HTMLRkRecipeCardElement;
+        "rk-search-bar": HTMLRkSearchBarElement;
+        "rk-segmented-control": HTMLRkSegmentedControlElement;
+        "rk-tag-input": HTMLRkTagInputElement;
+    }
+}
+declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never };
+
+    /**
+     * A small, non-interactive label. Purely slot-driven so hosts can put icons,
+     * text or counts inside it.
+     */
+    interface RkBadge {
+        /**
+          * Compact sizing for dense layouts.
+          * @default false
+         */
+        "small"?: boolean;
+        /**
+          * Color treatment.
+          * @default 'neutral'
+         */
+        "tone"?: 'neutral' | 'primary' | 'accent' | 'success' | 'warning' | 'danger';
+        /**
+          * `soft` is tinted, `solid` is filled, `outline` is bordered only.
+          * @default 'soft'
+         */
+        "variant"?: 'soft' | 'solid' | 'outline';
+    }
+    /**
+     * A selectable / dismissible filter chip.
+     */
+    interface RkChip {
+        /**
+          * Optional trailing count badge (e.g. number of matching recipes).
+         */
+        "count"?: number;
+        /**
+          * Disables interaction.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Renders an "x" button that emits `rkChipDismiss` instead of toggling.
+          * @default false
+         */
+        "dismissible"?: boolean;
+        /**
+          * Visible text.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Emitted when a dismissible chip's remove button is pressed.
+         */
+        "onRkChipDismiss"?: (event: RkChipCustomEvent<{ value: string; label: string }>) => void;
+        /**
+          * Emitted when the chip is toggled.
+         */
+        "onRkChipToggle"?: (event: RkChipCustomEvent<{ value: string; label: string; selected: boolean }>) => void;
+        /**
+          * Whether the chip is currently active.
+          * @default false
+         */
+        "selected"?: boolean;
+        /**
+          * Visual treatment.
+          * @default 'neutral'
+         */
+        "tone"?: 'neutral' | 'primary' | 'accent';
+        /**
+          * Value reported back to the host application in event payloads.
+         */
+        "value"?: string;
+    }
+    /**
+     * Placeholder shown when a list has no items, a search returns nothing, or a
+     * request fails.
+     */
+    interface RkEmptyState {
+        /**
+          * Removes the dashed border and reduces padding, for inline use.
+          * @default false
+         */
+        "bare"?: boolean;
+        /**
+          * Bold headline.
+          * @default 'Nothing here yet'
+         */
+        "heading"?: string;
+        /**
+          * Emoji or short glyph shown above the heading.
+          * @default '🍳'
+         */
+        "icon"?: string;
+        /**
+          * Supporting sentence.
+         */
+        "message"?: string;
+        /**
+          * `error` swaps to a warning treatment.
+          * @default 'neutral'
+         */
+        "tone"?: 'neutral' | 'error';
+    }
+    /**
+     * One cell of the weekly planner grid: either an empty "add" target or a filled
+     * slot showing the planned recipe. Doubles as a drop zone for drag-and-drop
+     * planning.
+     */
+    interface RkMealSlot {
+        /**
+          * Day key this slot belongs to, e.g. `monday`. Echoed in event payloads.
+         */
+        "day": string;
+        /**
+          * Disables interaction.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Human-readable meal label shown as the slot caption.
+         */
+        "mealLabel"?: string;
+        /**
+          * Meal type key, e.g. `breakfast`. Echoed in event payloads.
+         */
+        "mealType": string;
+        /**
+          * Emitted when an empty slot is activated — the host opens a recipe picker.
+         */
+        "onRkMealAdd"?: (event: RkMealSlotCustomEvent<RkMealSlotDetail>) => void;
+        /**
+          * Emitted when a recipe is dropped onto this slot.
+         */
+        "onRkMealDrop"?: (event: RkMealSlotCustomEvent<RkMealDropDetail>) => void;
+        /**
+          * Emitted when the planned recipe is activated — the host navigates.
+         */
+        "onRkMealOpen"?: (event: RkMealSlotCustomEvent<RkMealRecipeDetail>) => void;
+        /**
+          * Emitted when the planned recipe should be cleared.
+         */
+        "onRkMealRemove"?: (event: RkMealSlotCustomEvent<RkMealRecipeDetail>) => void;
+        /**
+          * Emitted when the planned recipe should be replaced.
+         */
+        "onRkMealSwap"?: (event: RkMealSlotCustomEvent<RkMealRecipeDetail>) => void;
+        /**
+          * Id of the planned recipe. Empty means the slot is free.
+         */
+        "recipeId"?: string;
+        /**
+          * Thumbnail of the planned recipe.
+         */
+        "recipeImage"?: string;
+        /**
+          * Title of the planned recipe.
+         */
+        "recipeName"?: string;
+    }
+    /**
+     * An accessible dialog with a backdrop, Escape handling and focus restoration.
+     * The component is presentational: it emits `rkModalClose` and lets the host
+     * application own the `open` state.
+     */
+    interface RkModal {
+        /**
+          * Set to false to require an explicit action to dismiss.
+          * @default true
+         */
+        "dismissible"?: boolean;
+        /**
+          * Heading text for the default header.
+          * @default ''
+         */
+        "heading"?: string;
+        /**
+          * Emitted when the user requests dismissal (X, backdrop or Escape).
+         */
+        "onRkModalClose"?: (event: RkModalCustomEvent<void>) => void;
+        /**
+          * Controls visibility.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Dialog width preset.
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+        /**
+          * Optional supporting line under the heading.
+         */
+        "subheading"?: string;
+    }
+    /**
+     * A star rating that works as a read-only display or an interactive input.
+     */
+    interface RkRating {
+        /**
+          * Optional count of ratings, rendered as "(24)".
+         */
+        "count"?: number;
+        /**
+          * Accessible label for the group.
+          * @default 'Rating'
+         */
+        "label"?: string;
+        /**
+          * Number of stars.
+          * @default 5
+         */
+        "max"?: number;
+        /**
+          * Emitted when the user picks a new rating.
+         */
+        "onRkRatingChange"?: (event: RkRatingCustomEvent<number>) => void;
+        /**
+          * When true the stars are display-only and not focusable.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Renders the numeric value next to the stars.
+          * @default false
+         */
+        "showValue"?: boolean;
+        /**
+          * Star size in pixels.
+          * @default 18
+         */
+        "size"?: number;
+        /**
+          * Current rating. Supports halves when `readonly`.
+          * @default 0
+         */
+        "value"?: number;
+    }
+    /**
+     * The primary recipe tile used across discovery, favorites and search results.
+     * All data arrives as individual primitive properties rather than one object
+     * prop, so the component works with plain HTML attributes in any framework.
+     */
+    interface RkRecipeCard {
+        /**
+          * Cuisine / region, e.g. "Italian".
+         */
+        "area"?: string;
+        /**
+          * Category, e.g. "Dessert".
+         */
+        "category"?: string;
+        /**
+          * Renders a compact horizontal layout, for dense lists and the planner.
+          * @default false
+         */
+        "compact"?: boolean;
+        /**
+          * Whether this recipe is currently favorited.
+          * @default false
+         */
+        "favorite"?: boolean;
+        /**
+          * Hides the favorite button entirely (e.g. inside the planner).
+          * @default false
+         */
+        "hideFavorite"?: boolean;
+        /**
+          * Real href used for accessibility, SEO and middle-click / open-in-new-tab.
+         */
+        "href"?: string;
+        /**
+          * Thumbnail URL.
+         */
+        "image"?: string;
+        /**
+          * Total time in minutes. Hidden when omitted.
+         */
+        "minutes"?: number;
+        /**
+          * Recipe title.
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * Emitted on primary activation. The host app performs the navigation.
+         */
+        "onRkCardSelect"?: (event: RkRecipeCardCustomEvent<RkRecipeCardSelectDetail>) => void;
+        /**
+          * Emitted when the favorite button is pressed.
+         */
+        "onRkFavoriteToggle"?: (event: RkRecipeCardCustomEvent<RkFavoriteToggleDetail>) => void;
+        /**
+          * `custom` recipes are user-authored and get an "Owned" badge.
+          * @default 'api'
+         */
+        "origin"?: 'api' | 'custom';
+        /**
+          * Stable identifier echoed back in every event payload.
+         */
+        "recipeId": string;
+        /**
+          * Number of servings. Hidden when omitted.
+         */
+        "servings"?: number;
+    }
+    /**
+     * A debounced search input with a clear affordance and a slot for extra controls.
+     */
+    interface RkSearchBar {
+        /**
+          * Milliseconds to wait after the last keystroke before emitting `rkSearch`.
+          * @default 350
+         */
+        "debounce"?: number;
+        /**
+          * Disables the whole control.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Optional helper text rendered under the field.
+         */
+        "hint"?: string;
+        /**
+          * Accessible label for the input.
+          * @default 'Search recipes'
+         */
+        "label"?: string;
+        /**
+          * Shows a busy indicator (e.g. while the app is fetching results).
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Emitted when the user clears the field with the clear button or Escape.
+         */
+        "onRkClear"?: (event: RkSearchBarCustomEvent<void>) => void;
+        /**
+          * Emitted with the (trimmed) query after the debounce window, or on submit.
+         */
+        "onRkSearch"?: (event: RkSearchBarCustomEvent<string>) => void;
+        /**
+          * Placeholder shown when the field is empty.
+          * @default 'Search recipes, ingredients, cuisines…'
+         */
+        "placeholder"?: string;
+        /**
+          * Current text in the field. Two-way: updated as the user types.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    /**
+     * A single-select segmented control, used for sorting and view switching.
+     * `options` is a complex property. Frameworks should assign it as a DOM
+     * property; for plain HTML it also accepts a JSON string attribute.
+     */
+    interface RkSegmentedControl {
+        /**
+          * Accessible label for the group.
+          * @default 'View options'
+         */
+        "label"?: string;
+        /**
+          * Emitted with the newly selected value.
+         */
+        "onRkSegmentChange"?: (event: RkSegmentedControlCustomEvent<string>) => void;
+        /**
+          * The available segments. Accepts an array or a JSON-encoded string.
+          * @default []
+         */
+        "options"?: RkSegmentOption[] | string;
+        /**
+          * Stretches the control to fill its container.
+          * @default false
+         */
+        "stretch"?: boolean;
+        /**
+          * The value of the selected segment.
+         */
+        "value"?: string;
+    }
+    /**
+     * A tag / token editor used for recipe tags and free-form ingredient lists.
+     * `values` is an array property — the SvelteKit app assigns it as a DOM
+     * property. A JSON-encoded or comma-separated string attribute also works.
+     */
+    interface RkTagInput {
+        /**
+          * Prevent editing.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Validation message rendered under the field.
+         */
+        "error"?: string;
+        /**
+          * Visible field label.
+         */
+        "label"?: string;
+        /**
+          * Maximum number of tags. `0` means unlimited.
+          * @default 0
+         */
+        "maxTags"?: number;
+        /**
+          * Emitted with the full, updated list whenever tags change.
+         */
+        "onRkTagsChange"?: (event: RkTagInputCustomEvent<string[]>) => void;
+        /**
+          * Placeholder for the entry field.
+          * @default 'Add a tag and press Enter'
+         */
+        "placeholder"?: string;
+        /**
+          * Current tags. Array, JSON string, or comma-separated string.
+          * @default []
+         */
+        "values"?: string[] | string;
+    }
+
+    interface RkBadgeAttributes {
+        "tone": 'neutral' | 'primary' | 'accent' | 'success' | 'warning' | 'danger';
+        "variant": 'soft' | 'solid' | 'outline';
+        "small": boolean;
+    }
+    interface RkChipAttributes {
+        "label": string;
+        "value": string;
+        "selected": boolean;
+        "count": number;
+        "dismissible": boolean;
+        "disabled": boolean;
+        "tone": 'neutral' | 'primary' | 'accent';
+    }
+    interface RkEmptyStateAttributes {
+        "icon": string;
+        "heading": string;
+        "message": string;
+        "tone": 'neutral' | 'error';
+        "bare": boolean;
+    }
+    interface RkMealSlotAttributes {
+        "day": string;
+        "mealType": string;
+        "mealLabel": string;
+        "recipeId": string;
+        "recipeName": string;
+        "recipeImage": string;
+        "disabled": boolean;
+    }
+    interface RkModalAttributes {
+        "open": boolean;
+        "heading": string;
+        "subheading": string;
+        "size": 'sm' | 'md' | 'lg';
+        "dismissible": boolean;
+    }
+    interface RkRatingAttributes {
+        "value": number;
+        "max": number;
+        "readonly": boolean;
+        "size": number;
+        "label": string;
+        "showValue": boolean;
+        "count": number;
+    }
+    interface RkRecipeCardAttributes {
+        "recipeId": string;
+        "name": string;
+        "image": string;
+        "category": string;
+        "area": string;
+        "minutes": number;
+        "servings": number;
+        "favorite": boolean;
+        "origin": 'api' | 'custom';
+        "href": string;
+        "compact": boolean;
+        "hideFavorite": boolean;
+    }
+    interface RkSearchBarAttributes {
+        "value": string;
+        "placeholder": string;
+        "label": string;
+        "debounce": number;
+        "disabled": boolean;
+        "loading": boolean;
+        "hint": string;
+    }
+    interface RkSegmentedControlAttributes {
+        "options": RkSegmentOption[] | string;
+        "value": string;
+        "label": string;
+        "stretch": boolean;
+    }
+    interface RkTagInputAttributes {
+        "values": string[] | string;
+        "placeholder": string;
+        "label": string;
+        "maxTags": number;
+        "disabled": boolean;
+        "error": string;
+    }
+
+    interface IntrinsicElements {
+        "rk-badge": Omit<RkBadge, keyof RkBadgeAttributes> & { [K in keyof RkBadge & keyof RkBadgeAttributes]?: RkBadge[K] } & { [K in keyof RkBadge & keyof RkBadgeAttributes as `attr:${K}`]?: RkBadgeAttributes[K] } & { [K in keyof RkBadge & keyof RkBadgeAttributes as `prop:${K}`]?: RkBadge[K] };
+        "rk-chip": Omit<RkChip, keyof RkChipAttributes> & { [K in keyof RkChip & keyof RkChipAttributes]?: RkChip[K] } & { [K in keyof RkChip & keyof RkChipAttributes as `attr:${K}`]?: RkChipAttributes[K] } & { [K in keyof RkChip & keyof RkChipAttributes as `prop:${K}`]?: RkChip[K] };
+        "rk-empty-state": Omit<RkEmptyState, keyof RkEmptyStateAttributes> & { [K in keyof RkEmptyState & keyof RkEmptyStateAttributes]?: RkEmptyState[K] } & { [K in keyof RkEmptyState & keyof RkEmptyStateAttributes as `attr:${K}`]?: RkEmptyStateAttributes[K] } & { [K in keyof RkEmptyState & keyof RkEmptyStateAttributes as `prop:${K}`]?: RkEmptyState[K] };
+        "rk-meal-slot": Omit<RkMealSlot, keyof RkMealSlotAttributes> & { [K in keyof RkMealSlot & keyof RkMealSlotAttributes]?: RkMealSlot[K] } & { [K in keyof RkMealSlot & keyof RkMealSlotAttributes as `attr:${K}`]?: RkMealSlotAttributes[K] } & { [K in keyof RkMealSlot & keyof RkMealSlotAttributes as `prop:${K}`]?: RkMealSlot[K] } & OneOf<"day", RkMealSlot["day"], RkMealSlotAttributes["day"]> & OneOf<"mealType", RkMealSlot["mealType"], RkMealSlotAttributes["mealType"]>;
+        "rk-modal": Omit<RkModal, keyof RkModalAttributes> & { [K in keyof RkModal & keyof RkModalAttributes]?: RkModal[K] } & { [K in keyof RkModal & keyof RkModalAttributes as `attr:${K}`]?: RkModalAttributes[K] } & { [K in keyof RkModal & keyof RkModalAttributes as `prop:${K}`]?: RkModal[K] };
+        "rk-rating": Omit<RkRating, keyof RkRatingAttributes> & { [K in keyof RkRating & keyof RkRatingAttributes]?: RkRating[K] } & { [K in keyof RkRating & keyof RkRatingAttributes as `attr:${K}`]?: RkRatingAttributes[K] } & { [K in keyof RkRating & keyof RkRatingAttributes as `prop:${K}`]?: RkRating[K] };
+        "rk-recipe-card": Omit<RkRecipeCard, keyof RkRecipeCardAttributes> & { [K in keyof RkRecipeCard & keyof RkRecipeCardAttributes]?: RkRecipeCard[K] } & { [K in keyof RkRecipeCard & keyof RkRecipeCardAttributes as `attr:${K}`]?: RkRecipeCardAttributes[K] } & { [K in keyof RkRecipeCard & keyof RkRecipeCardAttributes as `prop:${K}`]?: RkRecipeCard[K] } & OneOf<"recipeId", RkRecipeCard["recipeId"], RkRecipeCardAttributes["recipeId"]>;
+        "rk-search-bar": Omit<RkSearchBar, keyof RkSearchBarAttributes> & { [K in keyof RkSearchBar & keyof RkSearchBarAttributes]?: RkSearchBar[K] } & { [K in keyof RkSearchBar & keyof RkSearchBarAttributes as `attr:${K}`]?: RkSearchBarAttributes[K] } & { [K in keyof RkSearchBar & keyof RkSearchBarAttributes as `prop:${K}`]?: RkSearchBar[K] };
+        "rk-segmented-control": Omit<RkSegmentedControl, keyof RkSegmentedControlAttributes> & { [K in keyof RkSegmentedControl & keyof RkSegmentedControlAttributes]?: RkSegmentedControl[K] } & { [K in keyof RkSegmentedControl & keyof RkSegmentedControlAttributes as `attr:${K}`]?: RkSegmentedControlAttributes[K] } & { [K in keyof RkSegmentedControl & keyof RkSegmentedControlAttributes as `prop:${K}`]?: RkSegmentedControl[K] };
+        "rk-tag-input": Omit<RkTagInput, keyof RkTagInputAttributes> & { [K in keyof RkTagInput & keyof RkTagInputAttributes]?: RkTagInput[K] } & { [K in keyof RkTagInput & keyof RkTagInputAttributes as `attr:${K}`]?: RkTagInputAttributes[K] } & { [K in keyof RkTagInput & keyof RkTagInputAttributes as `prop:${K}`]?: RkTagInput[K] };
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * A small, non-interactive label. Purely slot-driven so hosts can put icons,
+             * text or counts inside it.
+             */
+            "rk-badge": LocalJSX.IntrinsicElements["rk-badge"] & JSXBase.HTMLAttributes<HTMLRkBadgeElement>;
+            /**
+             * A selectable / dismissible filter chip.
+             */
+            "rk-chip": LocalJSX.IntrinsicElements["rk-chip"] & JSXBase.HTMLAttributes<HTMLRkChipElement>;
+            /**
+             * Placeholder shown when a list has no items, a search returns nothing, or a
+             * request fails.
+             */
+            "rk-empty-state": LocalJSX.IntrinsicElements["rk-empty-state"] & JSXBase.HTMLAttributes<HTMLRkEmptyStateElement>;
+            /**
+             * One cell of the weekly planner grid: either an empty "add" target or a filled
+             * slot showing the planned recipe. Doubles as a drop zone for drag-and-drop
+             * planning.
+             */
+            "rk-meal-slot": LocalJSX.IntrinsicElements["rk-meal-slot"] & JSXBase.HTMLAttributes<HTMLRkMealSlotElement>;
+            /**
+             * An accessible dialog with a backdrop, Escape handling and focus restoration.
+             * The component is presentational: it emits `rkModalClose` and lets the host
+             * application own the `open` state.
+             */
+            "rk-modal": LocalJSX.IntrinsicElements["rk-modal"] & JSXBase.HTMLAttributes<HTMLRkModalElement>;
+            /**
+             * A star rating that works as a read-only display or an interactive input.
+             */
+            "rk-rating": LocalJSX.IntrinsicElements["rk-rating"] & JSXBase.HTMLAttributes<HTMLRkRatingElement>;
+            /**
+             * The primary recipe tile used across discovery, favorites and search results.
+             * All data arrives as individual primitive properties rather than one object
+             * prop, so the component works with plain HTML attributes in any framework.
+             */
+            "rk-recipe-card": LocalJSX.IntrinsicElements["rk-recipe-card"] & JSXBase.HTMLAttributes<HTMLRkRecipeCardElement>;
+            /**
+             * A debounced search input with a clear affordance and a slot for extra controls.
+             */
+            "rk-search-bar": LocalJSX.IntrinsicElements["rk-search-bar"] & JSXBase.HTMLAttributes<HTMLRkSearchBarElement>;
+            /**
+             * A single-select segmented control, used for sorting and view switching.
+             * `options` is a complex property. Frameworks should assign it as a DOM
+             * property; for plain HTML it also accepts a JSON string attribute.
+             */
+            "rk-segmented-control": LocalJSX.IntrinsicElements["rk-segmented-control"] & JSXBase.HTMLAttributes<HTMLRkSegmentedControlElement>;
+            /**
+             * A tag / token editor used for recipe tags and free-form ingredient lists.
+             * `values` is an array property — the SvelteKit app assigns it as a DOM
+             * property. A JSON-encoded or comma-separated string attribute also works.
+             */
+            "rk-tag-input": LocalJSX.IntrinsicElements["rk-tag-input"] & JSXBase.HTMLAttributes<HTMLRkTagInputElement>;
+        }
+    }
+}