storybook 10.4.2 → 10.6.0

package/dist/_browser-chunks/{Color-QOVTYR6E.js → Color-BT4BG5DT.js}

@@ -1,11 +1,11 @@
 import {
   getControlId
-} from "./chunk-4AB3IUR2.js";
+} from "./chunk-YPBWNTGF.js";
 import "./chunk-NZMVUW5T.js";
 import {
   __commonJS,
   __toESM
-} from "./chunk-A242L54C.js";
+} from "./chunk-IMSF75WX.js";
 
 // ../../node_modules/color-name/index.js
 var require_color_name = __commonJS({
@@ -611,7 +611,7 @@ function partialImpl(func, placeholder, ...partialArgs) {
   };
   return func.prototype && (partialed.prototype = Object.create(func.prototype)), partialed;
 }
-var placeholderSymbol = Symbol("partial.placeholder");
+var placeholderSymbol = /* @__PURE__ */ Symbol("partial.placeholder");
 partial.placeholder = placeholderSymbol;
 
 // ../../node_modules/es-toolkit/dist/function/partialRight.mjs
@@ -625,7 +625,7 @@ function partialRightImpl(func, placeholder, ...partialArgs) {
   };
   return func.prototype && (partialedRight.prototype = Object.create(func.prototype)), partialedRight;
 }
-var placeholderSymbol2 = Symbol("partialRight.placeholder");
+var placeholderSymbol2 = /* @__PURE__ */ Symbol("partialRight.placeholder");
 partialRight.placeholder = placeholderSymbol2;
 
 // ../../node_modules/es-toolkit/dist/function/retry.mjs
@@ -1022,6 +1022,7 @@ var Wrapper = styled.div({
 }, ColorControl = ({
   name,
   storyId,
+  controlsId,
   value: initialValue,
   onChange,
   onFocus,
@@ -1029,12 +1030,13 @@ var Wrapper = styled.div({
   presetColors,
   maxPresetColors,
   startOpen = !1,
-  argType
+  argType,
+  required
 }) => {
   let debouncedOnChange = useCallback(debounce(onChange, 200), [onChange]), { value, realValue, updateValue, color, colorSpace, cycleColorSpace } = useColorInput(
     initialValue,
     debouncedOnChange
-  ), { presets, addPreset } = usePresets(presetColors ?? [], color, colorSpace, maxPresetColors), Picker = ColorPicker[colorSpace], readOnly = !!argType?.table?.readonly, controlId = getControlId(name, storyId);
+  ), { presets, addPreset } = usePresets(presetColors ?? [], color, colorSpace, maxPresetColors), Picker = ColorPicker[colorSpace], readOnly = !!argType?.table?.readonly, controlId = getControlId(name, storyId, controlsId);
   return React.createElement(Wrapper, null, React.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React.createElement(
     Input,
     {
@@ -1043,6 +1045,7 @@ var Wrapper = styled.div({
       onChange: (e2) => updateValue(e2.target.value),
       onFocus: (e2) => e2.target.select(),
       readOnly,
+      "aria-required": required || void 0,
       placeholder: "Choose color..."
     }
   ), React.createElement(

package/dist/_browser-chunks/{WithTooltip-65CFNBJE.js → WithTooltip-CDUNV5IS.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk-LE2LTDW3.js";
 import {
   require_memoizerific
-} from "./chunk-ZCFV7BZB.js";
+} from "./chunk-DRQKCCAG.js";
 import {
   __commonJS,
   __toESM
-} from "./chunk-A242L54C.js";
+} from "./chunk-IMSF75WX.js";
 
 // ../../node_modules/react-fast-compare/index.js
 var require_react_fast_compare = __commonJS({
@@ -1497,6 +1497,7 @@ var { document: document2 } = global, match = (0, import_memoizerific.default)(1
             drop-shadow(0 1px 3px rgba(0,0,0,0.1))
           `,
     borderRadius: theme.appBorderRadius + 2,
+    fontFamily: theme.typography.fonts.base,
     fontSize: theme.typography.size.s1
   } : {}
 ), Tooltip = React7.forwardRef(

package/dist/_browser-chunks/chunk-3PFG54GG.js

@@ -0,0 +1,232 @@
+import {
+  StorybookError
+} from "./chunk-LKJ5WGKT.js";
+import {
+  require_picocolors_browser
+} from "./chunk-SC67XZST.js";
+import {
+  __toESM
+} from "./chunk-IMSF75WX.js";
+
+// src/server-errors.ts
+var import_picocolors = __toESM(require_picocolors_browser(), 1);
+
+// src/shared/open-service/errors.ts
+function formatIssuePath(path) {
+  return path?.length ? path.map((segment) => {
+    let key = typeof segment == "object" && segment !== null && "key" in segment ? segment.key : segment;
+    return typeof key == "number" ? `[${key}]` : `.${String(key)}`;
+  }).join("").replace(/^\./, "") : "";
+}
+function formatIssues(issues) {
+  return issues.map((issue) => {
+    let path = formatIssuePath(issue.path);
+    return path === "" ? issue.message : `${path}: ${issue.message}`;
+  }).join(`
+`);
+}
+
+// src/server-errors.ts
+var OpenServiceValidationError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceValidationError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 5,
+      message: `Invalid ${data.phase} for ${data.kind} "${data.serviceId}.${data.name}":
+${formatIssues(
+        data.issues
+      )}`
+    });
+    this.data = data;
+  }
+};
+var OpenServiceMissingServiceError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceMissingServiceError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 7,
+      message: `No registered service with id "${data.serviceId}" exists in this environment.`
+    });
+    this.data = data;
+  }
+}, OpenServiceInternalServiceError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceInternalServiceError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 19,
+      message: `Service "${data.serviceId}" is internal. Pass { internal: true } to getService() only if you intentionally depend on an unstable OSA surface. Internal services may change without notice.`
+    });
+    this.data = data;
+  }
+}, OpenServiceUnimplementedOperationError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceUnimplementedOperationError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 8,
+      message: `${data.kind[0].toUpperCase()}${data.kind.slice(1)} "${data.serviceId}.${data.name}" is not implemented for this environment.`
+    });
+    this.data = data;
+  }
+}, OpenServiceInvalidStaticPathError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceInvalidStaticPathError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 10,
+      message: `Invalid static path "${data.path}" for query "${data.serviceId}.${data.name}": use a relative path with forward slashes and no ".." segments.`
+    });
+    this.data = data;
+  }
+}, OpenServiceAsyncSchemaError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceAsyncSchemaError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 9,
+      message: `Async schema for ${data.kind} "${data.serviceId}.${data.name}" (${data.phase}): query input and output schemas must validate synchronously.`
+    });
+    this.data = data;
+  }
+}, OpenServiceLoadedDrainExceededError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceLoadedDrainExceededError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 11,
+      message: `Query "${data.serviceId}.${data.name}".loaded(...) did not settle after ${data.iterations} drain iterations. Check for handlers that keep discovering new dependencies after every state change.`
+    });
+    this.data = data;
+  }
+};
+var OpenServiceMissingChannelError = class extends StorybookError {
+  constructor(data = {}) {
+    super({
+      name: "OpenServiceMissingChannelError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 13,
+      message: data.serviceId ? `Cannot register service "${data.serviceId}": the Storybook addons channel is not installed in this runtime.` : "The Storybook addons channel is not installed in this runtime."
+    });
+    this.data = data;
+  }
+}, OpenServiceRemoteCommandDisconnectedError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceRemoteCommandDisconnectedError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 14,
+      message: `Service "${data.serviceId}" was unregistered before a remote command resolved.`
+    });
+    this.data = data;
+  }
+}, OpenServiceRemoteCommandUnhandledError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceRemoteCommandUnhandledError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 15,
+      message: data.delegated ? `The Storybook this runtime is attached to did not acknowledge remote command "${data.serviceId}.${data.commandName}" in time \u2014 it may be busy or unreachable. Retry; note the command may still have executed on that instance.` : `No runtime acknowledged remote command "${data.serviceId}.${data.commandName}"; its handler is not implemented in any connected runtime.`
+    });
+    this.data = data;
+  }
+}, OpenServiceRemoteCommandConfigDriftError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceRemoteCommandConfigDriftError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 30,
+      message: `The Storybook this runtime is attached to reported it has no handler for remote command "${data.serviceId}.${data.commandName}". The two processes are running different configurations (for example a feature flag enabled in one but not the other). Restart the attached Storybook with a configuration matching this process.`
+    });
+    this.data = data;
+  }
+}, OpenServiceOperationNameCollisionError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceOperationNameCollisionError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 16,
+      message: `Service "${data.serviceId}" cannot register "${data.operationName}" as both a query and a command.`
+    });
+    this.data = data;
+  }
+};
+var OpenServiceMissingToolsetError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceMissingToolsetError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 23,
+      message: `No registered toolset with id "${data.toolsetId}" exists in this environment.`
+    });
+    this.data = data;
+  }
+}, OpenServiceDuplicateToolsetError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceDuplicateToolsetError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 24,
+      message: `A toolset with id "${data.toolsetId}" is already registered. Each public toolset must be registered exactly once.`
+    });
+    this.data = data;
+  }
+};
+var OpenServiceInvalidToolsetMethodIdError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceInvalidToolsetMethodIdError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 28,
+      message: `Invalid toolset method id "${data.methodId}". Expected exactly one separator: toolsetId.methodName.`
+    });
+    this.data = data;
+  }
+}, OpenServiceDuplicateToolNameError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "OpenServiceDuplicateToolNameError",
+      category: "CORE-COMMON" /* CORE_COMMON */,
+      code: 29,
+      message: data.transport === "mcp" ? `Derived MCP tool name "${data.derivedName}" collides between "${data.first}" and "${data.second}". Rename one toolset id or method key.` : `Derived CLI method name "${data.derivedName}" collides between "${data.first}" and "${data.second}" in the same toolset. Rename one method key.`
+    });
+    this.data = data;
+  }
+};
+var StatusTypeIdMismatchError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "StatusTypeIdMismatchError",
+      category: "CORE-SERVER" /* CORE_SERVER */,
+      code: 16,
+      message: `Status has typeId "${data.status.typeId}" but was added to store with typeId "${data.typeId}". Full status: ${JSON.stringify(
+        data.status,
+        null,
+        2
+      )}`
+    });
+    this.data = data;
+  }
+};
+
+export {
+  OpenServiceValidationError,
+  OpenServiceMissingServiceError,
+  OpenServiceInternalServiceError,
+  OpenServiceUnimplementedOperationError,
+  OpenServiceInvalidStaticPathError,
+  OpenServiceAsyncSchemaError,
+  OpenServiceLoadedDrainExceededError,
+  OpenServiceMissingChannelError,
+  OpenServiceRemoteCommandDisconnectedError,
+  OpenServiceRemoteCommandUnhandledError,
+  OpenServiceRemoteCommandConfigDriftError,
+  OpenServiceOperationNameCollisionError,
+  OpenServiceMissingToolsetError,
+  OpenServiceDuplicateToolsetError,
+  OpenServiceInvalidToolsetMethodIdError,
+  OpenServiceDuplicateToolNameError,
+  StatusTypeIdMismatchError
+};

package/dist/_browser-chunks/chunk-6YDLG6WW.js

@@ -0,0 +1,18 @@
+// src/backgrounds/constants.ts
+var ADDON_ID = "storybook/background", PARAM_KEY = "backgrounds", GRID_PARAM_KEY = "grid", EVENTS = {
+  UPDATE: `${ADDON_ID}/update`
+};
+
+// src/backgrounds/defaults.ts
+var DEFAULT_BACKGROUNDS = {
+  light: { name: "light", value: "#F8F8F8" },
+  dark: { name: "dark", value: "#333" }
+};
+
+export {
+  ADDON_ID,
+  PARAM_KEY,
+  GRID_PARAM_KEY,
+  EVENTS,
+  DEFAULT_BACKGROUNDS
+};

package/dist/_browser-chunks/{chunk-YK43Z22A.js → chunk-7PIQR4A3.js}

@@ -26,7 +26,7 @@ import {
   uint32ArrayTag,
   uint8ArrayTag,
   uint8ClampedArrayTag
-} from "./chunk-LCHBOIHN.js";
+} from "./chunk-Z3B64JMR.js";
 
 // ../../node_modules/es-toolkit/dist/object/mapValues.mjs
 function mapValues(object, getNewValue) {
@@ -239,9 +239,6 @@ function omit(obj, keys) {
   return result;
 }
 
-// ../../node_modules/es-toolkit/dist/string/words.mjs
-var CASE_SPLIT_PATTERN = new RegExp("\\p{Lu}?\\p{Ll}+|[0-9]+|\\p{Lu}+(?!\\p{Ll})|\\p{Emoji_Presentation}|\\p{Extended_Pictographic}|\\p{L}+", "gu");
-
 // ../../node_modules/es-toolkit/dist/object/toMerged.mjs
 function toMerged(target, source) {
   return mergeWith(clone(target), source, function mergeRecursively(targetValue, sourceValue) {

package/dist/_browser-chunks/{chunk-2GLGVABT.js → chunk-A26ZOLVJ.js}

@@ -1,3 +1,16 @@
+import {
+  Channel
+} from "./chunk-KK3JJ3E4.js";
+
+// src/channels/mock-channel.ts
+function mockChannel() {
+  return new Channel({
+    transport: { setHandler: () => {
+    }, send: () => {
+    } }
+  });
+}
+
 // src/shared/constants/tags.ts
 var Tag = {
   /** Indicates that autodocs should be generated for this component */
@@ -23,6 +36,7 @@ var Tag = {
 }, USER_TAG_FILTER = (tag) => (entry, excluded) => excluded ? !entry.tags?.includes(tag) : !!entry.tags?.includes(tag);
 
 export {
+  mockChannel,
   Tag,
   BUILT_IN_FILTERS,
   USER_TAG_FILTER

package/dist/_browser-chunks/chunk-B3TL3N57.js

@@ -0,0 +1,102 @@
+import {
+  array,
+  custom,
+  looseObject,
+  object,
+  optional,
+  record,
+  string,
+  undefined_,
+  void_
+} from "./chunk-VM65THJG.js";
+
+// src/measure/constants.ts
+var ADDON_ID = "storybook/measure-addon", TOOL_ID = `${ADDON_ID}/tool`, PARAM_KEY = "measureEnabled", EVENTS = {
+  RESULT: `${ADDON_ID}/result`,
+  REQUEST: `${ADDON_ID}/request`,
+  CLEAR: `${ADDON_ID}/clear`
+};
+
+// src/outline/constants.ts
+var ADDON_ID2 = "storybook/outline", PARAM_KEY2 = "outline";
+
+// src/shared/open-service/services/docgen/definition.ts
+import { defineService } from "storybook/open-service";
+
+// src/shared/open-service/services/docgen/paths.ts
+function docgenQueryStaticPath(id) {
+  return `${id}.json`;
+}
+
+// src/shared/open-service/services/docgen/definition.ts
+var docgenInputSchema = object({ id: string() }), argTypesSchema = custom(
+  (value) => typeof value == "object" && value !== null && !Array.isArray(value)
+), docgenErrorSchema = object({
+  name: string(),
+  message: string()
+}), docgenJsDocTagsSchema = record(string(), array(string())), docgenComponentFields = {
+  name: string(),
+  path: string(),
+  description: optional(string()),
+  summary: optional(string()),
+  jsDocTags: docgenJsDocTagsSchema,
+  argTypes: optional(argTypesSchema),
+  error: optional(docgenErrorSchema)
+}, docgenSubcomponentFields = {
+  ...docgenComponentFields,
+  import: optional(string())
+}, docgenSubcomponentSchema = looseObject(docgenSubcomponentFields), docgenPayloadSchema = looseObject({
+  id: string(),
+  ...docgenComponentFields,
+  subcomponents: optional(record(string(), docgenSubcomponentSchema))
+}), docgenOutputSchema = optional(docgenPayloadSchema), docgenServiceDef = defineService({
+  id: "core/docgen",
+  internal: !0,
+  description: "Component documentation (name, description, props, JSDoc tags) keyed by component id.",
+  initialState: { components: {} },
+  queries: {
+    docgen: {
+      description: "Returns the docgen payload for one component id, or undefined when not loaded.",
+      input: docgenInputSchema,
+      output: docgenOutputSchema,
+      handler: (input, ctx) => ctx.self.state.components[input.id],
+      load: async (input, ctx) => {
+        await ctx.self.commands.extractDocgen(input);
+      },
+      staticPath: (input) => docgenQueryStaticPath(input.id)
+    },
+    docgenForAllComponents: {
+      description: "Returns docgen payloads for every component in the story index.",
+      input: void_(),
+      output: record(string(), docgenPayloadSchema),
+      handler: (_input, ctx) => ctx.self.state.components,
+      load: async (_input, ctx) => {
+        await ctx.self.commands.extractAllDocgen(void 0);
+      }
+    }
+  },
+  commands: {
+    extractDocgen: {
+      description: "Resolves the story entry for a component id, runs the registered provider chain, writes the result into state, and returns it (or undefined when no provider produced docgen).",
+      input: docgenInputSchema,
+      output: docgenOutputSchema
+      // Handler is supplied at registration time so it can close over the story index and the
+      // composed experimental_docgenProvider chain.
+    },
+    extractAllDocgen: {
+      description: "Extracts docgen for every component id in the story index by invoking `extractDocgen` for each.",
+      input: undefined_(),
+      output: void_()
+      // Handler is supplied at registration time so it can close over the story index.
+    }
+  }
+});
+
+export {
+  ADDON_ID,
+  TOOL_ID,
+  PARAM_KEY,
+  ADDON_ID2,
+  PARAM_KEY2,
+  docgenServiceDef
+};