featuredrop 2.6.1 → 2.7.1

package/dist/tailwind.cjs

@@ -0,0 +1,148 @@
+'use strict';
+
+// src/tailwind.ts
+var featureDropPlugin = (options = {}) => {
+  const prefix = options.prefix ?? "fd";
+  return {
+    handler({ addBase, addUtilities }) {
+      addBase({
+        ":root": {
+          // Badge colors
+          [`--${prefix}-new`]: "#3b82f6",
+          [`--${prefix}-new-hover`]: "#2563eb",
+          [`--${prefix}-new-dot`]: "#ef4444",
+          [`--${prefix}-dismiss`]: "#6b7280",
+          [`--${prefix}-success`]: "#10b981",
+          // Changelog colors
+          [`--${prefix}-changelog-bg`]: "#ffffff",
+          [`--${prefix}-changelog-border`]: "#e5e7eb",
+          [`--${prefix}-changelog-text`]: "#111827",
+          [`--${prefix}-changelog-muted`]: "#6b7280",
+          // Spotlight/overlay
+          [`--${prefix}-overlay`]: "rgba(0, 0, 0, 0.5)",
+          [`--${prefix}-spotlight-ring`]: "#3b82f6",
+          // Tour
+          [`--${prefix}-tour-bg`]: "#ffffff",
+          [`--${prefix}-tour-shadow`]: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+          // Transitions
+          [`--${prefix}-duration`]: "200ms",
+          [`--${prefix}-easing`]: "cubic-bezier(0.4, 0, 0.2, 1)"
+        },
+        // Dark mode overrides
+        ".dark, [data-theme='dark']": {
+          [`--${prefix}-new`]: "#60a5fa",
+          [`--${prefix}-new-hover`]: "#93c5fd",
+          [`--${prefix}-changelog-bg`]: "#1f2937",
+          [`--${prefix}-changelog-border`]: "#374151",
+          [`--${prefix}-changelog-text`]: "#f9fafb",
+          [`--${prefix}-changelog-muted`]: "#9ca3af",
+          [`--${prefix}-tour-bg`]: "#1f2937",
+          [`--${prefix}-tour-shadow`]: "0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)"
+        },
+        // Keyframe animations
+        "@keyframes fd-pulse": {
+          "0%, 100%": { opacity: "1" },
+          "50%": { opacity: "0.5" }
+        },
+        "@keyframes fd-fade-in": {
+          from: { opacity: "0", transform: "translateY(4px)" },
+          to: { opacity: "1", transform: "translateY(0)" }
+        },
+        "@keyframes fd-slide-up": {
+          from: { opacity: "0", transform: "translateY(8px)" },
+          to: { opacity: "1", transform: "translateY(0)" }
+        },
+        "@keyframes fd-scale-in": {
+          from: { opacity: "0", transform: "scale(0.95)" },
+          to: { opacity: "1", transform: "scale(1)" }
+        },
+        "@keyframes fd-spotlight-glow": {
+          "0%, 100%": { boxShadow: `0 0 0 4px var(--${prefix}-spotlight-ring)` },
+          "50%": { boxShadow: `0 0 0 8px var(--${prefix}-spotlight-ring)` }
+        },
+        // Reduced motion
+        "@media (prefers-reduced-motion: reduce)": {
+          "*": {
+            "animation-duration": "0.01ms !important",
+            "animation-iteration-count": "1 !important"
+          }
+        }
+      });
+      addUtilities({
+        // Badge variants
+        [`.${prefix}-badge`]: {
+          display: "inline-flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "font-size": "0.75rem",
+          "font-weight": "500",
+          "line-height": "1",
+          "border-radius": "9999px",
+          "background-color": `var(--${prefix}-new)`,
+          color: "#ffffff",
+          "padding-left": "0.5rem",
+          "padding-right": "0.5rem",
+          "padding-top": "0.125rem",
+          "padding-bottom": "0.125rem"
+        },
+        [`.${prefix}-badge-dot`]: {
+          display: "inline-block",
+          width: "0.5rem",
+          height: "0.5rem",
+          "border-radius": "9999px",
+          "background-color": `var(--${prefix}-new-dot)`
+        },
+        [`.${prefix}-badge-count`]: {
+          display: "inline-flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "min-width": "1.25rem",
+          height: "1.25rem",
+          "font-size": "0.6875rem",
+          "font-weight": "600",
+          "line-height": "1",
+          "border-radius": "9999px",
+          "background-color": `var(--${prefix}-new-dot)`,
+          color: "#ffffff",
+          "padding-left": "0.375rem",
+          "padding-right": "0.375rem"
+        },
+        // Animation utilities
+        [`.${prefix}-animate-pulse`]: {
+          animation: "fd-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
+        },
+        [`.${prefix}-animate-fade-in`]: {
+          animation: `fd-fade-in var(--${prefix}-duration) var(--${prefix}-easing) forwards`
+        },
+        [`.${prefix}-animate-slide-up`]: {
+          animation: `fd-slide-up var(--${prefix}-duration) var(--${prefix}-easing) forwards`
+        },
+        [`.${prefix}-animate-scale-in`]: {
+          animation: `fd-scale-in var(--${prefix}-duration) var(--${prefix}-easing) forwards`
+        },
+        [`.${prefix}-animate-spotlight`]: {
+          animation: "fd-spotlight-glow 2s ease-in-out infinite"
+        }
+      });
+    },
+    config: {
+      theme: {
+        extend: {
+          colors: {
+            [prefix]: {
+              new: `var(--${prefix}-new)`,
+              "new-hover": `var(--${prefix}-new-hover)`,
+              dot: `var(--${prefix}-new-dot)`,
+              dismiss: `var(--${prefix}-dismiss)`,
+              success: `var(--${prefix}-success)`
+            }
+          }
+        }
+      }
+    }
+  };
+};
+
+exports.featureDropPlugin = featureDropPlugin;
+//# sourceMappingURL=tailwind.cjs.map
+//# sourceMappingURL=tailwind.cjs.map

package/dist/tailwind.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind.ts"],"names":[],"mappings":"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","file":"tailwind.cjs","sourcesContent":["/**\n * FeatureDrop Tailwind CSS Plugin\n *\n * Registers design tokens, animations, and utility classes for FeatureDrop components.\n *\n * @example\n * ```ts\n * // tailwind.config.ts\n * import { featureDropPlugin } from 'featuredrop/tailwind'\n *\n * export default {\n *   plugins: [featureDropPlugin()],\n * }\n * ```\n */\n\nexport interface FeatureDropPluginOptions {\n  /** Prefix for utility classes (default: \"fd\") */\n  prefix?: string;\n}\n\ntype CSSValue = string | Record<string, string>;\ntype CSSRuleBlock = Record<string, CSSValue>;\n\ninterface PluginAPI {\n  addBase: (styles: Record<string, CSSRuleBlock>) => void;\n  addUtilities: (utilities: Record<string, Record<string, string>>) => void;\n  matchUtilities: (\n    utilities: Record<string, (value: string) => Record<string, string>>,\n    options?: { values: Record<string, string> }\n  ) => void;\n  theme: (path: string) => unknown;\n}\n\ninterface PluginCreator {\n  (options?: FeatureDropPluginOptions): {\n    handler: (api: PluginAPI) => void;\n    config: Record<string, unknown>;\n  };\n}\n\nexport const featureDropPlugin: PluginCreator = (options = {}) => {\n  const prefix = options.prefix ?? \"fd\";\n\n  return {\n    handler({ addBase, addUtilities }) {\n      // CSS custom properties for theming\n      addBase({\n        \":root\": {\n          // Badge colors\n          [`--${prefix}-new`]: \"#3b82f6\",\n          [`--${prefix}-new-hover`]: \"#2563eb\",\n          [`--${prefix}-new-dot`]: \"#ef4444\",\n          [`--${prefix}-dismiss`]: \"#6b7280\",\n          [`--${prefix}-success`]: \"#10b981\",\n\n          // Changelog colors\n          [`--${prefix}-changelog-bg`]: \"#ffffff\",\n          [`--${prefix}-changelog-border`]: \"#e5e7eb\",\n          [`--${prefix}-changelog-text`]: \"#111827\",\n          [`--${prefix}-changelog-muted`]: \"#6b7280\",\n\n          // Spotlight/overlay\n          [`--${prefix}-overlay`]: \"rgba(0, 0, 0, 0.5)\",\n          [`--${prefix}-spotlight-ring`]: \"#3b82f6\",\n\n          // Tour\n          [`--${prefix}-tour-bg`]: \"#ffffff\",\n          [`--${prefix}-tour-shadow`]:\n            \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n\n          // Transitions\n          [`--${prefix}-duration`]: \"200ms\",\n          [`--${prefix}-easing`]: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n        },\n        // Dark mode overrides\n        \".dark, [data-theme='dark']\": {\n          [`--${prefix}-new`]: \"#60a5fa\",\n          [`--${prefix}-new-hover`]: \"#93c5fd\",\n          [`--${prefix}-changelog-bg`]: \"#1f2937\",\n          [`--${prefix}-changelog-border`]: \"#374151\",\n          [`--${prefix}-changelog-text`]: \"#f9fafb\",\n          [`--${prefix}-changelog-muted`]: \"#9ca3af\",\n          [`--${prefix}-tour-bg`]: \"#1f2937\",\n          [`--${prefix}-tour-shadow`]:\n            \"0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)\",\n        },\n        // Keyframe animations\n        \"@keyframes fd-pulse\": {\n          \"0%, 100%\": { opacity: \"1\" },\n          \"50%\": { opacity: \"0.5\" },\n        },\n        \"@keyframes fd-fade-in\": {\n          from: { opacity: \"0\", transform: \"translateY(4px)\" },\n          to: { opacity: \"1\", transform: \"translateY(0)\" },\n        },\n        \"@keyframes fd-slide-up\": {\n          from: { opacity: \"0\", transform: \"translateY(8px)\" },\n          to: { opacity: \"1\", transform: \"translateY(0)\" },\n        },\n        \"@keyframes fd-scale-in\": {\n          from: { opacity: \"0\", transform: \"scale(0.95)\" },\n          to: { opacity: \"1\", transform: \"scale(1)\" },\n        },\n        \"@keyframes fd-spotlight-glow\": {\n          \"0%, 100%\": { boxShadow: `0 0 0 4px var(--${prefix}-spotlight-ring)` },\n          \"50%\": { boxShadow: `0 0 0 8px var(--${prefix}-spotlight-ring)` },\n        },\n        // Reduced motion\n        \"@media (prefers-reduced-motion: reduce)\": {\n          \"*\": {\n            \"animation-duration\": \"0.01ms !important\",\n            \"animation-iteration-count\": \"1 !important\",\n          },\n        },\n      });\n\n      // Utility classes\n      addUtilities({\n        // Badge variants\n        [`.${prefix}-badge`]: {\n          display: \"inline-flex\",\n          \"align-items\": \"center\",\n          \"justify-content\": \"center\",\n          \"font-size\": \"0.75rem\",\n          \"font-weight\": \"500\",\n          \"line-height\": \"1\",\n          \"border-radius\": \"9999px\",\n          \"background-color\": `var(--${prefix}-new)`,\n          color: \"#ffffff\",\n          \"padding-left\": \"0.5rem\",\n          \"padding-right\": \"0.5rem\",\n          \"padding-top\": \"0.125rem\",\n          \"padding-bottom\": \"0.125rem\",\n        },\n        [`.${prefix}-badge-dot`]: {\n          display: \"inline-block\",\n          width: \"0.5rem\",\n          height: \"0.5rem\",\n          \"border-radius\": \"9999px\",\n          \"background-color\": `var(--${prefix}-new-dot)`,\n        },\n        [`.${prefix}-badge-count`]: {\n          display: \"inline-flex\",\n          \"align-items\": \"center\",\n          \"justify-content\": \"center\",\n          \"min-width\": \"1.25rem\",\n          height: \"1.25rem\",\n          \"font-size\": \"0.6875rem\",\n          \"font-weight\": \"600\",\n          \"line-height\": \"1\",\n          \"border-radius\": \"9999px\",\n          \"background-color\": `var(--${prefix}-new-dot)`,\n          color: \"#ffffff\",\n          \"padding-left\": \"0.375rem\",\n          \"padding-right\": \"0.375rem\",\n        },\n        // Animation utilities\n        [`.${prefix}-animate-pulse`]: {\n          animation: \"fd-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n        },\n        [`.${prefix}-animate-fade-in`]: {\n          animation: `fd-fade-in var(--${prefix}-duration) var(--${prefix}-easing) forwards`,\n        },\n        [`.${prefix}-animate-slide-up`]: {\n          animation: `fd-slide-up var(--${prefix}-duration) var(--${prefix}-easing) forwards`,\n        },\n        [`.${prefix}-animate-scale-in`]: {\n          animation: `fd-scale-in var(--${prefix}-duration) var(--${prefix}-easing) forwards`,\n        },\n        [`.${prefix}-animate-spotlight`]: {\n          animation: \"fd-spotlight-glow 2s ease-in-out infinite\",\n        },\n      });\n    },\n    config: {\n      theme: {\n        extend: {\n          colors: {\n            [prefix]: {\n              new: `var(--${prefix}-new)`,\n              \"new-hover\": `var(--${prefix}-new-hover)`,\n              dot: `var(--${prefix}-new-dot)`,\n              dismiss: `var(--${prefix}-dismiss)`,\n              success: `var(--${prefix}-success)`,\n            },\n          },\n        },\n      },\n    },\n  };\n};\n"]}

package/dist/tailwind.d.cts

@@ -0,0 +1,38 @@
+/**
+ * FeatureDrop Tailwind CSS Plugin
+ *
+ * Registers design tokens, animations, and utility classes for FeatureDrop components.
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import { featureDropPlugin } from 'featuredrop/tailwind'
+ *
+ * export default {
+ *   plugins: [featureDropPlugin()],
+ * }
+ * ```
+ */
+interface FeatureDropPluginOptions {
+    /** Prefix for utility classes (default: "fd") */
+    prefix?: string;
+}
+type CSSValue = string | Record<string, string>;
+type CSSRuleBlock = Record<string, CSSValue>;
+interface PluginAPI {
+    addBase: (styles: Record<string, CSSRuleBlock>) => void;
+    addUtilities: (utilities: Record<string, Record<string, string>>) => void;
+    matchUtilities: (utilities: Record<string, (value: string) => Record<string, string>>, options?: {
+        values: Record<string, string>;
+    }) => void;
+    theme: (path: string) => unknown;
+}
+interface PluginCreator {
+    (options?: FeatureDropPluginOptions): {
+        handler: (api: PluginAPI) => void;
+        config: Record<string, unknown>;
+    };
+}
+declare const featureDropPlugin: PluginCreator;
+
+export { type FeatureDropPluginOptions, featureDropPlugin };

package/dist/tailwind.d.ts

@@ -0,0 +1,38 @@
+/**
+ * FeatureDrop Tailwind CSS Plugin
+ *
+ * Registers design tokens, animations, and utility classes for FeatureDrop components.
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import { featureDropPlugin } from 'featuredrop/tailwind'
+ *
+ * export default {
+ *   plugins: [featureDropPlugin()],
+ * }
+ * ```
+ */
+interface FeatureDropPluginOptions {
+    /** Prefix for utility classes (default: "fd") */
+    prefix?: string;
+}
+type CSSValue = string | Record<string, string>;
+type CSSRuleBlock = Record<string, CSSValue>;
+interface PluginAPI {
+    addBase: (styles: Record<string, CSSRuleBlock>) => void;
+    addUtilities: (utilities: Record<string, Record<string, string>>) => void;
+    matchUtilities: (utilities: Record<string, (value: string) => Record<string, string>>, options?: {
+        values: Record<string, string>;
+    }) => void;
+    theme: (path: string) => unknown;
+}
+interface PluginCreator {
+    (options?: FeatureDropPluginOptions): {
+        handler: (api: PluginAPI) => void;
+        config: Record<string, unknown>;
+    };
+}
+declare const featureDropPlugin: PluginCreator;
+
+export { type FeatureDropPluginOptions, featureDropPlugin };

package/dist/tailwind.js

@@ -0,0 +1,146 @@
+// src/tailwind.ts
+var featureDropPlugin = (options = {}) => {
+  const prefix = options.prefix ?? "fd";
+  return {
+    handler({ addBase, addUtilities }) {
+      addBase({
+        ":root": {
+          // Badge colors
+          [`--${prefix}-new`]: "#3b82f6",
+          [`--${prefix}-new-hover`]: "#2563eb",
+          [`--${prefix}-new-dot`]: "#ef4444",
+          [`--${prefix}-dismiss`]: "#6b7280",
+          [`--${prefix}-success`]: "#10b981",
+          // Changelog colors
+          [`--${prefix}-changelog-bg`]: "#ffffff",
+          [`--${prefix}-changelog-border`]: "#e5e7eb",
+          [`--${prefix}-changelog-text`]: "#111827",
+          [`--${prefix}-changelog-muted`]: "#6b7280",
+          // Spotlight/overlay
+          [`--${prefix}-overlay`]: "rgba(0, 0, 0, 0.5)",
+          [`--${prefix}-spotlight-ring`]: "#3b82f6",
+          // Tour
+          [`--${prefix}-tour-bg`]: "#ffffff",
+          [`--${prefix}-tour-shadow`]: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+          // Transitions
+          [`--${prefix}-duration`]: "200ms",
+          [`--${prefix}-easing`]: "cubic-bezier(0.4, 0, 0.2, 1)"
+        },
+        // Dark mode overrides
+        ".dark, [data-theme='dark']": {
+          [`--${prefix}-new`]: "#60a5fa",
+          [`--${prefix}-new-hover`]: "#93c5fd",
+          [`--${prefix}-changelog-bg`]: "#1f2937",
+          [`--${prefix}-changelog-border`]: "#374151",
+          [`--${prefix}-changelog-text`]: "#f9fafb",
+          [`--${prefix}-changelog-muted`]: "#9ca3af",
+          [`--${prefix}-tour-bg`]: "#1f2937",
+          [`--${prefix}-tour-shadow`]: "0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)"
+        },
+        // Keyframe animations
+        "@keyframes fd-pulse": {
+          "0%, 100%": { opacity: "1" },
+          "50%": { opacity: "0.5" }
+        },
+        "@keyframes fd-fade-in": {
+          from: { opacity: "0", transform: "translateY(4px)" },
+          to: { opacity: "1", transform: "translateY(0)" }
+        },
+        "@keyframes fd-slide-up": {
+          from: { opacity: "0", transform: "translateY(8px)" },
+          to: { opacity: "1", transform: "translateY(0)" }
+        },
+        "@keyframes fd-scale-in": {
+          from: { opacity: "0", transform: "scale(0.95)" },
+          to: { opacity: "1", transform: "scale(1)" }
+        },
+        "@keyframes fd-spotlight-glow": {
+          "0%, 100%": { boxShadow: `0 0 0 4px var(--${prefix}-spotlight-ring)` },
+          "50%": { boxShadow: `0 0 0 8px var(--${prefix}-spotlight-ring)` }
+        },
+        // Reduced motion
+        "@media (prefers-reduced-motion: reduce)": {
+          "*": {
+            "animation-duration": "0.01ms !important",
+            "animation-iteration-count": "1 !important"
+          }
+        }
+      });
+      addUtilities({
+        // Badge variants
+        [`.${prefix}-badge`]: {
+          display: "inline-flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "font-size": "0.75rem",
+          "font-weight": "500",
+          "line-height": "1",
+          "border-radius": "9999px",
+          "background-color": `var(--${prefix}-new)`,
+          color: "#ffffff",
+          "padding-left": "0.5rem",
+          "padding-right": "0.5rem",
+          "padding-top": "0.125rem",
+          "padding-bottom": "0.125rem"
+        },
+        [`.${prefix}-badge-dot`]: {
+          display: "inline-block",
+          width: "0.5rem",
+          height: "0.5rem",
+          "border-radius": "9999px",
+          "background-color": `var(--${prefix}-new-dot)`
+        },
+        [`.${prefix}-badge-count`]: {
+          display: "inline-flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "min-width": "1.25rem",
+          height: "1.25rem",
+          "font-size": "0.6875rem",
+          "font-weight": "600",
+          "line-height": "1",
+          "border-radius": "9999px",
+          "background-color": `var(--${prefix}-new-dot)`,
+          color: "#ffffff",
+          "padding-left": "0.375rem",
+          "padding-right": "0.375rem"
+        },
+        // Animation utilities
+        [`.${prefix}-animate-pulse`]: {
+          animation: "fd-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
+        },
+        [`.${prefix}-animate-fade-in`]: {
+          animation: `fd-fade-in var(--${prefix}-duration) var(--${prefix}-easing) forwards`
+        },
+        [`.${prefix}-animate-slide-up`]: {
+          animation: `fd-slide-up var(--${prefix}-duration) var(--${prefix}-easing) forwards`
+        },
+        [`.${prefix}-animate-scale-in`]: {
+          animation: `fd-scale-in var(--${prefix}-duration) var(--${prefix}-easing) forwards`
+        },
+        [`.${prefix}-animate-spotlight`]: {
+          animation: "fd-spotlight-glow 2s ease-in-out infinite"
+        }
+      });
+    },
+    config: {
+      theme: {
+        extend: {
+          colors: {
+            [prefix]: {
+              new: `var(--${prefix}-new)`,
+              "new-hover": `var(--${prefix}-new-hover)`,
+              dot: `var(--${prefix}-new-dot)`,
+              dismiss: `var(--${prefix}-dismiss)`,
+              success: `var(--${prefix}-success)`
+            }
+          }
+        }
+      }
+    }
+  };
+};
+
+export { featureDropPlugin };
+//# sourceMappingURL=tailwind.js.map
+//# sourceMappingURL=tailwind.js.map

package/dist/tailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind.ts"],"names":[],"mappings":";AAyCO,IAAM,iBAAA,GAAmC,CAAC,OAAA,GAAU,EAAC,KAAM;AAChE,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAA,IAAU,IAAA;AAEjC,EAAA,OAAO;AAAA,IACL,OAAA,CAAQ,EAAE,OAAA,EAAS,YAAA,EAAa,EAAG;AAEjC,MAAA,OAAA,CAAQ;AAAA,QACN,OAAA,EAAS;AAAA;AAAA,UAEP,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,IAAA,CAAM,GAAG,SAAA;AAAA,UACrB,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,UAAA,CAAY,GAAG,SAAA;AAAA,UAC3B,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,QAAA,CAAU,GAAG,SAAA;AAAA,UACzB,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,QAAA,CAAU,GAAG,SAAA;AAAA,UACzB,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,QAAA,CAAU,GAAG,SAAA;AAAA;AAAA,UAGzB,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,aAAA,CAAe,GAAG,SAAA;AAAA,UAC9B,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,iBAAA,CAAmB,GAAG,SAAA;AAAA,UAClC,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,eAAA,CAAiB,GAAG,SAAA;AAAA,UAChC,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,gBAAA,CAAkB,GAAG,SAAA;AAAA;AAAA,UAGjC,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,QAAA,CAAU,GAAG,oBAAA;AAAA,UACzB,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,eAAA,CAAiB,GAAG,SAAA;AAAA;AAAA,UAGhC,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,QAAA,CAAU,GAAG,SAAA;AAAA,UACzB,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,YAAA,CAAc,GACxB,sEAAA;AAAA;AAAA,UAGF,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,SAAA,CAAW,GAAG,OAAA;AAAA,UAC1B,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,OAAA,CAAS,GAAG;AAAA,SAC1B;AAAA;AAAA,QAEA,4BAAA,EAA8B;AAAA,UAC5B,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,IAAA,CAAM,GAAG,SAAA;AAAA,UACrB,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,UAAA,CAAY,GAAG,SAAA;AAAA,UAC3B,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,aAAA,CAAe,GAAG,SAAA;AAAA,UAC9B,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,iBAAA,CAAmB,GAAG,SAAA;AAAA,UAClC,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,eAAA,CAAiB,GAAG,SAAA;AAAA,UAChC,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,gBAAA,CAAkB,GAAG,SAAA;AAAA,UACjC,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,QAAA,CAAU,GAAG,SAAA;AAAA,UACzB,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,YAAA,CAAc,GACxB;AAAA,SACJ;AAAA;AAAA,QAEA,qBAAA,EAAuB;AAAA,UACrB,UAAA,EAAY,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UAC3B,KAAA,EAAO,EAAE,OAAA,EAAS,KAAA;AAAM,SAC1B;AAAA,QACA,uBAAA,EAAyB;AAAA,UACvB,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,iBAAA,EAAkB;AAAA,UACnD,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,eAAA;AAAgB,SACjD;AAAA,QACA,wBAAA,EAA0B;AAAA,UACxB,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,iBAAA,EAAkB;AAAA,UACnD,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,eAAA;AAAgB,SACjD;AAAA,QACA,wBAAA,EAA0B;AAAA,UACxB,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,aAAA,EAAc;AAAA,UAC/C,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,UAAA;AAAW,SAC5C;AAAA,QACA,8BAAA,EAAgC;AAAA,UAC9B,UAAA,EAAY,EAAE,SAAA,EAAW,CAAA,gBAAA,EAAmB,MAAM,CAAA,gBAAA,CAAA,EAAmB;AAAA,UACrE,KAAA,EAAO,EAAE,SAAA,EAAW,CAAA,gBAAA,EAAmB,MAAM,CAAA,gBAAA,CAAA;AAAmB,SAClE;AAAA;AAAA,QAEA,yCAAA,EAA2C;AAAA,UACzC,GAAA,EAAK;AAAA,YACH,oBAAA,EAAsB,mBAAA;AAAA,YACtB,2BAAA,EAA6B;AAAA;AAC/B;AACF,OACD,CAAA;AAGD,MAAA,YAAA,CAAa;AAAA;AAAA,QAEX,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,MAAA,CAAQ,GAAG;AAAA,UACpB,OAAA,EAAS,aAAA;AAAA,UACT,aAAA,EAAe,QAAA;AAAA,UACf,iBAAA,EAAmB,QAAA;AAAA,UACnB,WAAA,EAAa,SAAA;AAAA,UACb,aAAA,EAAe,KAAA;AAAA,UACf,aAAA,EAAe,GAAA;AAAA,UACf,eAAA,EAAiB,QAAA;AAAA,UACjB,kBAAA,EAAoB,SAAS,MAAM,CAAA,KAAA,CAAA;AAAA,UACnC,KAAA,EAAO,SAAA;AAAA,UACP,cAAA,EAAgB,QAAA;AAAA,UAChB,eAAA,EAAiB,QAAA;AAAA,UACjB,aAAA,EAAe,UAAA;AAAA,UACf,gBAAA,EAAkB;AAAA,SACpB;AAAA,QACA,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,UAAA,CAAY,GAAG;AAAA,UACxB,OAAA,EAAS,cAAA;AAAA,UACT,KAAA,EAAO,QAAA;AAAA,UACP,MAAA,EAAQ,QAAA;AAAA,UACR,eAAA,EAAiB,QAAA;AAAA,UACjB,kBAAA,EAAoB,SAAS,MAAM,CAAA,SAAA;AAAA,SACrC;AAAA,QACA,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,YAAA,CAAc,GAAG;AAAA,UAC1B,OAAA,EAAS,aAAA;AAAA,UACT,aAAA,EAAe,QAAA;AAAA,UACf,iBAAA,EAAmB,QAAA;AAAA,UACnB,WAAA,EAAa,SAAA;AAAA,UACb,MAAA,EAAQ,SAAA;AAAA,UACR,WAAA,EAAa,WAAA;AAAA,UACb,aAAA,EAAe,KAAA;AAAA,UACf,aAAA,EAAe,GAAA;AAAA,UACf,eAAA,EAAiB,QAAA;AAAA,UACjB,kBAAA,EAAoB,SAAS,MAAM,CAAA,SAAA,CAAA;AAAA,UACnC,KAAA,EAAO,SAAA;AAAA,UACP,cAAA,EAAgB,UAAA;AAAA,UAChB,eAAA,EAAiB;AAAA,SACnB;AAAA;AAAA,QAEA,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,cAAA,CAAgB,GAAG;AAAA,UAC5B,SAAA,EAAW;AAAA,SACb;AAAA,QACA,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,gBAAA,CAAkB,GAAG;AAAA,UAC9B,SAAA,EAAW,CAAA,iBAAA,EAAoB,MAAM,CAAA,iBAAA,EAAoB,MAAM,CAAA,iBAAA;AAAA,SACjE;AAAA,QACA,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,iBAAA,CAAmB,GAAG;AAAA,UAC/B,SAAA,EAAW,CAAA,kBAAA,EAAqB,MAAM,CAAA,iBAAA,EAAoB,MAAM,CAAA,iBAAA;AAAA,SAClE;AAAA,QACA,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,iBAAA,CAAmB,GAAG;AAAA,UAC/B,SAAA,EAAW,CAAA,kBAAA,EAAqB,MAAM,CAAA,iBAAA,EAAoB,MAAM,CAAA,iBAAA;AAAA,SAClE;AAAA,QACA,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,kBAAA,CAAoB,GAAG;AAAA,UAChC,SAAA,EAAW;AAAA;AACb,OACD,CAAA;AAAA,IACH,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO;AAAA,QACL,MAAA,EAAQ;AAAA,UACN,MAAA,EAAQ;AAAA,YACN,CAAC,MAAM,GAAG;AAAA,cACR,GAAA,EAAK,SAAS,MAAM,CAAA,KAAA,CAAA;AAAA,cACpB,WAAA,EAAa,SAAS,MAAM,CAAA,WAAA,CAAA;AAAA,cAC5B,GAAA,EAAK,SAAS,MAAM,CAAA,SAAA,CAAA;AAAA,cACpB,OAAA,EAAS,SAAS,MAAM,CAAA,SAAA,CAAA;AAAA,cACxB,OAAA,EAAS,SAAS,MAAM,CAAA,SAAA;AAAA;AAC1B;AACF;AACF;AACF;AACF,GACF;AACF","file":"tailwind.js","sourcesContent":["/**\n * FeatureDrop Tailwind CSS Plugin\n *\n * Registers design tokens, animations, and utility classes for FeatureDrop components.\n *\n * @example\n * ```ts\n * // tailwind.config.ts\n * import { featureDropPlugin } from 'featuredrop/tailwind'\n *\n * export default {\n *   plugins: [featureDropPlugin()],\n * }\n * ```\n */\n\nexport interface FeatureDropPluginOptions {\n  /** Prefix for utility classes (default: \"fd\") */\n  prefix?: string;\n}\n\ntype CSSValue = string | Record<string, string>;\ntype CSSRuleBlock = Record<string, CSSValue>;\n\ninterface PluginAPI {\n  addBase: (styles: Record<string, CSSRuleBlock>) => void;\n  addUtilities: (utilities: Record<string, Record<string, string>>) => void;\n  matchUtilities: (\n    utilities: Record<string, (value: string) => Record<string, string>>,\n    options?: { values: Record<string, string> }\n  ) => void;\n  theme: (path: string) => unknown;\n}\n\ninterface PluginCreator {\n  (options?: FeatureDropPluginOptions): {\n    handler: (api: PluginAPI) => void;\n    config: Record<string, unknown>;\n  };\n}\n\nexport const featureDropPlugin: PluginCreator = (options = {}) => {\n  const prefix = options.prefix ?? \"fd\";\n\n  return {\n    handler({ addBase, addUtilities }) {\n      // CSS custom properties for theming\n      addBase({\n        \":root\": {\n          // Badge colors\n          [`--${prefix}-new`]: \"#3b82f6\",\n          [`--${prefix}-new-hover`]: \"#2563eb\",\n          [`--${prefix}-new-dot`]: \"#ef4444\",\n          [`--${prefix}-dismiss`]: \"#6b7280\",\n          [`--${prefix}-success`]: \"#10b981\",\n\n          // Changelog colors\n          [`--${prefix}-changelog-bg`]: \"#ffffff\",\n          [`--${prefix}-changelog-border`]: \"#e5e7eb\",\n          [`--${prefix}-changelog-text`]: \"#111827\",\n          [`--${prefix}-changelog-muted`]: \"#6b7280\",\n\n          // Spotlight/overlay\n          [`--${prefix}-overlay`]: \"rgba(0, 0, 0, 0.5)\",\n          [`--${prefix}-spotlight-ring`]: \"#3b82f6\",\n\n          // Tour\n          [`--${prefix}-tour-bg`]: \"#ffffff\",\n          [`--${prefix}-tour-shadow`]:\n            \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n\n          // Transitions\n          [`--${prefix}-duration`]: \"200ms\",\n          [`--${prefix}-easing`]: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n        },\n        // Dark mode overrides\n        \".dark, [data-theme='dark']\": {\n          [`--${prefix}-new`]: \"#60a5fa\",\n          [`--${prefix}-new-hover`]: \"#93c5fd\",\n          [`--${prefix}-changelog-bg`]: \"#1f2937\",\n          [`--${prefix}-changelog-border`]: \"#374151\",\n          [`--${prefix}-changelog-text`]: \"#f9fafb\",\n          [`--${prefix}-changelog-muted`]: \"#9ca3af\",\n          [`--${prefix}-tour-bg`]: \"#1f2937\",\n          [`--${prefix}-tour-shadow`]:\n            \"0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)\",\n        },\n        // Keyframe animations\n        \"@keyframes fd-pulse\": {\n          \"0%, 100%\": { opacity: \"1\" },\n          \"50%\": { opacity: \"0.5\" },\n        },\n        \"@keyframes fd-fade-in\": {\n          from: { opacity: \"0\", transform: \"translateY(4px)\" },\n          to: { opacity: \"1\", transform: \"translateY(0)\" },\n        },\n        \"@keyframes fd-slide-up\": {\n          from: { opacity: \"0\", transform: \"translateY(8px)\" },\n          to: { opacity: \"1\", transform: \"translateY(0)\" },\n        },\n        \"@keyframes fd-scale-in\": {\n          from: { opacity: \"0\", transform: \"scale(0.95)\" },\n          to: { opacity: \"1\", transform: \"scale(1)\" },\n        },\n        \"@keyframes fd-spotlight-glow\": {\n          \"0%, 100%\": { boxShadow: `0 0 0 4px var(--${prefix}-spotlight-ring)` },\n          \"50%\": { boxShadow: `0 0 0 8px var(--${prefix}-spotlight-ring)` },\n        },\n        // Reduced motion\n        \"@media (prefers-reduced-motion: reduce)\": {\n          \"*\": {\n            \"animation-duration\": \"0.01ms !important\",\n            \"animation-iteration-count\": \"1 !important\",\n          },\n        },\n      });\n\n      // Utility classes\n      addUtilities({\n        // Badge variants\n        [`.${prefix}-badge`]: {\n          display: \"inline-flex\",\n          \"align-items\": \"center\",\n          \"justify-content\": \"center\",\n          \"font-size\": \"0.75rem\",\n          \"font-weight\": \"500\",\n          \"line-height\": \"1\",\n          \"border-radius\": \"9999px\",\n          \"background-color\": `var(--${prefix}-new)`,\n          color: \"#ffffff\",\n          \"padding-left\": \"0.5rem\",\n          \"padding-right\": \"0.5rem\",\n          \"padding-top\": \"0.125rem\",\n          \"padding-bottom\": \"0.125rem\",\n        },\n        [`.${prefix}-badge-dot`]: {\n          display: \"inline-block\",\n          width: \"0.5rem\",\n          height: \"0.5rem\",\n          \"border-radius\": \"9999px\",\n          \"background-color\": `var(--${prefix}-new-dot)`,\n        },\n        [`.${prefix}-badge-count`]: {\n          display: \"inline-flex\",\n          \"align-items\": \"center\",\n          \"justify-content\": \"center\",\n          \"min-width\": \"1.25rem\",\n          height: \"1.25rem\",\n          \"font-size\": \"0.6875rem\",\n          \"font-weight\": \"600\",\n          \"line-height\": \"1\",\n          \"border-radius\": \"9999px\",\n          \"background-color\": `var(--${prefix}-new-dot)`,\n          color: \"#ffffff\",\n          \"padding-left\": \"0.375rem\",\n          \"padding-right\": \"0.375rem\",\n        },\n        // Animation utilities\n        [`.${prefix}-animate-pulse`]: {\n          animation: \"fd-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n        },\n        [`.${prefix}-animate-fade-in`]: {\n          animation: `fd-fade-in var(--${prefix}-duration) var(--${prefix}-easing) forwards`,\n        },\n        [`.${prefix}-animate-slide-up`]: {\n          animation: `fd-slide-up var(--${prefix}-duration) var(--${prefix}-easing) forwards`,\n        },\n        [`.${prefix}-animate-scale-in`]: {\n          animation: `fd-scale-in var(--${prefix}-duration) var(--${prefix}-easing) forwards`,\n        },\n        [`.${prefix}-animate-spotlight`]: {\n          animation: \"fd-spotlight-glow 2s ease-in-out infinite\",\n        },\n      });\n    },\n    config: {\n      theme: {\n        extend: {\n          colors: {\n            [prefix]: {\n              new: `var(--${prefix}-new)`,\n              \"new-hover\": `var(--${prefix}-new-hover)`,\n              dot: `var(--${prefix}-new-dot)`,\n              dismiss: `var(--${prefix}-dismiss)`,\n              success: `var(--${prefix}-success)`,\n            },\n          },\n        },\n      },\n    },\n  };\n};\n"]}

package/dist/testing.cjs

@@ -984,6 +984,7 @@ function FeatureDropProvider({
   locale = "en",
   animation = "normal",
   translations: translationOverrides,
+  engine,
   children
 }) {
   const analyticsRef = react.useRef(analytics);
@@ -1040,20 +1041,20 @@ function FeatureDropProvider({
       seenFeatureIds: readIdSet(SEEN_FEATURES_STORAGE_KEY),
       clickedFeatureIds: readIdSet(CLICKED_FEATURES_STORAGE_KEY),
       triggerContext: (() => {
-        const engine = triggerEngineRef.current;
-        if (!engine) return void 0;
-        engine.setElapsedMs(Date.now() - sessionStartedAtRef.current);
-        return engine.getContext();
+        const engine2 = triggerEngineRef.current;
+        if (!engine2) return void 0;
+        engine2.setElapsedMs(Date.now() - sessionStartedAtRef.current);
+        return engine2.getContext();
       })(),
       flagBridge
     })
   );
   const recompute = react.useCallback(() => {
-    const engine = triggerEngineRef.current;
+    const engine2 = triggerEngineRef.current;
     let triggerContext;
-    if (engine) {
-      engine.setElapsedMs(Date.now() - sessionStartedAtRef.current);
-      triggerContext = engine.getContext();
+    if (engine2) {
+      engine2.setElapsedMs(Date.now() - sessionStartedAtRef.current);
+      triggerContext = engine2.getContext();
     }
     setFeatureState(
       computeFeatureState({
@@ -1090,6 +1091,12 @@ function FeatureDropProvider({
   react.useEffect(() => {
     recompute();
   }, [recompute]);
+  react.useEffect(() => {
+    engine?.initialize?.();
+    return () => {
+      engine?.destroy?.();
+    };
+  }, [engine]);
   const hasTimeTriggers = react.useMemo(
     () => resolvedManifest.some((feature) => feature.trigger?.type === "time"),
     [resolvedManifest]
@@ -1372,7 +1379,8 @@ function FeatureDropProvider({
       trackUsageEvent,
       trackTriggerEvent,
       trackMilestone,
-      setTriggerPath
+      setTriggerPath,
+      engine: engine ?? null
     }),
     [
       resolvedManifest,
@@ -1406,7 +1414,8 @@ function FeatureDropProvider({
       trackUsageEvent,
       trackTriggerEvent,
       trackMilestone,
-      setTriggerPath
+      setTriggerPath,
+      engine
     ]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(FeatureDropContext.Provider, { value, children });