@ds-mo/ui 12.9.0 → 13.0.0

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

@@ -1,195 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "shell-gradient-picker",
-  "title": "ShellGradientPicker",
-  "description": "Deprecated compatibility wrapper that maps the fixed ShellApp 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 ShellApp wash presets into SwatchPicker.",
-      "useWhen": [
-        "Adding the Appearance or Theme section to the application's user or account menu.",
-        "Users must choose the global ShellApp 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-shell-app",
-        "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 ShellApp.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 ShellApp 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": "ShellApp gradient contract",
-          "path": "src/wc/components/ShellApp/ShellApp.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 ^5.0.0",
-          "@ds-mo/icons ^6.4.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

@@ -1,215 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "shell-gradient-swatch",
-  "title": "ShellGradientSwatch",
-  "description": "Deprecated internal compatibility component for one legacy ShellApp 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 ShellApp 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 ^5.0.0",
-          "@ds-mo/icons ^6.4.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: default;\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` (50% 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"
-    }
-  ]
-}

package/dist/react/ds-card-data-viz-bar.d.ts

@@ -1,12 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type DsCardDataVizBarCustomEvent } from "@ds-mo/ui";
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsCardDataVizBar as DsCardDataVizBarElement } from "@ds-mo/ui/dist/components/ds-card-data-viz-bar.js";
-export type DsCardDataVizBarEvents = {
-    onDsFilterClick: EventName<DsCardDataVizBarCustomEvent<void>>;
-};
-export declare const DsCardDataVizBar: StencilReactComponent<DsCardDataVizBarElement, DsCardDataVizBarEvents, Components.DsCardDataVizBar, 'heading'>;

package/dist/react/ds-card-data-viz-bar.js

@@ -1,12 +0,0 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { DsCardDataVizBar as DsCardDataVizBarElement, defineCustomElement as defineDsCardDataVizBar } from "@ds-mo/ui/dist/components/ds-card-data-viz-bar.js";
-export const DsCardDataVizBar = /*@__PURE__*/ createComponent({
-    tagName: 'ds-card-data-viz-bar',
-    elementClass: DsCardDataVizBarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onDsFilterClick: 'dsFilterClick' },
-    defineCustomElement: defineDsCardDataVizBar
-});

package/dist/react/ds-card-data-viz-donut.d.ts

@@ -1,12 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type DsCardDataVizDonutCustomEvent } from "@ds-mo/ui";
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsCardDataVizDonut as DsCardDataVizDonutElement } from "@ds-mo/ui/dist/components/ds-card-data-viz-donut.js";
-export type DsCardDataVizDonutEvents = {
-    onDsFilterClick: EventName<DsCardDataVizDonutCustomEvent<void>>;
-};
-export declare const DsCardDataVizDonut: StencilReactComponent<DsCardDataVizDonutElement, DsCardDataVizDonutEvents, Components.DsCardDataVizDonut, 'heading'>;

package/dist/react/ds-card-data-viz-donut.js

@@ -1,12 +0,0 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { DsCardDataVizDonut as DsCardDataVizDonutElement, defineCustomElement as defineDsCardDataVizDonut } from "@ds-mo/ui/dist/components/ds-card-data-viz-donut.js";
-export const DsCardDataVizDonut = /*@__PURE__*/ createComponent({
-    tagName: 'ds-card-data-viz-donut',
-    elementClass: DsCardDataVizDonutElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onDsFilterClick: 'dsFilterClick' },
-    defineCustomElement: defineDsCardDataVizDonut
-});

package/dist/react/ds-card-data-viz-line.d.ts

@@ -1,12 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type DsCardDataVizLineCustomEvent } from "@ds-mo/ui";
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsCardDataVizLine as DsCardDataVizLineElement } from "@ds-mo/ui/dist/components/ds-card-data-viz-line.js";
-export type DsCardDataVizLineEvents = {
-    onDsFilterClick: EventName<DsCardDataVizLineCustomEvent<void>>;
-};
-export declare const DsCardDataVizLine: StencilReactComponent<DsCardDataVizLineElement, DsCardDataVizLineEvents, Components.DsCardDataVizLine, 'heading'>;

package/dist/react/ds-card-data-viz-line.js

@@ -1,12 +0,0 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { DsCardDataVizLine as DsCardDataVizLineElement, defineCustomElement as defineDsCardDataVizLine } from "@ds-mo/ui/dist/components/ds-card-data-viz-line.js";
-export const DsCardDataVizLine = /*@__PURE__*/ createComponent({
-    tagName: 'ds-card-data-viz-line',
-    elementClass: DsCardDataVizLineElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onDsFilterClick: 'dsFilterClick' },
-    defineCustomElement: defineDsCardDataVizLine
-});

package/dist/react/ds-card-shell-data-viz.d.ts

@@ -1,9 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsCardShellDataViz as DsCardShellDataVizElement } from "@ds-mo/ui/dist/components/ds-card-shell-data-viz.js";
-export type DsCardShellDataVizEvents = NonNullable<unknown>;
-export declare const DsCardShellDataViz: StencilReactComponent<DsCardShellDataVizElement, DsCardShellDataVizEvents, Components.DsCardShellDataViz, 'heading'>;

package/dist/react/ds-card-shell-data-viz.js

@@ -1,12 +0,0 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { DsCardShellDataViz as DsCardShellDataVizElement, defineCustomElement as defineDsCardShellDataViz } from "@ds-mo/ui/dist/components/ds-card-shell-data-viz.js";
-export const DsCardShellDataViz = /*@__PURE__*/ createComponent({
-    tagName: 'ds-card-shell-data-viz',
-    elementClass: DsCardShellDataVizElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineDsCardShellDataViz
-});

package/dist/react/ds-chart-bar-stacked.d.ts

@@ -1,9 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsChartBarStacked as DsChartBarStackedElement } from "@ds-mo/ui/dist/components/ds-chart-bar-stacked.js";
-export type DsChartBarStackedEvents = NonNullable<unknown>;
-export declare const DsChartBarStacked: StencilReactComponent<DsChartBarStackedElement, DsChartBarStackedEvents, Components.DsChartBarStacked>;

package/dist/react/ds-chart-bar-stacked.js

@@ -1,12 +0,0 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { DsChartBarStacked as DsChartBarStackedElement, defineCustomElement as defineDsChartBarStacked } from "@ds-mo/ui/dist/components/ds-chart-bar-stacked.js";
-export const DsChartBarStacked = /*@__PURE__*/ createComponent({
-    tagName: 'ds-chart-bar-stacked',
-    elementClass: DsChartBarStackedElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineDsChartBarStacked
-});

package/dist/react/ds-select-multi.d.ts

@@ -1,14 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type DsSelectMultiCustomEvent } from "@ds-mo/ui";
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsSelectMulti as DsSelectMultiElement } from "@ds-mo/ui/dist/components/ds-select-multi.js";
-export type DsSelectMultiEvents = {
-    onDsChange: EventName<DsSelectMultiCustomEvent<string[]>>;
-    onDsClear: EventName<DsSelectMultiCustomEvent<void>>;
-    onDsOpenChange: EventName<DsSelectMultiCustomEvent<boolean>>;
-};
-export declare const DsSelectMulti: StencilReactComponent<DsSelectMultiElement, DsSelectMultiEvents, Components.DsSelectMulti>;

package/dist/react/ds-select-multi.js

@@ -1,16 +0,0 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { DsSelectMulti as DsSelectMultiElement, defineCustomElement as defineDsSelectMulti } from "@ds-mo/ui/dist/components/ds-select-multi.js";
-export const DsSelectMulti = /*@__PURE__*/ createComponent({
-    tagName: 'ds-select-multi',
-    elementClass: DsSelectMultiElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onDsChange: 'dsChange',
-        onDsClear: 'dsClear',
-        onDsOpenChange: 'dsOpenChange'
-    },
-    defineCustomElement: defineDsSelectMulti
-});

package/dist/react/ds-shell-gradient-picker.d.ts

@@ -1,12 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type DsShellGradientPickerCustomEvent, type ShellGradientPreset } from "@ds-mo/ui";
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsShellGradientPicker as DsShellGradientPickerElement } from "@ds-mo/ui/dist/components/ds-shell-gradient-picker.js";
-export type DsShellGradientPickerEvents = {
-    onDsChange: EventName<DsShellGradientPickerCustomEvent<ShellGradientPreset>>;
-};
-export declare const DsShellGradientPicker: StencilReactComponent<DsShellGradientPickerElement, DsShellGradientPickerEvents, Components.DsShellGradientPicker>;

package/dist/react/ds-shell-gradient-picker.js

@@ -1,12 +0,0 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { DsShellGradientPicker as DsShellGradientPickerElement, defineCustomElement as defineDsShellGradientPicker } from "@ds-mo/ui/dist/components/ds-shell-gradient-picker.js";
-export const DsShellGradientPicker = /*@__PURE__*/ createComponent({
-    tagName: 'ds-shell-gradient-picker',
-    elementClass: DsShellGradientPickerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onDsChange: 'dsChange' },
-    defineCustomElement: defineDsShellGradientPicker
-});

package/dist/react/ds-shell-gradient-swatch.d.ts

@@ -1,12 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type DsShellGradientSwatchCustomEvent, type ShellGradientPreset } from "@ds-mo/ui";
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsShellGradientSwatch as DsShellGradientSwatchElement } from "@ds-mo/ui/dist/components/ds-shell-gradient-swatch.js";
-export type DsShellGradientSwatchEvents = {
-    onDsSelect: EventName<DsShellGradientSwatchCustomEvent<ShellGradientPreset>>;
-};
-export declare const DsShellGradientSwatch: StencilReactComponent<DsShellGradientSwatchElement, DsShellGradientSwatchEvents, Components.DsShellGradientSwatch>;

package/dist/react/ds-shell-gradient-swatch.js

@@ -1,12 +0,0 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { DsShellGradientSwatch as DsShellGradientSwatchElement, defineCustomElement as defineDsShellGradientSwatch } from "@ds-mo/ui/dist/components/ds-shell-gradient-swatch.js";
-export const DsShellGradientSwatch = /*@__PURE__*/ createComponent({
-    tagName: 'ds-shell-gradient-swatch',
-    elementClass: DsShellGradientSwatchElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onDsSelect: 'dsSelect' },
-    defineCustomElement: defineDsShellGradientSwatch
-});