@feedlog-ai/webcomponents 0.0.22 → 0.0.24

package/dist/types/components.d.ts

@@ -52,11 +52,30 @@ export namespace Components {
     interface FeedlogCard {
     }
     /**
-     * Feedlog GitHub Issues Component
-     * Component for displaying GitHub issues with support for bugs and enhancements.
+     * Feedlog Issue Component
+     * A component for displaying a single GitHub issue.
+     */
+    interface FeedlogIssue {
+        /**
+          * The issue to display
+         */
+        "issue": FeedlogIssueType;
+        /**
+          * Optional URL for the GitHub issue. When provided along with githubIssueLink, shows a "View on GitHub" button. Required because owner is no longer in the API response.
+         */
+        "issueUrl"?: string | null;
+        /**
+          * Theme variant: 'light' or 'dark'
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
+    }
+    /**
+     * Feedlog Issues Component
+     * Component for displaying issues with support for bugs and enhancements.
      * Includes full list rendering, loading/error states, and pagination support.
      */
-    interface FeedlogGithubIssues {
+    interface FeedlogIssues {
         /**
           * Empty state message. Defaults to "Check back later for new updates.".
          */
@@ -71,7 +90,7 @@ export namespace Components {
          */
         "error": string | null;
         /**
-          * Optional callback to resolve GitHub issue URL when githubIssueLink is not available. Required because repository.owner was removed from the API for privacy.
+          * Optional callback to resolve issue URL when githubIssueLink is not available. Required because repository.owner was removed from the API for privacy.
          */
         "getIssueUrl"?: GetIssueUrlFn;
         /**
@@ -114,11 +133,11 @@ export namespace Components {
         "theme": 'light' | 'dark';
     }
     /**
-     * Feedlog GitHub Issues Client Component
-     * A component for displaying GitHub issues fetched using the Feedlog SDK.
-     * This component uses the SDK internally to fetch data and delegates to feedlog-github-issues for rendering.
+     * Feedlog Issues Client Component
+     * A component for displaying issues fetched using the Feedlog SDK.
+     * This component uses the SDK internally to fetch data and delegates to feedlog-issues for rendering.
      */
-    interface FeedlogGithubIssuesClient {
+    interface FeedlogIssuesClient {
         /**
           * API key for Feedlog authentication (required) The API key determines which repositories' issues are fetched
          */
@@ -136,7 +155,7 @@ export namespace Components {
          */
         "endpoint"?: string;
         /**
-          * Optional callback to resolve GitHub issue URL when githubIssueLink is not available. Required because repository.owner was removed from the API for privacy.
+          * Optional callback to resolve issue URL when githubIssueLink is not available. Required because repository.owner was removed from the API for privacy.
          */
         "getIssueUrl"?: GetIssueUrlFn;
         /**
@@ -171,29 +190,18 @@ export namespace Components {
         "type"?: 'bug' | 'enhancement';
     }
     /**
-     * Feedlog Issue Component
-     * A component for displaying a single GitHub issue.
+     * Feedlog Issues List Component
+     * A component for displaying a list of GitHub issues with support for bugs and enhancements.
      */
-    interface FeedlogIssue {
-        /**
-          * The issue to display
-         */
-        "issue": FeedlogIssueType;
+    interface FeedlogIssuesList {
         /**
-          * Optional URL for the GitHub issue. When provided along with githubIssueLink, shows a "View on GitHub" button. Required because owner is no longer in the API response.
+          * Empty state message. When provided with emptyStateTitle, shows a richer empty state with illustration.
          */
-        "issueUrl"?: string | null;
+        "emptyStateMessage"?: string;
         /**
-          * Theme variant: 'light' or 'dark'
-          * @default 'light'
+          * Empty state title. When provided with emptyStateMessage, shows a richer empty state with illustration.
          */
-        "theme": 'light' | 'dark';
-    }
-    /**
-     * Feedlog Issues List Component
-     * A component for displaying a list of GitHub issues with support for bugs and enhancements.
-     */
-    interface FeedlogIssuesList {
+        "emptyStateTitle"?: string;
         /**
           * Optional callback to resolve GitHub issue URL when githubIssueLink is not available.
          */
@@ -214,17 +222,17 @@ export interface FeedlogButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFeedlogButtonElement;
 }
-export interface FeedlogGithubIssuesCustomEvent<T> extends CustomEvent<T> {
+export interface FeedlogIssueCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLFeedlogGithubIssuesElement;
+    target: HTMLFeedlogIssueElement;
 }
-export interface FeedlogGithubIssuesClientCustomEvent<T> extends CustomEvent<T> {
+export interface FeedlogIssuesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLFeedlogGithubIssuesClientElement;
+    target: HTMLFeedlogIssuesElement;
 }
-export interface FeedlogIssueCustomEvent<T> extends CustomEvent<T> {
+export interface FeedlogIssuesClientCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLFeedlogIssueElement;
+    target: HTMLFeedlogIssuesClientElement;
 }
 export interface FeedlogIssuesListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -272,80 +280,80 @@ declare global {
         prototype: HTMLFeedlogCardElement;
         new (): HTMLFeedlogCardElement;
     };
-    interface HTMLFeedlogGithubIssuesElementEventMap {
+    interface HTMLFeedlogIssueElementEventMap {
         "feedlogUpvote": {
     issueId: string;
     currentUpvoted: boolean;
     currentCount: number;
   };
-        "feedlogLoadMore": void;
     }
     /**
-     * Feedlog GitHub Issues Component
-     * Component for displaying GitHub issues with support for bugs and enhancements.
-     * Includes full list rendering, loading/error states, and pagination support.
+     * Feedlog Issue Component
+     * A component for displaying a single GitHub issue.
      */
-    interface HTMLFeedlogGithubIssuesElement extends Components.FeedlogGithubIssues, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLFeedlogGithubIssuesElementEventMap>(type: K, listener: (this: HTMLFeedlogGithubIssuesElement, ev: FeedlogGithubIssuesCustomEvent<HTMLFeedlogGithubIssuesElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLFeedlogIssueElement extends Components.FeedlogIssue, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFeedlogIssueElementEventMap>(type: K, listener: (this: HTMLFeedlogIssueElement, ev: FeedlogIssueCustomEvent<HTMLFeedlogIssueElementEventMap[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 HTMLFeedlogGithubIssuesElementEventMap>(type: K, listener: (this: HTMLFeedlogGithubIssuesElement, ev: FeedlogGithubIssuesCustomEvent<HTMLFeedlogGithubIssuesElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFeedlogIssueElementEventMap>(type: K, listener: (this: HTMLFeedlogIssueElement, ev: FeedlogIssueCustomEvent<HTMLFeedlogIssueElementEventMap[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 HTMLFeedlogGithubIssuesElement: {
-        prototype: HTMLFeedlogGithubIssuesElement;
-        new (): HTMLFeedlogGithubIssuesElement;
+    var HTMLFeedlogIssueElement: {
+        prototype: HTMLFeedlogIssueElement;
+        new (): HTMLFeedlogIssueElement;
     };
-    interface HTMLFeedlogGithubIssuesClientElementEventMap {
-        "feedlogUpvote": { issueId: string; upvoted: boolean; upvoteCount: number };
-        "feedlogError": { error: string; code?: number };
+    interface HTMLFeedlogIssuesElementEventMap {
+        "feedlogUpvote": {
+    issueId: string;
+    currentUpvoted: boolean;
+    currentCount: number;
+  };
+        "feedlogLoadMore": void;
     }
     /**
-     * Feedlog GitHub Issues Client Component
-     * A component for displaying GitHub issues fetched using the Feedlog SDK.
-     * This component uses the SDK internally to fetch data and delegates to feedlog-github-issues for rendering.
+     * Feedlog Issues Component
+     * Component for displaying issues with support for bugs and enhancements.
+     * Includes full list rendering, loading/error states, and pagination support.
      */
-    interface HTMLFeedlogGithubIssuesClientElement extends Components.FeedlogGithubIssuesClient, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLFeedlogGithubIssuesClientElementEventMap>(type: K, listener: (this: HTMLFeedlogGithubIssuesClientElement, ev: FeedlogGithubIssuesClientCustomEvent<HTMLFeedlogGithubIssuesClientElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLFeedlogIssuesElement extends Components.FeedlogIssues, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFeedlogIssuesElementEventMap>(type: K, listener: (this: HTMLFeedlogIssuesElement, ev: FeedlogIssuesCustomEvent<HTMLFeedlogIssuesElementEventMap[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 HTMLFeedlogGithubIssuesClientElementEventMap>(type: K, listener: (this: HTMLFeedlogGithubIssuesClientElement, ev: FeedlogGithubIssuesClientCustomEvent<HTMLFeedlogGithubIssuesClientElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFeedlogIssuesElementEventMap>(type: K, listener: (this: HTMLFeedlogIssuesElement, ev: FeedlogIssuesCustomEvent<HTMLFeedlogIssuesElementEventMap[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 HTMLFeedlogGithubIssuesClientElement: {
-        prototype: HTMLFeedlogGithubIssuesClientElement;
-        new (): HTMLFeedlogGithubIssuesClientElement;
+    var HTMLFeedlogIssuesElement: {
+        prototype: HTMLFeedlogIssuesElement;
+        new (): HTMLFeedlogIssuesElement;
     };
-    interface HTMLFeedlogIssueElementEventMap {
-        "feedlogUpvote": {
-    issueId: string;
-    currentUpvoted: boolean;
-    currentCount: number;
-  };
+    interface HTMLFeedlogIssuesClientElementEventMap {
+        "feedlogUpvote": { issueId: string; upvoted: boolean; upvoteCount: number };
+        "feedlogError": { error: string; code?: number };
     }
     /**
-     * Feedlog Issue Component
-     * A component for displaying a single GitHub issue.
+     * Feedlog Issues Client Component
+     * A component for displaying issues fetched using the Feedlog SDK.
+     * This component uses the SDK internally to fetch data and delegates to feedlog-issues for rendering.
      */
-    interface HTMLFeedlogIssueElement extends Components.FeedlogIssue, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLFeedlogIssueElementEventMap>(type: K, listener: (this: HTMLFeedlogIssueElement, ev: FeedlogIssueCustomEvent<HTMLFeedlogIssueElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLFeedlogIssuesClientElement extends Components.FeedlogIssuesClient, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFeedlogIssuesClientElementEventMap>(type: K, listener: (this: HTMLFeedlogIssuesClientElement, ev: FeedlogIssuesClientCustomEvent<HTMLFeedlogIssuesClientElementEventMap[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 HTMLFeedlogIssueElementEventMap>(type: K, listener: (this: HTMLFeedlogIssueElement, ev: FeedlogIssueCustomEvent<HTMLFeedlogIssueElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFeedlogIssuesClientElementEventMap>(type: K, listener: (this: HTMLFeedlogIssuesClientElement, ev: FeedlogIssuesClientCustomEvent<HTMLFeedlogIssuesClientElementEventMap[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 HTMLFeedlogIssueElement: {
-        prototype: HTMLFeedlogIssueElement;
-        new (): HTMLFeedlogIssueElement;
+    var HTMLFeedlogIssuesClientElement: {
+        prototype: HTMLFeedlogIssuesClientElement;
+        new (): HTMLFeedlogIssuesClientElement;
     };
     interface HTMLFeedlogIssuesListElementEventMap {
         "feedlogUpvote": {
@@ -376,9 +384,9 @@ declare global {
         "feedlog-badge": HTMLFeedlogBadgeElement;
         "feedlog-button": HTMLFeedlogButtonElement;
         "feedlog-card": HTMLFeedlogCardElement;
-        "feedlog-github-issues": HTMLFeedlogGithubIssuesElement;
-        "feedlog-github-issues-client": HTMLFeedlogGithubIssuesClientElement;
         "feedlog-issue": HTMLFeedlogIssueElement;
+        "feedlog-issues": HTMLFeedlogIssuesElement;
+        "feedlog-issues-client": HTMLFeedlogIssuesClientElement;
         "feedlog-issues-list": HTMLFeedlogIssuesListElement;
     }
 }
@@ -431,11 +439,38 @@ declare namespace LocalJSX {
     interface FeedlogCard {
     }
     /**
-     * Feedlog GitHub Issues Component
-     * Component for displaying GitHub issues with support for bugs and enhancements.
+     * Feedlog Issue Component
+     * A component for displaying a single GitHub issue.
+     */
+    interface FeedlogIssue {
+        /**
+          * The issue to display
+         */
+        "issue": FeedlogIssueType;
+        /**
+          * Optional URL for the GitHub issue. When provided along with githubIssueLink, shows a "View on GitHub" button. Required because owner is no longer in the API response.
+         */
+        "issueUrl"?: string | null;
+        /**
+          * Event emitted when the issue is upvoted
+         */
+        "onFeedlogUpvote"?: (event: FeedlogIssueCustomEvent<{
+    issueId: string;
+    currentUpvoted: boolean;
+    currentCount: number;
+  }>) => void;
+        /**
+          * Theme variant: 'light' or 'dark'
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
+    }
+    /**
+     * Feedlog Issues Component
+     * Component for displaying issues with support for bugs and enhancements.
      * Includes full list rendering, loading/error states, and pagination support.
      */
-    interface FeedlogGithubIssues {
+    interface FeedlogIssues {
         /**
           * Empty state message. Defaults to "Check back later for new updates.".
          */
@@ -450,7 +485,7 @@ declare namespace LocalJSX {
          */
         "error"?: string | null;
         /**
-          * Optional callback to resolve GitHub issue URL when githubIssueLink is not available. Required because repository.owner was removed from the API for privacy.
+          * Optional callback to resolve issue URL when githubIssueLink is not available. Required because repository.owner was removed from the API for privacy.
          */
         "getIssueUrl"?: GetIssueUrlFn;
         /**
@@ -485,11 +520,11 @@ declare namespace LocalJSX {
         /**
           * Event emitted to load more issues
          */
-        "onFeedlogLoadMore"?: (event: FeedlogGithubIssuesCustomEvent<void>) => void;
+        "onFeedlogLoadMore"?: (event: FeedlogIssuesCustomEvent<void>) => void;
         /**
           * Event emitted when an issue is upvoted
          */
-        "onFeedlogUpvote"?: (event: FeedlogGithubIssuesCustomEvent<{
+        "onFeedlogUpvote"?: (event: FeedlogIssuesCustomEvent<{
     issueId: string;
     currentUpvoted: boolean;
     currentCount: number;
@@ -505,11 +540,11 @@ declare namespace LocalJSX {
         "theme"?: 'light' | 'dark';
     }
     /**
-     * Feedlog GitHub Issues Client Component
-     * A component for displaying GitHub issues fetched using the Feedlog SDK.
-     * This component uses the SDK internally to fetch data and delegates to feedlog-github-issues for rendering.
+     * Feedlog Issues Client Component
+     * A component for displaying issues fetched using the Feedlog SDK.
+     * This component uses the SDK internally to fetch data and delegates to feedlog-issues for rendering.
      */
-    interface FeedlogGithubIssuesClient {
+    interface FeedlogIssuesClient {
         /**
           * API key for Feedlog authentication (required) The API key determines which repositories' issues are fetched
          */
@@ -527,7 +562,7 @@ declare namespace LocalJSX {
          */
         "endpoint"?: string;
         /**
-          * Optional callback to resolve GitHub issue URL when githubIssueLink is not available. Required because repository.owner was removed from the API for privacy.
+          * Optional callback to resolve issue URL when githubIssueLink is not available. Required because repository.owner was removed from the API for privacy.
          */
         "getIssueUrl"?: GetIssueUrlFn;
         /**
@@ -546,11 +581,11 @@ declare namespace LocalJSX {
         /**
           * Event emitted on error
          */
-        "onFeedlogError"?: (event: FeedlogGithubIssuesClientCustomEvent<{ error: string; code?: number }>) => void;
+        "onFeedlogError"?: (event: FeedlogIssuesClientCustomEvent<{ error: string; code?: number }>) => void;
         /**
           * Event emitted when an issue is upvoted
          */
-        "onFeedlogUpvote"?: (event: FeedlogGithubIssuesClientCustomEvent<{ issueId: string; upvoted: boolean; upvoteCount: number }>) => void;
+        "onFeedlogUpvote"?: (event: FeedlogIssuesClientCustomEvent<{ issueId: string; upvoted: boolean; upvoteCount: number }>) => void;
         /**
           * Sort issues by field: 'createdAt' or 'updatedAt'
          */
@@ -570,37 +605,18 @@ declare namespace LocalJSX {
         "type"?: 'bug' | 'enhancement';
     }
     /**
-     * Feedlog Issue Component
-     * A component for displaying a single GitHub issue.
+     * Feedlog Issues List Component
+     * A component for displaying a list of GitHub issues with support for bugs and enhancements.
      */
-    interface FeedlogIssue {
-        /**
-          * The issue to display
-         */
-        "issue": FeedlogIssueType;
+    interface FeedlogIssuesList {
         /**
-          * Optional URL for the GitHub issue. When provided along with githubIssueLink, shows a "View on GitHub" button. Required because owner is no longer in the API response.
+          * Empty state message. When provided with emptyStateTitle, shows a richer empty state with illustration.
          */
-        "issueUrl"?: string | null;
+        "emptyStateMessage"?: string;
         /**
-          * Event emitted when the issue is upvoted
+          * Empty state title. When provided with emptyStateMessage, shows a richer empty state with illustration.
          */
-        "onFeedlogUpvote"?: (event: FeedlogIssueCustomEvent<{
-    issueId: string;
-    currentUpvoted: boolean;
-    currentCount: number;
-  }>) => void;
-        /**
-          * Theme variant: 'light' or 'dark'
-          * @default 'light'
-         */
-        "theme"?: 'light' | 'dark';
-    }
-    /**
-     * Feedlog Issues List Component
-     * A component for displaying a list of GitHub issues with support for bugs and enhancements.
-     */
-    interface FeedlogIssuesList {
+        "emptyStateTitle"?: string;
         /**
           * Optional callback to resolve GitHub issue URL when githubIssueLink is not available.
          */
@@ -628,9 +644,9 @@ declare namespace LocalJSX {
         "feedlog-badge": FeedlogBadge;
         "feedlog-button": FeedlogButton;
         "feedlog-card": FeedlogCard;
-        "feedlog-github-issues": FeedlogGithubIssues;
-        "feedlog-github-issues-client": FeedlogGithubIssuesClient;
         "feedlog-issue": FeedlogIssue;
+        "feedlog-issues": FeedlogIssues;
+        "feedlog-issues-client": FeedlogIssuesClient;
         "feedlog-issues-list": FeedlogIssuesList;
     }
 }
@@ -654,22 +670,22 @@ declare module "@stencil/core" {
              */
             "feedlog-card": LocalJSX.FeedlogCard & JSXBase.HTMLAttributes<HTMLFeedlogCardElement>;
             /**
-             * Feedlog GitHub Issues Component
-             * Component for displaying GitHub issues with support for bugs and enhancements.
-             * Includes full list rendering, loading/error states, and pagination support.
+             * Feedlog Issue Component
+             * A component for displaying a single GitHub issue.
              */
-            "feedlog-github-issues": LocalJSX.FeedlogGithubIssues & JSXBase.HTMLAttributes<HTMLFeedlogGithubIssuesElement>;
+            "feedlog-issue": LocalJSX.FeedlogIssue & JSXBase.HTMLAttributes<HTMLFeedlogIssueElement>;
             /**
-             * Feedlog GitHub Issues Client Component
-             * A component for displaying GitHub issues fetched using the Feedlog SDK.
-             * This component uses the SDK internally to fetch data and delegates to feedlog-github-issues for rendering.
+             * Feedlog Issues Component
+             * Component for displaying issues with support for bugs and enhancements.
+             * Includes full list rendering, loading/error states, and pagination support.
              */
-            "feedlog-github-issues-client": LocalJSX.FeedlogGithubIssuesClient & JSXBase.HTMLAttributes<HTMLFeedlogGithubIssuesClientElement>;
+            "feedlog-issues": LocalJSX.FeedlogIssues & JSXBase.HTMLAttributes<HTMLFeedlogIssuesElement>;
             /**
-             * Feedlog Issue Component
-             * A component for displaying a single GitHub issue.
+             * Feedlog Issues Client Component
+             * A component for displaying issues fetched using the Feedlog SDK.
+             * This component uses the SDK internally to fetch data and delegates to feedlog-issues for rendering.
              */
-            "feedlog-issue": LocalJSX.FeedlogIssue & JSXBase.HTMLAttributes<HTMLFeedlogIssueElement>;
+            "feedlog-issues-client": LocalJSX.FeedlogIssuesClient & JSXBase.HTMLAttributes<HTMLFeedlogIssuesClientElement>;
             /**
              * Feedlog Issues List Component
              * A component for displaying a list of GitHub issues with support for bugs and enhancements.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedlog-ai/webcomponents",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "Stencil web components for Feedlog Toolkit - Data visualization components",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
@@ -59,7 +59,7 @@
     "clean": "rm -rf dist loader"
   },
   "dependencies": {
-    "@feedlog-ai/core": "^0.0.22",
+    "@feedlog-ai/core": "^0.0.24",
     "dompurify": "^3.3.1",
     "marked": "^17.0.2"
   },

package/dist/cjs/feedlog-github-issues.cjs.entry.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var index = require('./index-DnsqTPII.js');
-
-const feedlogGithubIssuesCss = () => `:host{display:block;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--feedlog-background:#ffffff;--feedlog-foreground:oklch(0.145 0 0);--feedlog-card:#ffffff;--feedlog-card-foreground:oklch(0.145 0 0);--feedlog-muted:#ececf0;--feedlog-muted-foreground:#717182;--feedlog-border:rgba(0, 0, 0, 0.1);--feedlog-accent-color:#2563eb;--feedlog-destructive:#d4183d;--feedlog-blue-400:oklch(0.707 0.165 254.624);--feedlog-blue-600:oklch(0.546 0.245 262.881);--feedlog-blue-100:oklch(0.932 0.032 255.585);--feedlog-red-100:#fce7f3;--feedlog-red-400:#f472b6;--feedlog-red-600:#db2777;--feedlog-radius:0.625rem;--feedlog-gap:0.5rem;--feedlog-padding:2rem;--feedlog-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08);--feedlog-empty-illustration-bg:oklch(0.96 0.01 260);--feedlog-empty-illustration-stroke:oklch(0.75 0.02 260);--feedlog-empty-illustration-muted:oklch(0.82 0.01 260)}:host(.dark){--feedlog-background:oklch(0.18 0.01 260);--feedlog-foreground:oklch(0.985 0 0);--feedlog-card:oklch(0.24 0.01 260);--feedlog-card-foreground:oklch(0.985 0 0);--feedlog-muted:oklch(0.32 0.01 260);--feedlog-muted-foreground:oklch(0.72 0.02 260);--feedlog-border:oklch(0.34 0.01 260);--feedlog-accent-color:#3b82f6;--feedlog-destructive:oklch(0.396 0.141 25.723);--feedlog-blue-400:oklch(0.707 0.165 254.624);--feedlog-blue-600:oklch(0.546 0.245 262.881);--feedlog-blue-900-30:color-mix(in oklab, oklch(0.379 0.146 265.522) 30%, transparent);--feedlog-red-900-30:color-mix(in oklab, oklch(0.396 0.141 25.723) 30%, transparent);--feedlog-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);--feedlog-empty-illustration-bg:oklch(0.28 0.02 260);--feedlog-empty-illustration-stroke:oklch(0.45 0.02 260);--feedlog-empty-illustration-muted:oklch(0.38 0.02 260)}.github-issues-container{min-height:100vh;background-color:var(--feedlog-background);padding:var(--feedlog-padding);margin:0 auto}.issues-header{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.header-content{flex:1}.issues-title{color:var(--feedlog-foreground);margin:0 0 0.25rem 0;font-size:1.5rem;font-weight:500;line-height:1.5}.issues-subtitle{color:var(--feedlog-muted-foreground);font-size:0.875rem;margin:0}.loading-state{padding:0}.loading-skeletons{display:flex;flex-direction:column;gap:var(--feedlog-gap)}.skeleton-card{background-color:var(--feedlog-card);border:1px solid var(--feedlog-border);border-radius:var(--feedlog-radius);box-shadow:var(--feedlog-shadow);position:relative;overflow:hidden}.skeleton-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--feedlog-muted)}.skeleton-content{padding:1.25rem;padding-left:calc(1.25rem + 3px);display:flex;flex-direction:column;gap:0.875rem}.skeleton-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.skeleton-badge{width:4.5rem;height:1.25rem;border-radius:0.375rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-timestamp{width:3rem;height:0.75rem;border-radius:0.25rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.2s}.skeleton-main{display:flex;flex-direction:column;gap:0.5rem}.skeleton-title{height:0.9375rem;border-radius:0.25rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.1s;width:85%}.skeleton-body{display:flex;flex-direction:column;gap:0.375rem}.skeleton-line{height:0.8125rem;border-radius:0.25rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.15s;width:100%}.skeleton-line.short{width:70%}.skeleton-repo{width:6rem;height:0.75rem;border-radius:0.25rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.25s}.skeleton-footer{display:flex;justify-content:flex-end}.skeleton-upvote{width:2.5rem;height:2rem;border-radius:0.5rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.3s}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.error-state{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;min-height:12rem}.error-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:20rem;padding:2rem}.error-icon{color:var(--feedlog-muted-foreground);opacity:0.8;margin-bottom:1rem}.error-state-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--feedlog-foreground);line-height:1.4}.error-state-message{margin:0 0 1.25rem 0;font-size:0.875rem;color:var(--feedlog-muted-foreground);line-height:1.5}.issues-list{display:flex;flex-direction:column;gap:var(--feedlog-gap)}.empty-state{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;min-height:16rem}.empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:20rem}.empty-state-illustration{margin-bottom:1.5rem;opacity:0.9}.empty-state-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--feedlog-foreground);line-height:1.4}.empty-state-message{margin:0;font-size:0.875rem;color:var(--feedlog-muted-foreground);line-height:1.5}.load-more-container{display:flex;justify-content:center;padding:2rem 0;gap:1rem}`;
-
-const FeedlogGithubIssues = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.feedlogUpvote = index.createEvent(this, "feedlogUpvote");
-        this.feedlogLoadMore = index.createEvent(this, "feedlogLoadMore");
-        /**
-         * Array of issues to display
-         */
-        this.issues = [];
-        /**
-         * Maximum width of the container
-         */
-        this.maxWidth = '42rem';
-        /**
-         * Theme variant: 'light' or 'dark'
-         */
-        this.theme = 'light';
-        /**
-         * Loading state - shows loading indicator when true
-         */
-        this.loading = false;
-        /**
-         * Error message - shows error state when set
-         */
-        this.error = null;
-        /**
-         * Whether there are more issues to load
-         */
-        this.hasMore = false;
-        /**
-         * Whether more issues are currently loading
-         */
-        this.isLoadingMore = false;
-        /**
-         * Internal state for theme
-         */
-        this.currentTheme = 'light';
-        this.handleUpvote = (event) => {
-            event.stopPropagation();
-            this.feedlogUpvote.emit(event.detail);
-        };
-        this.handleLoadMore = () => {
-            this.feedlogLoadMore.emit();
-        };
-    }
-    componentWillLoad() {
-        this.currentTheme = this.theme;
-    }
-    renderEmptyStateIllustration() {
-        return (index.h("svg", { class: "empty-state-illustration", xmlns: "http://www.w3.org/2000/svg", width: "120", height: "96", viewBox: "0 0 120 96", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M20 36h80v44c0 4.4-3.6 8-8 8H28c-4.4 0-8-3.6-8-8V36z", fill: "var(--feedlog-empty-illustration-bg)", stroke: "var(--feedlog-empty-illustration-stroke)", "stroke-width": "1.5", "stroke-linejoin": "round" }), index.h("path", { d: "M20 36l20-24h40l20 24", fill: "none", stroke: "var(--feedlog-empty-illustration-stroke)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M44 52h32M44 60h24M44 68h28", stroke: "var(--feedlog-empty-illustration-muted)", "stroke-width": "1.25", "stroke-linecap": "round" })));
-    }
-    renderErrorIcon() {
-        return (index.h("svg", { class: "error-icon", xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("circle", { cx: "12", cy: "12", r: "10" }), index.h("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), index.h("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })));
-    }
-    renderIssuesList() {
-        var _a, _b;
-        return (index.h("div", { class: "issues-list" }, this.issues.length === 0 ? (index.h("div", { class: "empty-state" }, index.h("div", { class: "empty-state-content" }, this.renderEmptyStateIllustration(), index.h("h2", { class: "empty-state-title" }, (_a = this.emptyStateTitle) !== null && _a !== void 0 ? _a : 'No updates yet'), index.h("p", { class: "empty-state-message" }, (_b = this.emptyStateMessage) !== null && _b !== void 0 ? _b : 'Check back later for new updates.')))) : (this.issues.map(issue => {
-            var _a, _b;
-            return (index.h("feedlog-issue", { key: issue.id, issue: issue, issueUrl: (_b = (_a = this.getIssueUrl) === null || _a === void 0 ? void 0 : _a.call(this, issue)) !== null && _b !== void 0 ? _b : undefined, theme: this.currentTheme, onFeedlogUpvote: (e) => this.handleUpvote(e) }));
-        }))));
-    }
-    render() {
-        const containerStyle = {
-            maxWidth: this.maxWidth,
-        };
-        return (index.h(index.Host, { key: 'fbd1890061b47db8b850a8d993e2ac5432c4b3f6', class: this.currentTheme === 'dark' ? 'dark' : '' }, index.h("div", { key: '5ce9267da314ebb69ed8ee00f28015fdad73ab8a', class: "github-issues-container", style: containerStyle }, (this.heading || this.subtitle) && (index.h("header", { key: '461c707df1e5dc7eaab15462de975fafdce872df', class: "issues-header" }, index.h("div", { key: 'e6972c2f0cfe5630cc73fb41a2103c9b0118179c', class: "header-content" }, this.heading && index.h("h1", { key: 'd74e89c1ad981da6c4287e5b75256bfb831f1172', class: "issues-title" }, this.heading), this.subtitle && index.h("p", { key: 'c820d8e3beaa57c0c193ceaace1d13e94a2a6290', class: "issues-subtitle" }, this.subtitle)))), this.loading && (index.h("div", { key: '959be24cb77b257fba5197302448f78af553817e', class: "loading-state", role: "status", "aria-label": "Loading issues" }, index.h("div", { key: 'e69594f18e3268208634a3ad82cb2ae0bc552c11', class: "loading-skeletons" }, [1, 2, 3].map(i => (index.h("div", { key: i, class: "skeleton-card" }, index.h("div", { class: "skeleton-content" }, index.h("div", { class: "skeleton-header" }, index.h("div", { class: "skeleton-badge" }), index.h("div", { class: "skeleton-timestamp" })), index.h("div", { class: "skeleton-main" }, index.h("div", { class: "skeleton-title" }), index.h("div", { class: "skeleton-body" }, index.h("div", { class: "skeleton-line" }), index.h("div", { class: "skeleton-line short" })), index.h("div", { class: "skeleton-repo" })), index.h("div", { class: "skeleton-footer" }, index.h("div", { class: "skeleton-upvote" }))))))))), this.error && (index.h("div", { key: '93e82b0beca0b96c23803b1abfc3d50fe099fa6a', class: "error-state", role: "alert" }, index.h("div", { key: '9276d85925d02bd4c81d5ee44a5d6a8af986c4c9', class: "error-state-content" }, this.renderErrorIcon(), index.h("h2", { key: '6f5762740f908712a46cddeafae675294d3bcc40', class: "error-state-title" }, "Something went wrong"), index.h("p", { key: 'f1587bd9a2abe250aa730d64498a5105a412d657', class: "error-state-message" }, this.error)))), !this.loading && !this.error && (index.h("div", { key: '22c68553352358a9a408ea763af1e63c9c84eabd' }, this.renderIssuesList(), this.hasMore && (index.h("div", { key: '231ec6f4680b4b114ba72c657f9801d84951a6d6', class: "load-more-container" }, index.h("feedlog-button", { key: '18fa475708fe233f3f9d0ec85bf0f8daea9a4a0a', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
-    }
-};
-FeedlogGithubIssues.style = feedlogGithubIssuesCss();
-
-exports.feedlog_github_issues = FeedlogGithubIssues;

package/dist/cjs/feedlog-issues-list.cjs.entry.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var index = require('./index-DnsqTPII.js');
-
-const feedlogIssuesListCss = () => `:host{display:block;--feedlog-muted-foreground:#64748b}:host(.dark){--feedlog-muted-foreground:oklch(0.72 0.02 260)}.issues-list{display:flex;flex-direction:column;gap:0.5rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--feedlog-muted-foreground);font-size:0.875rem}`;
-
-const FeedlogIssuesList = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.feedlogUpvote = index.createEvent(this, "feedlogUpvote");
-        /**
-         * Array of issues to display
-         */
-        this.issues = [];
-        /**
-         * Theme variant: 'light' or 'dark'
-         */
-        this.theme = 'light';
-        this.handleUpvote = (event) => {
-            event.stopPropagation();
-            this.feedlogUpvote.emit(event.detail);
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: '005de8cf99383128f6973be57d84499c8ca9afd3', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: '60edc37014f6703b9400dc8bf06726c9a8428a3b', class: "issues-list" }, this.issues.length === 0 ? (index.h("div", { class: "empty-state" }, index.h("p", null, "No issues found"))) : (this.issues.map(issue => {
-            var _a, _b;
-            return (index.h("feedlog-issue", { key: issue.id, issue: issue, issueUrl: (_b = (_a = this.getIssueUrl) === null || _a === void 0 ? void 0 : _a.call(this, issue)) !== null && _b !== void 0 ? _b : undefined, theme: this.theme, onFeedlogUpvote: (e) => this.handleUpvote(e) }));
-        })))));
-    }
-};
-FeedlogIssuesList.style = feedlogIssuesListCss();
-
-exports.feedlog_issues_list = FeedlogIssuesList;

package/dist/components/feedlog-github-issues-client.d.ts

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