@storybook/addon-onboarding 10.5.0-alpha.1 → 10.5.0-alpha.10

package/README.md

@@ -6,8 +6,7 @@ This addon provides a guided tour in some of Storybook's features, helping you g
 
 ## Triggering the onboarding
 
-This addon comes installed by default in Storybook projects and should trigger automatically.
-If you want to retrigger the addon, you should make sure that your Storybook still contains the example stories that come when initializing Storybook, and you can then navigate to http://localhost:6006/?path=/onboarding after running Storybook.
+If you're setting up Storybook for the first time, you will be prompted to set up the onboarding addon. If you choose to skip it, you can always install it manually later if needed. To manually trigger the addon, ensure that your Storybook still contains the example stories added by default and navigate to http://localhost:6006/?path=/onboarding in your browser.
 
 ## Uninstalling
 

package/dist/_browser-chunks/{Onboarding-Q5GKVBY2.js → Onboarding-ISBUXTH6.js}

@@ -8,7 +8,7 @@ import {
 import {
   __commonJS,
   __toESM
-} from "./chunk-ZYVL3X5E.js";
+} from "./chunk-UBBB7RW7.js";
 
 // ../../../node_modules/scroll/index.js
 var require_scroll = __commonJS({
@@ -98,7 +98,7 @@ var require_cjs = __commonJS({
       var stringValue = Object.prototype.toString.call(value);
       return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
     }
-    var canUseSymbol = typeof Symbol == "function" && Symbol.for, REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
+    var canUseSymbol = typeof Symbol == "function" && Symbol.for, REACT_ELEMENT_TYPE = canUseSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
     function isReactElement(value) {
       return value.$$typeof === REACT_ELEMENT_TYPE;
     }
@@ -166,7 +166,7 @@ var require_cjs = __commonJS({
 var require_react_is_production_min = __commonJS({
   "../../../node_modules/react-is/cjs/react-is.production.min.js"(exports) {
     "use strict";
-    var b2 = typeof Symbol == "function" && Symbol.for, c2 = b2 ? Symbol.for("react.element") : 60103, d2 = b2 ? Symbol.for("react.portal") : 60106, e2 = b2 ? Symbol.for("react.fragment") : 60107, f2 = b2 ? Symbol.for("react.strict_mode") : 60108, g2 = b2 ? Symbol.for("react.profiler") : 60114, h2 = b2 ? Symbol.for("react.provider") : 60109, k2 = b2 ? Symbol.for("react.context") : 60110, l2 = b2 ? Symbol.for("react.async_mode") : 60111, m2 = b2 ? Symbol.for("react.concurrent_mode") : 60111, n2 = b2 ? Symbol.for("react.forward_ref") : 60112, p2 = b2 ? Symbol.for("react.suspense") : 60113, q = b2 ? Symbol.for("react.suspense_list") : 60120, r2 = b2 ? Symbol.for("react.memo") : 60115, t2 = b2 ? Symbol.for("react.lazy") : 60116, v2 = b2 ? Symbol.for("react.block") : 60121, w2 = b2 ? Symbol.for("react.fundamental") : 60117, x2 = b2 ? Symbol.for("react.responder") : 60118, y2 = b2 ? Symbol.for("react.scope") : 60119;
+    var b2 = typeof Symbol == "function" && Symbol.for, c2 = b2 ? /* @__PURE__ */ Symbol.for("react.element") : 60103, d2 = b2 ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, e2 = b2 ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, f2 = b2 ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, g2 = b2 ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, h2 = b2 ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, k2 = b2 ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l2 = b2 ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m2 = b2 ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, n2 = b2 ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p2 = b2 ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, q = b2 ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, r2 = b2 ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, t2 = b2 ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v2 = b2 ? /* @__PURE__ */ Symbol.for("react.block") : 60121, w2 = b2 ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x2 = b2 ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, y2 = b2 ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function z2(a2) {
       if (typeof a2 == "object" && a2 !== null) {
         var u2 = a2.$$typeof;
@@ -263,7 +263,7 @@ var require_react_is_development = __commonJS({
     "use strict";
     process.env.NODE_ENV !== "production" && (function() {
       "use strict";
-      var hasSymbol = typeof Symbol == "function" && Symbol.for, REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103, REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106, REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107, REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108, REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114, REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109, REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110, REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111, REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111, REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112, REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113, REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120, REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115, REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116, REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121, REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117, REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118, REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
+      var hasSymbol = typeof Symbol == "function" && Symbol.for, REACT_ELEMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103, REACT_PORTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, REACT_FRAGMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, REACT_STRICT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, REACT_PROFILER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, REACT_PROVIDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, REACT_CONTEXT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.context") : 60110, REACT_ASYNC_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, REACT_CONCURRENT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, REACT_FORWARD_REF_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, REACT_SUSPENSE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, REACT_SUSPENSE_LIST_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, REACT_MEMO_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, REACT_LAZY_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, REACT_BLOCK_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.block") : 60121, REACT_FUNDAMENTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, REACT_RESPONDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, REACT_SCOPE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
       function isValidElementType(type) {
         return typeof type == "string" || typeof type == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
         type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type == "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
@@ -2598,15 +2598,7 @@ function toValue(str, measurement, popperOffsets, referenceOffsets) {
     return str;
   if (unit.indexOf("%") === 0) {
     var element = void 0;
-    switch (unit) {
-      case "%p":
-        element = popperOffsets;
-        break;
-      case "%":
-      case "%r":
-      default:
-        element = referenceOffsets;
-    }
+    unit === "%p" ? element = popperOffsets : element = referenceOffsets;
     var rect = getClientRect(element);
     return rect[measurement] / 100 * value;
   } else if (unit === "vh" || unit === "vw") {

package/dist/_browser-chunks/{Survey-DWFAZIJS.js → Survey-ONUNS54C.js}

@@ -4,7 +4,7 @@ import {
 import {
   ADDON_ONBOARDING_CHANNEL
 } from "./chunk-VFOIHBP2.js";
-import "./chunk-ZYVL3X5E.js";
+import "./chunk-UBBB7RW7.js";
 
 // src/Survey.tsx
 import React, { useCallback, useEffect, useState } from "react";

package/dist/_browser-chunks/{chunk-ZYVL3X5E.js → chunk-UBBB7RW7.js}

@@ -4,7 +4,11 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  try {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  } catch (e) {
+    throw mod = 0, e;
+  }
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from == "object" || typeof from == "function")

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./_browser-chunks/chunk-ZYVL3X5E.js";
+import "./_browser-chunks/chunk-UBBB7RW7.js";
 
 // src/index.ts
 var index_default = {};

package/dist/manager.js

@@ -2,14 +2,14 @@ import {
   ADDON_CONTROLS_ID,
   ADDON_ID
 } from "./_browser-chunks/chunk-VFOIHBP2.js";
-import "./_browser-chunks/chunk-ZYVL3X5E.js";
+import "./_browser-chunks/chunk-UBBB7RW7.js";
 
 // src/manager.tsx
 import React, { Suspense, lazy } from "react";
 import { createRoot } from "react-dom/client";
 import { STORY_SPECIFIED } from "storybook/internal/core-events";
 import { addons, internal_universalChecklistStore as checklistStore } from "storybook/manager-api";
-var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-Q5GKVBY2.js")), Survey = lazy(() => import("./_browser-chunks/Survey-DWFAZIJS.js")), root = null, render = (node) => {
+var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-ISBUXTH6.js")), Survey = lazy(() => import("./_browser-chunks/Survey-ONUNS54C.js")), root = null, render = (node) => {
   let container = document.getElementById("storybook-addon-onboarding");
   container || (container = document.createElement("div"), container.id = "storybook-addon-onboarding", document.body.appendChild(container)), root = root ?? createRoot(container), root.render(React.createElement(Suspense, { fallback: React.createElement("div", null) }, node));
 };

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_8q1thjbdvh from 'node:url';
-import CJS_COMPAT_NODE_PATH_8q1thjbdvh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8q1thjbdvh from "node:module";
+import CJS_COMPAT_NODE_URL_isgs61c7k6r from 'node:url';
+import CJS_COMPAT_NODE_PATH_isgs61c7k6r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_isgs61c7k6r from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8q1thjbdvh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8q1thjbdvh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8q1thjbdvh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_isgs61c7k6r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_isgs61c7k6r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_isgs61c7k6r.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,7 +14,7 @@ var require = CJS_COMPAT_NODE_MODULE_8q1thjbdvh.createRequire(import.meta.url);
 import { telemetry } from "storybook/internal/telemetry";
 
 // package.json
-var version = "10.5.0-alpha.1";
+var version = "10.5.0-alpha.10";
 
 // src/constants.ts
 var ADDON_ID = "storybook/onboarding", ADDON_ONBOARDING_CHANNEL = `${ADDON_ID}/channel`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "10.5.0-alpha.1",
+  "version": "10.5.0-alpha.10",
   "description": "Storybook Onboarding: Help new users learn how to write stories",
   "keywords": [
     "storybook",
@@ -56,7 +56,7 @@
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "storybook": "^10.5.0-alpha.1"
+    "storybook": "^10.5.0-alpha.10"
   },
   "publishConfig": {
     "access": "public"