@basestack/flags-wc 0.0.4 → 0.0.6

package/dist/sdk/index.d.ts

@@ -1,3 +1,6 @@
+import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
+import "@stencil/core";
+
 //#region src/lib/feature-flags.d.ts
 type FeatureFlagState = Record<string, boolean>;
 interface FeatureFlag {
@@ -29,7 +32,489 @@ declare const readSelectionState: (storageKey?: string) => FeatureFlagState;
 declare const writeSelectionState: (state: FeatureFlagState, storageKey?: string) => void;
 declare const toggleFlagState: (flagSlug: string, enabled: boolean, storageKey?: string) => FeatureFlagState;
 //#endregion
+//#region src/components/feature-flag-feedback-modal/feature-flag-feedback-modal.d.ts
+type Mood = "VERY_SAD" | "VERY_HAPPY" | "HAPPY" | "NEUTRAL" | "SAD";
+interface FeedbackPayload {
+  flagKey: string;
+  mood: Mood;
+  rating: number;
+  description: string;
+}
+//#endregion
+//#region src/components.d.ts
+declare namespace Components {
+  interface FeatureFlagFeedbackModal {
+    /**
+      * Endpoint used to POST feedback. Defaults to the Basestack feedback API.
+      * @default DEFAULT_FEEDBACK_ENDPOINT
+     */
+    "apiEndpoint": string;
+    /**
+      * Label for the close controls.
+      * @default "Close"
+     */
+    "closeLabel": string;
+    /**
+      * Environment key header (x-environment-key).
+     */
+    "environmentKey"?: string;
+    /**
+      * Human-friendly name of the feature to display in the UI.
+     */
+    "featureName"?: string;
+    /**
+      * Label above the textarea input.
+      * @default "Share your feedback"
+     */
+    "feedbackLabel": string;
+    /**
+      * Placeholder text inside the textarea input.
+      * @default "Anything else you’d like to add?"
+     */
+    "feedbackPlaceholder": string;
+    /**
+      * The Basestack flag key this feedback is for.
+     */
+    "flagKey": string;
+    /**
+      * Dialog heading text.
+      * @default "Feedback"
+     */
+    "heading": string;
+    /**
+      * Label above the mood selector.
+      * @default "How are you feeling after using this feature?"
+     */
+    "moodPrompt": string;
+    /**
+      * Controls dialog visibility.
+      * @default false
+     */
+    "open": boolean;
+    /**
+      * @default "To keep your data safe, avoid sharing personal or sensitive details."
+     */
+    "privacyPolicyLabel": string;
+    /**
+      * @default "Learn more"
+     */
+    "privacyPolicyLinkLabel": string;
+    /**
+      * @default "https://basestack.co/legal/privacy"
+     */
+    "privacyPolicyUrl": string;
+    /**
+      * Project key header (x-project-key).
+     */
+    "projectKey"?: string;
+    /**
+      * Label above the rating selector.
+      * @default "How satisfied are you with this feature?"
+     */
+    "ratingPrompt": string;
+    /**
+      * Label for the submit button.
+      * @default "Submit feedback"
+     */
+    "submitLabel": string;
+    /**
+      * @default "light"
+     */
+    "theme": "light" | "dark";
+  }
+  interface FeatureFlagPreviewModal {
+    /**
+      * Endpoint used to fetch feature flags. If omitted, defaults to the Basestack preview API.
+      * @default DEFAULT_FLAGS_ENDPOINT
+     */
+    "apiEndpoint": string;
+    /**
+      * Label for the close button and overlay.
+      * @default "Close"
+     */
+    "closeLabel": string;
+    /**
+      * Label shown when no previews are available.
+      * @default "No feature flags available at the moment."
+     */
+    "emptyLabel": string;
+    /**
+      * Label for the primary enable button when a flag is disabled.
+      * @default "Enable"
+     */
+    "enableLabel": string;
+    /**
+      * Label for the primary enable button when a flag is enabled.
+      * @default "Disable"
+     */
+    "enabledLabel": string;
+    /**
+      * Environment key header (x-environment-key).
+     */
+    "environmentKey"?: string;
+    /**
+      * Label for the expiration badge.
+      * @default "Expires soon"
+     */
+    "expiresSoonLabel": string;
+    /**
+      * Dialog title.
+      * @default "Feature preview"
+     */
+    "heading": string;
+    /**
+      * Label for the documentation link.
+      * @default "Learn more"
+     */
+    "learnMoreLabel": string;
+    /**
+      * Label shown when loading previews.
+      * @default "Loading features…"
+     */
+    "loadingLabel": string;
+    /**
+      * Controls dialog visibility.
+      * @default false
+     */
+    "open": boolean;
+    /**
+      * Label for the preview badge.
+      * @default "Preview"
+     */
+    "previewBadgeLabel": string;
+    /**
+      * Project key header (x-project-key).
+     */
+    "projectKey"?: string;
+    /**
+      * Placeholder text shown in the details panel when nothing is selected.
+      * @default "Select a feature on the left to see its details."
+     */
+    "selectionPlaceholder": string;
+    /**
+      * Title shown when nothing is selected.
+      * @default "Choose a feature to view"
+     */
+    "selectionPrompt": string;
+    /**
+      * When true, renders the close button.
+      * @default true
+     */
+    "showCloseButton": boolean;
+    /**
+      * Local storage key used to persist enabled flags.
+      * @default DEFAULT_STORAGE_KEY
+     */
+    "storageKey": string;
+    /**
+      * Optional supporting copy under the title.
+      * @default "Get early access to new features and let us know what you think."
+     */
+    "subtitle": string;
+    /**
+      * @default "light"
+     */
+    "theme": "light" | "dark";
+  }
+}
+interface FeatureFlagFeedbackModalCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLFeatureFlagFeedbackModalElement;
+}
+interface FeatureFlagPreviewModalCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLFeatureFlagPreviewModalElement;
+}
+declare global {
+  interface HTMLFeatureFlagFeedbackModalElementEventMap {
+    "feedbackSent": FeedbackPayload;
+    "closed": void;
+  }
+  interface HTMLFeatureFlagFeedbackModalElement extends Components.FeatureFlagFeedbackModal, HTMLStencilElement {
+    addEventListener<K extends keyof HTMLFeatureFlagFeedbackModalElementEventMap>(type: K, listener: (this: HTMLFeatureFlagFeedbackModalElement, ev: FeatureFlagFeedbackModalCustomEvent<HTMLFeatureFlagFeedbackModalElementEventMap[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 HTMLFeatureFlagFeedbackModalElementEventMap>(type: K, listener: (this: HTMLFeatureFlagFeedbackModalElement, ev: FeatureFlagFeedbackModalCustomEvent<HTMLFeatureFlagFeedbackModalElementEventMap[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 HTMLFeatureFlagFeedbackModalElement: {
+    prototype: HTMLFeatureFlagFeedbackModalElement;
+    new (): HTMLFeatureFlagFeedbackModalElement;
+  };
+  interface HTMLFeatureFlagPreviewModalElementEventMap {
+    "flagChange": FlagSelectionPayload;
+    "closed": void;
+  }
+  interface HTMLFeatureFlagPreviewModalElement extends Components.FeatureFlagPreviewModal, HTMLStencilElement {
+    addEventListener<K extends keyof HTMLFeatureFlagPreviewModalElementEventMap>(type: K, listener: (this: HTMLFeatureFlagPreviewModalElement, ev: FeatureFlagPreviewModalCustomEvent<HTMLFeatureFlagPreviewModalElementEventMap[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 HTMLFeatureFlagPreviewModalElementEventMap>(type: K, listener: (this: HTMLFeatureFlagPreviewModalElement, ev: FeatureFlagPreviewModalCustomEvent<HTMLFeatureFlagPreviewModalElementEventMap[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 HTMLFeatureFlagPreviewModalElement: {
+    prototype: HTMLFeatureFlagPreviewModalElement;
+    new (): HTMLFeatureFlagPreviewModalElement;
+  };
+  interface HTMLElementTagNameMap {
+    "feature-flag-feedback-modal": HTMLFeatureFlagFeedbackModalElement;
+    "feature-flag-preview-modal": HTMLFeatureFlagPreviewModalElement;
+  }
+}
+declare namespace LocalJSX {
+  type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+  interface FeatureFlagFeedbackModal {
+    /**
+      * Endpoint used to POST feedback. Defaults to the Basestack feedback API.
+      * @default DEFAULT_FEEDBACK_ENDPOINT
+     */
+    "apiEndpoint"?: string;
+    /**
+      * Label for the close controls.
+      * @default "Close"
+     */
+    "closeLabel"?: string;
+    /**
+      * Environment key header (x-environment-key).
+     */
+    "environmentKey"?: string;
+    /**
+      * Human-friendly name of the feature to display in the UI.
+     */
+    "featureName"?: string;
+    /**
+      * Label above the textarea input.
+      * @default "Share your feedback"
+     */
+    "feedbackLabel"?: string;
+    /**
+      * Placeholder text inside the textarea input.
+      * @default "Anything else you’d like to add?"
+     */
+    "feedbackPlaceholder"?: string;
+    /**
+      * The Basestack flag key this feedback is for.
+     */
+    "flagKey": string;
+    /**
+      * Dialog heading text.
+      * @default "Feedback"
+     */
+    "heading"?: string;
+    /**
+      * Label above the mood selector.
+      * @default "How are you feeling after using this feature?"
+     */
+    "moodPrompt"?: string;
+    "onClosed"?: (event: FeatureFlagFeedbackModalCustomEvent<void>) => void;
+    "onFeedbackSent"?: (event: FeatureFlagFeedbackModalCustomEvent<FeedbackPayload>) => void;
+    /**
+      * Controls dialog visibility.
+      * @default false
+     */
+    "open"?: boolean;
+    /**
+      * @default "To keep your data safe, avoid sharing personal or sensitive details."
+     */
+    "privacyPolicyLabel"?: string;
+    /**
+      * @default "Learn more"
+     */
+    "privacyPolicyLinkLabel"?: string;
+    /**
+      * @default "https://basestack.co/legal/privacy"
+     */
+    "privacyPolicyUrl"?: string;
+    /**
+      * Project key header (x-project-key).
+     */
+    "projectKey"?: string;
+    /**
+      * Label above the rating selector.
+      * @default "How satisfied are you with this feature?"
+     */
+    "ratingPrompt"?: string;
+    /**
+      * Label for the submit button.
+      * @default "Submit feedback"
+     */
+    "submitLabel"?: string;
+    /**
+      * @default "light"
+     */
+    "theme"?: "light" | "dark";
+  }
+  interface FeatureFlagPreviewModal {
+    /**
+      * Endpoint used to fetch feature flags. If omitted, defaults to the Basestack preview API.
+      * @default DEFAULT_FLAGS_ENDPOINT
+     */
+    "apiEndpoint"?: string;
+    /**
+      * Label for the close button and overlay.
+      * @default "Close"
+     */
+    "closeLabel"?: string;
+    /**
+      * Label shown when no previews are available.
+      * @default "No feature flags available at the moment."
+     */
+    "emptyLabel"?: string;
+    /**
+      * Label for the primary enable button when a flag is disabled.
+      * @default "Enable"
+     */
+    "enableLabel"?: string;
+    /**
+      * Label for the primary enable button when a flag is enabled.
+      * @default "Disable"
+     */
+    "enabledLabel"?: string;
+    /**
+      * Environment key header (x-environment-key).
+     */
+    "environmentKey"?: string;
+    /**
+      * Label for the expiration badge.
+      * @default "Expires soon"
+     */
+    "expiresSoonLabel"?: string;
+    /**
+      * Dialog title.
+      * @default "Feature preview"
+     */
+    "heading"?: string;
+    /**
+      * Label for the documentation link.
+      * @default "Learn more"
+     */
+    "learnMoreLabel"?: string;
+    /**
+      * Label shown when loading previews.
+      * @default "Loading features…"
+     */
+    "loadingLabel"?: string;
+    "onClosed"?: (event: FeatureFlagPreviewModalCustomEvent<void>) => void;
+    "onFlagChange"?: (event: FeatureFlagPreviewModalCustomEvent<FlagSelectionPayload>) => void;
+    /**
+      * Controls dialog visibility.
+      * @default false
+     */
+    "open"?: boolean;
+    /**
+      * Label for the preview badge.
+      * @default "Preview"
+     */
+    "previewBadgeLabel"?: string;
+    /**
+      * Project key header (x-project-key).
+     */
+    "projectKey"?: string;
+    /**
+      * Placeholder text shown in the details panel when nothing is selected.
+      * @default "Select a feature on the left to see its details."
+     */
+    "selectionPlaceholder"?: string;
+    /**
+      * Title shown when nothing is selected.
+      * @default "Choose a feature to view"
+     */
+    "selectionPrompt"?: string;
+    /**
+      * When true, renders the close button.
+      * @default true
+     */
+    "showCloseButton"?: boolean;
+    /**
+      * Local storage key used to persist enabled flags.
+      * @default DEFAULT_STORAGE_KEY
+     */
+    "storageKey"?: string;
+    /**
+      * Optional supporting copy under the title.
+      * @default "Get early access to new features and let us know what you think."
+     */
+    "subtitle"?: string;
+    /**
+      * @default "light"
+     */
+    "theme"?: "light" | "dark";
+  }
+  interface FeatureFlagFeedbackModalAttributes {
+    "theme": "light" | "dark";
+    "flagKey": string;
+    "featureName": string;
+    "projectKey": string;
+    "environmentKey": string;
+    "apiEndpoint": string;
+    "open": boolean;
+    "heading": string;
+    "moodPrompt": string;
+    "ratingPrompt": string;
+    "feedbackLabel": string;
+    "feedbackPlaceholder": string;
+    "submitLabel": string;
+    "privacyPolicyUrl": string;
+    "privacyPolicyLabel": string;
+    "privacyPolicyLinkLabel": string;
+    "closeLabel": string;
+  }
+  interface FeatureFlagPreviewModalAttributes {
+    "theme": "light" | "dark";
+    "apiEndpoint": string;
+    "projectKey": string;
+    "environmentKey": string;
+    "storageKey": string;
+    "open": boolean;
+    "heading": string;
+    "subtitle": string;
+    "closeLabel": string;
+    "showCloseButton": boolean;
+    "loadingLabel": string;
+    "emptyLabel": string;
+    "selectionPrompt": string;
+    "selectionPlaceholder": string;
+    "enableLabel": string;
+    "enabledLabel": string;
+    "previewBadgeLabel": string;
+    "expiresSoonLabel": string;
+    "learnMoreLabel": string;
+  }
+  interface IntrinsicElements {
+    "feature-flag-feedback-modal": Omit<FeatureFlagFeedbackModal, keyof FeatureFlagFeedbackModalAttributes> & { [K in keyof FeatureFlagFeedbackModal & keyof FeatureFlagFeedbackModalAttributes]?: FeatureFlagFeedbackModal[K] } & { [K in keyof FeatureFlagFeedbackModal & keyof FeatureFlagFeedbackModalAttributes as `attr:${K}`]?: FeatureFlagFeedbackModalAttributes[K] } & { [K in keyof FeatureFlagFeedbackModal & keyof FeatureFlagFeedbackModalAttributes as `prop:${K}`]?: FeatureFlagFeedbackModal[K] } & OneOf<"flagKey", FeatureFlagFeedbackModal["flagKey"], FeatureFlagFeedbackModalAttributes["flagKey"]>;
+    "feature-flag-preview-modal": Omit<FeatureFlagPreviewModal, keyof FeatureFlagPreviewModalAttributes> & { [K in keyof FeatureFlagPreviewModal & keyof FeatureFlagPreviewModalAttributes]?: FeatureFlagPreviewModal[K] } & { [K in keyof FeatureFlagPreviewModal & keyof FeatureFlagPreviewModalAttributes as `attr:${K}`]?: FeatureFlagPreviewModalAttributes[K] } & { [K in keyof FeatureFlagPreviewModal & keyof FeatureFlagPreviewModalAttributes as `prop:${K}`]?: FeatureFlagPreviewModal[K] };
+  }
+}
+declare module "@stencil/core" {
+  export namespace JSX {
+    interface IntrinsicElements {
+      "feature-flag-feedback-modal": LocalJSX.IntrinsicElements["feature-flag-feedback-modal"] & JSXBase.HTMLAttributes<HTMLFeatureFlagFeedbackModalElement>;
+      "feature-flag-preview-modal": LocalJSX.IntrinsicElements["feature-flag-preview-modal"] & JSXBase.HTMLAttributes<HTMLFeatureFlagPreviewModalElement>;
+    }
+  }
+}
+//#endregion
 //#region src/sdk/index.d.ts
+type KebabCase<T extends string> = T extends `${infer Head}${infer Tail}` ? Tail extends Uncapitalize<Tail> ? `${Lowercase<Head>}${KebabCase<Tail>}` : `${Lowercase<Head>}-${KebabCase<Tail>}` : T;
+type WithKebabCaseAttributes<Props> = Props & { [K in keyof Props as K extends string ? K extends `${string}:${string}` ? never : KebabCase<K> : never]?: Props[K] };
+type FeatureFlagFeedbackModalProps = Omit<WithKebabCaseAttributes<LocalJSX.IntrinsicElements["feature-flag-feedback-modal"]>, "flagKey" | "flag-key" | "prop:flagKey" | "attr:flagKey"> & ({
+  flagKey: string;
+  "flag-key"?: never;
+} | {
+  "flag-key": string;
+  flagKey?: never;
+});
+type FeatureFlagPreviewModalProps = WithKebabCaseAttributes<LocalJSX.IntrinsicElements["feature-flag-preview-modal"]>;
+type FeatureFlagIntrinsicElements = Omit<LocalJSX.IntrinsicElements, "feature-flag-feedback-modal" | "feature-flag-preview-modal"> & {
+  "feature-flag-feedback-modal": FeatureFlagFeedbackModalProps;
+  "feature-flag-preview-modal": FeatureFlagPreviewModalProps;
+};
 declare const registerFeatureFlagComponents: () => Promise<void>;
 declare class FeatureFlagClient {
   private readonly endpoint?;
@@ -43,5 +528,10 @@ declare class FeatureFlagClient {
   setSelection(flagId: string, enabled: boolean): FeatureFlagState;
   writeSelections(state: FeatureFlagState): void;
 }
+declare global {
+  namespace JSX {
+    interface IntrinsicElements extends FeatureFlagIntrinsicElements {}
+  }
+}
 //#endregion
 export { DEFAULT_FLAGS_ENDPOINT, DEFAULT_STORAGE_KEY, type FeatureFlag, FeatureFlagClient, type FeatureFlagState, type FlagSelectionPayload, fetchFeatureFlags, readSelectionState, registerFeatureFlagComponents, toggleFlagState, writeSelectionState };

package/dist/types/sdk/index.d.ts

@@ -1,4 +1,21 @@
 import { DEFAULT_FLAGS_ENDPOINT, DEFAULT_STORAGE_KEY, type FeatureFlag, type FeatureFlagState, type FlagSelectionPayload, fetchFeatureFlags, readSelectionState, toggleFlagState, writeSelectionState } from "../lib/feature-flags";
+import type { JSX as StencilJSX } from "../components";
+type KebabCase<T extends string> = T extends `${infer Head}${infer Tail}` ? Tail extends Uncapitalize<Tail> ? `${Lowercase<Head>}${KebabCase<Tail>}` : `${Lowercase<Head>}-${KebabCase<Tail>}` : T;
+type WithKebabCaseAttributes<Props> = Props & {
+    [K in keyof Props as K extends string ? K extends `${string}:${string}` ? never : KebabCase<K> : never]?: Props[K];
+};
+type FeatureFlagFeedbackModalProps = Omit<WithKebabCaseAttributes<StencilJSX.IntrinsicElements["feature-flag-feedback-modal"]>, "flagKey" | "flag-key" | "prop:flagKey" | "attr:flagKey"> & ({
+    flagKey: string;
+    "flag-key"?: never;
+} | {
+    "flag-key": string;
+    flagKey?: never;
+});
+type FeatureFlagPreviewModalProps = WithKebabCaseAttributes<StencilJSX.IntrinsicElements["feature-flag-preview-modal"]>;
+type FeatureFlagIntrinsicElements = Omit<StencilJSX.IntrinsicElements, "feature-flag-feedback-modal" | "feature-flag-preview-modal"> & {
+    "feature-flag-feedback-modal": FeatureFlagFeedbackModalProps;
+    "feature-flag-preview-modal": FeatureFlagPreviewModalProps;
+};
 export declare const registerFeatureFlagComponents: () => Promise<void>;
 export declare class FeatureFlagClient {
     private readonly endpoint?;
@@ -14,3 +31,9 @@ export declare class FeatureFlagClient {
 }
 export type { FeatureFlag, FeatureFlagState, FlagSelectionPayload };
 export { DEFAULT_FLAGS_ENDPOINT, DEFAULT_STORAGE_KEY, fetchFeatureFlags, readSelectionState, toggleFlagState, writeSelectionState, };
+declare global {
+    namespace JSX {
+        interface IntrinsicElements extends FeatureFlagIntrinsicElements {
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basestack/flags-wc",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "main": "./dist/sdk/index.js",
   "module": "./dist/sdk/index.js",
   "dependencies": {
@@ -20,7 +20,7 @@
   "exports": {
     ".": {
       "import": "./dist/sdk/index.js",
-      "types": "./index.d.ts"
+      "types": "./dist/sdk/index.d.ts"
     },
     "./components": {
       "import": "./dist/components/index.js",
@@ -42,8 +42,7 @@
     "node": ">=18.17.0"
   },
   "files": [
-    "dist",
-    "index.d.ts"
+    "dist"
   ],
   "license": "MIT",
   "packageManager": "bun@1.3.8",
@@ -65,5 +64,5 @@
     "prepublishOnly": "bun run lint && bun run test && bun run build"
   },
   "type": "module",
-  "types": "./index.d.ts"
+  "types": "./dist/sdk/index.d.ts"
 }

package/index.d.ts

@@ -1,39 +0,0 @@
-import type { JSX as StencilJSX } from "./dist/types/components";
-
-export * from "./dist/sdk/index";
-
-type FeatureFlagFeedbackModalProps = Omit<
-  StencilJSX.IntrinsicElements["feature-flag-feedback-modal"],
-  "flagKey" | "prop:flagKey" | "attr:flagKey"
-> & {
-  "flag-key": string;
-};
-
-declare global {
-  namespace JSX {
-    interface IntrinsicElements
-      extends Omit<StencilJSX.IntrinsicElements, "feature-flag-feedback-modal"> {
-      "feature-flag-feedback-modal": FeatureFlagFeedbackModalProps;
-    }
-  }
-}
-
-declare module "react" {
-  namespace JSX {
-    interface IntrinsicElements
-      extends Omit<StencilJSX.IntrinsicElements, "feature-flag-feedback-modal"> {
-      "feature-flag-feedback-modal": FeatureFlagFeedbackModalProps;
-    }
-  }
-}
-
-declare module "react/jsx-runtime" {
-  namespace JSX {
-    interface IntrinsicElements
-      extends Omit<StencilJSX.IntrinsicElements, "feature-flag-feedback-modal"> {
-      "feature-flag-feedback-modal": FeatureFlagFeedbackModalProps;
-    }
-  }
-}
-
-export {};