@ds-mo/ui 8.3.1 → 9.1.0

package/dist/mcp-data/registry/shell-gradient-picker.json

@@ -0,0 +1,195 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "shell-gradient-picker",
+  "title": "ShellGradientPicker",
+  "description": "Deprecated compatibility wrapper that maps the fixed AppShell wash presets into SwatchPicker.",
+  "type": "registry:ui",
+  "meta": {
+    "library": "@ds-mo/ui",
+    "distribution": "npm",
+    "storybook": "https://zainadeel.github.io/compomo/?path=/story/shell-gradient-picker",
+    "source": "src/wc/components/ShellGradientPicker/ShellGradientPicker.tsx",
+    "intentStatus": "complete",
+    "intent": {
+      "audience": "specialized",
+      "status": "deprecated",
+      "replacedBy": "component:ds-swatch-picker",
+      "replacementReason": "SwatchPicker now owns the same accessible interaction with a generic option model that supports both flat colors and gradients.",
+      "summary": "Deprecated compatibility wrapper that maps the fixed AppShell wash presets into SwatchPicker.",
+      "useWhen": [
+        "Adding the Appearance or Theme section to the application's user or account menu.",
+        "Users must choose the global AppShell chrome treatment from none, cool, neutral, warm, or fresh."
+      ],
+      "avoidWhen": [
+        "Choosing semantic intent, page background, chart, content, or brand colors.",
+        "Building an arbitrary gradient editor or allowing custom gradient values.",
+        "A picker already exists for the application; provide exactly one canonical preference location.",
+        "Rendering an individual swatch outside the complete picker."
+      ],
+      "alternatives": [
+        {
+          "when": "The user is selecting the application light, dark, or system color mode.",
+          "component": "component:ds-menu",
+          "reason": "Color mode is a separate appearance preference and should use ordinary menu selection rows."
+        }
+      ],
+      "commonlyComposedWith": [
+        "component:ds-app-shell",
+        "component:ds-menu"
+      ],
+      "patterns": [
+        "pattern:application-shell"
+      ],
+      "accessibility": [
+        "Provide a localized groupLabel that describes the shell appearance choice.",
+        "Treat the presets as one radio group with one Tab stop; Arrow keys, Home, and End move and select within the group.",
+        "Keep the visible compact swatches and their accessible preset names; do not rely on color alone for assistive technology."
+      ],
+      "states": [
+        "Neutral is the default preset; none renders solid shell chrome without a wash.",
+        "Cool, neutral, warm, and fresh use design tokens and automatically adapt to the active light or dark color theme.",
+        "Apply dsChange immediately to AppShell.gradientPreset and keep the containing account menu open.",
+        "The application owns local persistence, cross-tab synchronization, and server or account preference precedence; the picker owns only selection UI and events.",
+        "Treat the fixed preset union as the only supported values and do not construct custom gradients."
+      ],
+      "responsiveBehavior": [
+        "Keep the compact picker in the user or account appearance menu on supported desktop and tablet shell compositions.",
+        "The future mobile account surface may present the same preference differently."
+      ],
+      "frameworkCaveats": {
+        "customElements": [
+          "Listen for dsChange, resolve application preference precedence, and assign the result to the single AppShell gradientPreset property."
+        ],
+        "react": [
+          "Use the generated wrapper and handle onDsChange without closing the containing account menu."
+        ],
+        "angular": [
+          "Bind value to the resolved preference and handle dsChange to update application state."
+        ]
+      },
+      "references": [
+        {
+          "label": "Replacement stories",
+          "path": "src/wc/components/SwatchPicker/SwatchPicker.stories.ts"
+        },
+        {
+          "label": "AppShell gradient contract",
+          "path": "src/wc/components/AppShell/AppShell.mdx"
+        },
+        {
+          "label": "Application shell composition",
+          "path": "agent/patterns/application-shell/pattern.agent.json"
+        }
+      ]
+    },
+    "api": {
+      "props": {
+        "groupLabel": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "group-label",
+          "default": "'Shell gradient theme'",
+          "required": false,
+          "mutable": false
+        },
+        "value": {
+          "type": "ShellGradientPreset",
+          "resolvedType": "\"cool\" | \"fresh\" | \"neutral\" | \"none\" | \"warm\"",
+          "attribute": "value",
+          "default": "'neutral'",
+          "required": false,
+          "mutable": true,
+          "description": "Active shell wash preset."
+        }
+      },
+      "events": [
+        {
+          "name": "dsChange",
+          "detail": "ShellGradientPreset",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true
+        }
+      ],
+      "methods": [],
+      "slots": []
+    },
+    "props": {
+      "groupLabel": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "group-label",
+        "default": "'Shell gradient theme'",
+        "required": false,
+        "mutable": false
+      },
+      "value": {
+        "type": "ShellGradientPreset",
+        "resolvedType": "\"cool\" | \"fresh\" | \"neutral\" | \"none\" | \"warm\"",
+        "attribute": "value",
+        "default": "'neutral'",
+        "required": false,
+        "mutable": true,
+        "description": "Active shell wash preset."
+      }
+    },
+    "events": [
+      {
+        "name": "dsChange",
+        "detail": "ShellGradientPreset",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true
+      }
+    ],
+    "methods": [],
+    "slots": [],
+    "exports": {
+      "customElement": "ds-shell-gradient-picker",
+      "react": "DsShellGradientPicker",
+      "angular": "DsShellGradientPicker"
+    },
+    "consumption": {
+      "install": "npm install @ds-mo/ui @ds-mo/tokens @ds-mo/icons",
+      "cssSetup": "import '@ds-mo/tokens';\nimport '@ds-mo/tokens/reset';\nimport '@ds-mo/tokens/globals';",
+      "customElements": {
+        "import": "import '@ds-mo/ui/dist/components/ds-shell-gradient-picker.js';",
+        "example": "<ds-shell-gradient-picker></ds-shell-gradient-picker>"
+      },
+      "react": {
+        "import": "import { DsShellGradientPicker } from '@ds-mo/ui/react';",
+        "example": "<DsShellGradientPicker />"
+      },
+      "angular": {
+        "import": "import { DsShellGradientPicker } from '@ds-mo/ui/angular/ds-shell-gradient-picker';",
+        "example": "<ds-shell-gradient-picker></ds-shell-gradient-picker>"
+      },
+      "peerDependencies": {
+        "required": [
+          "@ds-mo/tokens ^3.1.1",
+          "@ds-mo/icons ^6.2.0"
+        ],
+        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+      }
+    }
+  },
+  "dependencies": [
+    "@ds-mo/ui",
+    "@ds-mo/tokens"
+  ],
+  "registryDependencies": [
+    "swatch-picker"
+  ],
+  "files": [
+    {
+      "path": "src/wc/components/ShellGradientPicker/ShellGradientPicker.css",
+      "content": ":host {\n  display: block;\n  width: 100%;\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/wc/components/ShellGradientPicker/ShellGradientPicker.tsx",
+      "content": "import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport {\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  normalizeShellGradientPreset,\n  type ShellGradientPreset,\n} from '../ShellGradientSwatch/shell-gradient-swatch-types';\nimport { shellGradientPickerSections } from '../../shell/shell-gradient-presets';\n\n/** @deprecated Use `ds-swatch-picker` with shell preset options. */\n@Component({\n  tag: 'ds-shell-gradient-picker',\n  styleUrl: 'ShellGradientPicker.css',\n  scoped: true,\n})\nexport class ShellGradientPicker {\n  /** Active shell wash preset. */\n  @Prop({ mutable: true, reflect: true }) value: ShellGradientPreset =\n    DEFAULT_SHELL_GRADIENT_PRESET;\n  @Prop() groupLabel: string = 'Shell gradient theme';\n\n  @Event() dsChange!: EventEmitter<ShellGradientPreset>;\n\n  private handleChange = (value: string) => {\n    const normalized = normalizeShellGradientPreset(value);\n    if (normalized === normalizeShellGradientPreset(this.value)) return;\n    this.value = normalized;\n    this.dsChange.emit(normalized);\n  };\n\n  render() {\n    return (\n      <Host>\n        <ds-swatch-picker\n          value={normalizeShellGradientPreset(this.value)}\n          groupLabel={this.groupLabel}\n          sections={shellGradientPickerSections()}\n          onDsChange={(event: CustomEvent<string>) => {\n            event.stopPropagation();\n            this.handleChange(event.detail);\n          }}\n        />\n      </Host>\n    );\n  }\n}\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/mcp-data/registry/shell-gradient-swatch.json

@@ -0,0 +1,215 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "shell-gradient-swatch",
+  "title": "ShellGradientSwatch",
+  "description": "Deprecated internal compatibility component for one legacy AppShell gradient swatch.",
+  "type": "registry:ui",
+  "meta": {
+    "library": "@ds-mo/ui",
+    "distribution": "npm",
+    "storybook": "https://zainadeel.github.io/compomo/?path=/story/shell-gradient-swatch",
+    "source": "src/wc/components/ShellGradientSwatch/ShellGradientSwatch.tsx",
+    "intentStatus": "complete",
+    "intent": {
+      "audience": "internal",
+      "status": "deprecated",
+      "replacedBy": "component:ds-swatch-picker",
+      "replacementReason": "SwatchPicker renders its option buttons internally so an individually published radio swatch is no longer needed.",
+      "summary": "Deprecated internal compatibility component for one legacy AppShell gradient swatch.",
+      "useWhen": [
+        "Maintaining or extending ShellGradientPicker inside CompoMo."
+      ],
+      "avoidWhen": [
+        "Building application UI directly; use ShellGradientPicker instead.",
+        "Selecting semantic, brand, chart, page, or arbitrary gradient colors.",
+        "Creating a partial or custom set of shell gradient choices."
+      ],
+      "alternatives": [
+        {
+          "when": "An application needs the supported global shell appearance control.",
+          "component": "component:ds-swatch-picker",
+          "reason": "SwatchPicker provides the complete radio-group semantics, keyboard behavior, generic previews, and selection event."
+        }
+      ],
+      "commonlyComposedWith": [
+        "component:ds-swatch-picker"
+      ],
+      "accessibility": [
+        "Keep radio semantics, aria-checked state, and a preset-specific accessible name on the internal button.",
+        "Let ShellGradientPicker manage the roving tab stop and group keyboard navigation.",
+        "Do not expose an unlabeled color-only choice."
+      ],
+      "states": [
+        "Preset determines the token-based preview; selected determines radio state and selected visuals.",
+        "The selected swatch owns the radio group's single tab stop while ShellGradientPicker coordinates selection and focus movement.",
+        "isInactive disables interaction but does not remove the accessible name."
+      ],
+      "responsiveBehavior": [
+        "Preserve the fixed compact swatch geometry and let ShellGradientPicker own layout."
+      ],
+      "frameworkCaveats": {
+        "customElements": [
+          "Do not instantiate this internal primitive in consuming applications."
+        ],
+        "react": [
+          "Use DsShellGradientPicker rather than the generated swatch wrapper."
+        ],
+        "angular": [
+          "Use DsShellGradientPicker rather than importing DsShellGradientSwatch."
+        ]
+      },
+      "references": [
+        {
+          "label": "Parent picker",
+          "path": "src/wc/components/ShellGradientPicker/ShellGradientPicker.tsx"
+        }
+      ]
+    },
+    "api": {
+      "props": {
+        "ariaLabel": {
+          "type": "string | null",
+          "resolvedType": "null | string",
+          "attribute": "aria-label",
+          "default": "null",
+          "required": false,
+          "mutable": false
+        },
+        "isInactive": {
+          "type": "boolean",
+          "resolvedType": "boolean",
+          "attribute": "is-inactive",
+          "default": "false",
+          "required": false,
+          "mutable": false
+        },
+        "preset": {
+          "type": "ShellGradientPreset",
+          "resolvedType": "\"cool\" | \"fresh\" | \"neutral\" | \"none\" | \"warm\"",
+          "attribute": "preset",
+          "default": "'neutral'",
+          "required": false,
+          "mutable": false,
+          "description": "Wash preset this orb previews."
+        },
+        "selected": {
+          "type": "boolean",
+          "resolvedType": "boolean",
+          "attribute": "selected",
+          "default": "false",
+          "required": false,
+          "mutable": false,
+          "description": "Selected — brand stroke + halo over inner fill/border/interaction stack."
+        }
+      },
+      "events": [
+        {
+          "name": "dsSelect",
+          "detail": "ShellGradientPreset",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true
+        }
+      ],
+      "methods": [],
+      "slots": []
+    },
+    "props": {
+      "ariaLabel": {
+        "type": "string | null",
+        "resolvedType": "null | string",
+        "attribute": "aria-label",
+        "default": "null",
+        "required": false,
+        "mutable": false
+      },
+      "isInactive": {
+        "type": "boolean",
+        "resolvedType": "boolean",
+        "attribute": "is-inactive",
+        "default": "false",
+        "required": false,
+        "mutable": false
+      },
+      "preset": {
+        "type": "ShellGradientPreset",
+        "resolvedType": "\"cool\" | \"fresh\" | \"neutral\" | \"none\" | \"warm\"",
+        "attribute": "preset",
+        "default": "'neutral'",
+        "required": false,
+        "mutable": false,
+        "description": "Wash preset this orb previews."
+      },
+      "selected": {
+        "type": "boolean",
+        "resolvedType": "boolean",
+        "attribute": "selected",
+        "default": "false",
+        "required": false,
+        "mutable": false,
+        "description": "Selected — brand stroke + halo over inner fill/border/interaction stack."
+      }
+    },
+    "events": [
+      {
+        "name": "dsSelect",
+        "detail": "ShellGradientPreset",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true
+      }
+    ],
+    "methods": [],
+    "slots": [],
+    "exports": {
+      "customElement": "ds-shell-gradient-swatch",
+      "react": "DsShellGradientSwatch",
+      "angular": "DsShellGradientSwatch"
+    },
+    "consumption": {
+      "install": "npm install @ds-mo/ui @ds-mo/tokens @ds-mo/icons",
+      "cssSetup": "import '@ds-mo/tokens';\nimport '@ds-mo/tokens/reset';\nimport '@ds-mo/tokens/globals';",
+      "customElements": {
+        "import": "import '@ds-mo/ui/dist/components/ds-shell-gradient-swatch.js';",
+        "example": "<ds-shell-gradient-swatch></ds-shell-gradient-swatch>"
+      },
+      "react": {
+        "import": "import { DsShellGradientSwatch } from '@ds-mo/ui/react';",
+        "example": "<DsShellGradientSwatch />"
+      },
+      "angular": {
+        "import": "import { DsShellGradientSwatch } from '@ds-mo/ui/angular/ds-shell-gradient-swatch';",
+        "example": "<ds-shell-gradient-swatch></ds-shell-gradient-swatch>"
+      },
+      "peerDependencies": {
+        "required": [
+          "@ds-mo/tokens ^3.1.1",
+          "@ds-mo/icons ^6.2.0"
+        ],
+        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+      }
+    }
+  },
+  "dependencies": [
+    "@ds-mo/ui",
+    "@ds-mo/tokens"
+  ],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "src/wc/components/ShellGradientSwatch/ShellGradientSwatch.css",
+      "content": "@import '../../utils/focus-ring.css';\n@import '../../utils/control-inactive.css';\n\n/**\n * Swatch — 24×24 orb (size-300). Spacing lives on the picker row.\n *\n * Layer stack (bottom → top):\n *   Default:    fill → border → interaction (hover/press)\n *   Selected:   fill → border → interaction → halo → stroke (brand)\n */\n\n:host {\n  box-sizing: border-box;\n  display: inline-flex;\n  flex: 0 0 auto;\n  width: var(--dimension-size-300);\n  height: var(--dimension-size-300);\n  --_swatch-inner-inset: calc(\n    var(--dimension-stroke-width-025) + var(--dimension-space-025)\n  );\n  --_swatch-ring-bg: var(--color-background-primary);\n  --_swatch-select-motion: var(--effect-motion-short-3);\n}\n\n.shell-gradient-swatch {\n  position: relative;\n  box-sizing: border-box;\n  width: var(--dimension-size-300);\n  height: var(--dimension-size-300);\n  padding: 0;\n  border: none;\n  border-radius: var(--dimension-radius-half);\n  background: transparent;\n  cursor: pointer;\n  flex-shrink: 0;\n  isolation: isolate;\n}\n\n.shell-gradient-swatch__fill,\n.shell-gradient-swatch__border,\n.shell-gradient-swatch__interaction,\n.shell-gradient-swatch__halo,\n.shell-gradient-swatch__stroke {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n  pointer-events: none;\n}\n\n/* 1 — fill */\n.shell-gradient-swatch__fill {\n  z-index: 1;\n  background-color: var(--color-background-secondary);\n  background-image: var(--_swatch-gradient-image);\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 0 0;\n  transition:\n    top var(--_swatch-select-motion),\n    right var(--_swatch-select-motion),\n    bottom var(--_swatch-select-motion),\n    left var(--_swatch-select-motion);\n}\n\n.shell-gradient-swatch--none .shell-gradient-swatch__fill {\n  background-image: none;\n}\n\n.shell-gradient-swatch:not(.shell-gradient-swatch--none) .shell-gradient-swatch__fill {\n  opacity: var(--ds-shell-gradient-opacity, 0.1);\n}\n\n/* 2 — secondary border (matches ds-interaction-fill--bordered) */\n.shell-gradient-swatch__border {\n  z-index: 2;\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-secondary);\n  transition:\n    top var(--_swatch-select-motion),\n    right var(--_swatch-select-motion),\n    bottom var(--_swatch-select-motion),\n    left var(--_swatch-select-motion);\n}\n\n/* 3 — hover / press (over border, under selected chrome) */\n.shell-gradient-swatch__interaction {\n  z-index: 3;\n  background: transparent;\n  transition:\n    top var(--_swatch-select-motion),\n    right var(--_swatch-select-motion),\n    bottom var(--_swatch-select-motion),\n    left var(--_swatch-select-motion),\n    background-color 0s;\n}\n\n.shell-gradient-swatch:hover:not(:disabled) .shell-gradient-swatch__interaction {\n  background: var(--color-interaction-hover);\n}\n\n.shell-gradient-swatch:active:not(:disabled) .shell-gradient-swatch__interaction {\n  background: var(--color-interaction-pressed);\n}\n\n/* 4 — halo gap (selected only) */\n.shell-gradient-swatch__halo {\n  z-index: 4;\n  opacity: 0;\n  transform: scale(1.2);\n  transform-origin: center;\n  box-shadow: inset 0 0 0 var(--_swatch-inner-inset) var(--_swatch-ring-bg);\n  transition:\n    opacity var(--_swatch-select-motion),\n    transform var(--_swatch-select-motion);\n}\n\n/* 5 — brand stroke (selected only) */\n.shell-gradient-swatch__stroke {\n  z-index: 5;\n  opacity: 0;\n  transform: scale(1.2);\n  transform-origin: center;\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-025) var(--color-border-bold-brand);\n  transition:\n    opacity var(--_swatch-select-motion),\n    transform var(--_swatch-select-motion);\n}\n\n.shell-gradient-swatch--selected .shell-gradient-swatch__fill,\n.shell-gradient-swatch--selected .shell-gradient-swatch__border,\n.shell-gradient-swatch--selected .shell-gradient-swatch__interaction {\n  top: var(--_swatch-inner-inset);\n  right: var(--_swatch-inner-inset);\n  bottom: var(--_swatch-inner-inset);\n  left: var(--_swatch-inner-inset);\n}\n\n.shell-gradient-swatch--selected .shell-gradient-swatch__halo,\n.shell-gradient-swatch--selected .shell-gradient-swatch__stroke {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* Inactive: `.ds-control-inactive` (25% opacity). */\n\n@media (prefers-reduced-motion: reduce) {\n  .shell-gradient-swatch__fill,\n  .shell-gradient-swatch__border,\n  .shell-gradient-swatch__interaction,\n  .shell-gradient-swatch__halo,\n  .shell-gradient-swatch__stroke {\n    transition: none;\n  }\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/wc/components/ShellGradientSwatch/ShellGradientSwatch.tsx",
+      "content": "import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport {\n  SHELL_GRADIENT_PRESET_LABELS,\n  buildShellRadialGradientForPreset,\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  type ShellGradientPreset,\n} from './shell-gradient-swatch-types';\nimport { shellGradientPresetOpacity } from '../../shell/shell-gradient-presets';\n\n/** @deprecated Use `ds-swatch-picker`; individual swatches are implementation detail. */\n@Component({\n  tag: 'ds-shell-gradient-swatch',\n  styleUrl: 'ShellGradientSwatch.css',\n  scoped: true,\n})\nexport class ShellGradientSwatch {\n  /** Wash preset this orb previews. */\n  @Prop({ reflect: true }) preset: ShellGradientPreset = DEFAULT_SHELL_GRADIENT_PRESET;\n\n  /** Selected — brand stroke + halo over inner fill/border/interaction stack. */\n  @Prop({ reflect: true }) selected = false;\n\n  @Prop() isInactive = false;\n\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n\n  @Event() dsSelect!: EventEmitter<ShellGradientPreset>;\n\n  private handleClick = () => {\n    if (this.isInactive) return;\n    this.dsSelect.emit(this.preset);\n  };\n\n  render() {\n    const label = this.ariaLabel ?? SHELL_GRADIENT_PRESET_LABELS[this.preset];\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class={{\n            'shell-gradient-swatch': true,\n            'ds-focus-ring-inset': true,\n            'ds-control-inactive': this.isInactive,\n            'shell-gradient-swatch--selected': this.selected,\n            'shell-gradient-swatch--none': this.preset === 'none',\n          }}\n          style={\n            this.preset === 'none'\n              ? undefined\n              : {\n                  '--_swatch-gradient-image': buildShellRadialGradientForPreset(this.preset),\n                  '--ds-shell-gradient-opacity': shellGradientPresetOpacity(this.preset),\n                }\n          }\n          aria-label={label}\n          role=\"radio\"\n          aria-checked={this.selected ? 'true' : 'false'}\n          tabIndex={this.selected ? 0 : -1}\n          disabled={this.isInactive}\n          onClick={this.handleClick}\n        >\n          <span class=\"shell-gradient-swatch__fill\" aria-hidden=\"true\" />\n          <span class=\"shell-gradient-swatch__border\" aria-hidden=\"true\" />\n          <span class=\"shell-gradient-swatch__interaction\" aria-hidden=\"true\" />\n          <span class=\"shell-gradient-swatch__halo\" aria-hidden=\"true\" />\n          <span class=\"shell-gradient-swatch__stroke\" aria-hidden=\"true\" />\n        </button>\n      </Host>\n    );\n  }\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/wc/components/ShellGradientSwatch/shell-gradient-swatch-types.ts",
+      "content": "import type { ShellGradientPreset } from '../../shell/shell-gradient-presets';\nexport type { ShellGradientPreset };\n\nexport {\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  SHELL_GRADIENT_PRESETS,\n  SHELL_GRADIENT_WASH_PRESETS,\n  SHELL_GRADIENT_PRESET_LABELS,\n  buildShellRadialGradientForPreset,\n  buildShellRadialGradientFromStops,\n  isShellGradientPreset,\n  normalizeShellGradientPreset,\n  shellGradientPresetOpacity,\n  shellGradientPresetRecipe,\n  shellGradientPresetStopToken,\n} from '../../shell/shell-gradient-presets';\n",
+      "type": "registry:ui"
+    }
+  ]
+}