@ssingh465/recipe-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Shubhanshu Singh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/index.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source.
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. Ensuring that the component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define)
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;

package/dist/components/index.js

@@ -0,0 +1 @@
+import{transformTag as e}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{SpikePanel as t}from"./spike-panel.js";const s=s=>{"undefined"!=typeof customElements&&[t].forEach((t=>{customElements.get(e(t.is))||customElements.define(e(t.is),t,s)}))};export{s as defineCustomElements}

package/dist/components/spike-panel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpikePanel extends Components.SpikePanel, HTMLElement {}
+export const SpikePanel: {
+    prototype: SpikePanel;
+    new (): SpikePanel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spike-panel.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as a,transformTag as n}from"@stencil/core/internal/client";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spikeaction=s(this,"spikeaction",7)}note;spikeaction;handleClick=()=>{this.spikeaction.emit(this.note??{from:"spike-panel",message:"no note received"})};render(){return i(a,{key:"221dd6681d3ec4376f20d01ba93dc4c07f415ae8"},i("p",{key:"71640f42c20370557f006e79b4f319836cf9ad86"},this.note?`From ${this.note.from}: ${this.note.message}`:"Waiting for an object property..."),i("button",{key:"4d6ae7f247fc84a79072bd305a35b8ad3d28d2ed",type:"button",onClick:this.handleClick},"Emit spikeaction"),i("div",{key:"b7b0c0f4e67a52aef9ff944ec7dbabaa37155aa4",class:"slot-wrap"},i("slot",{key:"968e5f3f190e29a59c315f4b01acb8b722abfb6a"})))}static get style(){return":host{display:block;border:1px solid #ccc;border-radius:8px;padding:1rem;font-family:system-ui, sans-serif}button{cursor:pointer}.slot-wrap{margin-top:0.75rem}"}},[769,"spike-panel",{note:[16]}]),c=o,r=function(){"undefined"!=typeof customElements&&["spike-panel"].forEach((e=>{"spike-panel"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{c as SpikePanel,r as defineCustomElement}

package/dist/types/components/spike-panel/spike-panel.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/spike-panel/spike-panel.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface SpikeNote {
+    from: string;
+    message: string;
+}
+/**
+ * Phase 0 integration spike only. Proves the Stencil <-> SvelteKit seam
+ * (object property, custom event, slot) end to end. Not part of the
+ * production component set built in Phase 3.
+ */
+export declare class SpikePanel {
+    /** Arrives as an object property once the element has upgraded (D-05). */
+    note?: SpikeNote;
+    /** Lowercase per D-12, so it binds as a plain Svelte `on*` attribute. */
+    spikeaction: EventEmitter<SpikeNote>;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,86 @@
+/* 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-public-runtime";
+import { SpikeNote } from "./components/spike-panel/spike-panel";
+export { SpikeNote } from "./components/spike-panel/spike-panel";
+export namespace Components {
+    /**
+     * Phase 0 integration spike only. Proves the Stencil <-> SvelteKit seam
+     * (object property, custom event, slot) end to end. Not part of the
+     * production component set built in Phase 3.
+     */
+    interface SpikePanel {
+        /**
+          * Arrives as an object property once the element has upgraded (D-05).
+         */
+        "note"?: SpikeNote;
+    }
+}
+export interface SpikePanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSpikePanelElement;
+}
+declare global {
+    interface HTMLSpikePanelElementEventMap {
+        "spikeaction": SpikeNote;
+    }
+    /**
+     * Phase 0 integration spike only. Proves the Stencil <-> SvelteKit seam
+     * (object property, custom event, slot) end to end. Not part of the
+     * production component set built in Phase 3.
+     */
+    interface HTMLSpikePanelElement extends Components.SpikePanel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSpikePanelElementEventMap>(type: K, listener: (this: HTMLSpikePanelElement, ev: SpikePanelCustomEvent<HTMLSpikePanelElementEventMap[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 HTMLSpikePanelElementEventMap>(type: K, listener: (this: HTMLSpikePanelElement, ev: SpikePanelCustomEvent<HTMLSpikePanelElementEventMap[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 HTMLSpikePanelElement: {
+        prototype: HTMLSpikePanelElement;
+        new (): HTMLSpikePanelElement;
+    };
+    interface HTMLElementTagNameMap {
+        "spike-panel": HTMLSpikePanelElement;
+    }
+}
+declare namespace LocalJSX {
+    /**
+     * Phase 0 integration spike only. Proves the Stencil <-> SvelteKit seam
+     * (object property, custom event, slot) end to end. Not part of the
+     * production component set built in Phase 3.
+     */
+    interface SpikePanel {
+        /**
+          * Arrives as an object property once the element has upgraded (D-05).
+         */
+        "note"?: SpikeNote;
+        /**
+          * Lowercase per D-12, so it binds as a plain Svelte `on*` attribute.
+         */
+        "onSpikeaction"?: (event: SpikePanelCustomEvent<SpikeNote>) => void;
+    }
+    interface IntrinsicElements {
+        "spike-panel": SpikePanel;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * Phase 0 integration spike only. Proves the Stencil <-> SvelteKit seam
+             * (object property, custom event, slot) end to end. Not part of the
+             * production component set built in Phase 3.
+             */
+            "spike-panel": LocalJSX.IntrinsicElements["spike-panel"] & JSXBase.HTMLAttributes<HTMLSpikePanelElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export type * from './components.d.ts';