@shopify/ui-extensions 2026.4.2 → 2026.4.4

package/src/docs/shared/components/Choice.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Choice',
-  description:
-    'The choice component creates individual selectable options within a choice list. Use choice to define each option that merchants can select, supporting both single selection (radio buttons) and multiple selection (checkboxes) modes.' +
-    '\n\nChoice components support labels, help text, and custom content through slots, providing flexible option presentation within choice lists.',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ChoiceList.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Choice list',
-  description:
-    'The choice list component presents multiple options for single or multiple selections. Use it when merchants need to choose from a defined set of options, such as filtering results or collecting preferences.' +
-    '\n\nThe component supports both single selection (radio button behavior) and multiple selection (checkbox behavior) modes. It includes configurable labels, help text, and validation. For compact dropdown selection with four or more options, use [select](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/select).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Clickable.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Clickable',
-  description:
-    'The clickable component wraps content to make it interactive and clickable. Use it when you need more styling control than [button](/docs/api/{API_NAME}/{API_VERSION}/web-components/actions/button) or [link](/docs/api/{API_NAME}/{API_VERSION}/web-components/actions/link) provide, such as custom backgrounds, padding, or borders around your clickable content.' +
-    '\n\nClickable supports button, link, and submit modes with built-in accessibility properties for keyboard navigation and screen reader support.',
-  category: 'Web components',
-  subCategory: 'Actions',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ClickableChip.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Clickable chip',
-  description:
-    'The clickable chip component displays interactive labels or categories that users can click or remove. Use clickable chip to show filter tags, selected options, or merchant-created labels that users need to interact with or dismiss.' +
-    '\n\nClickable chips support multiple visual variants, optional icons, and can function as both clickable buttons and removable tags for flexible interaction patterns. For non-interactive labels, use [chip](/docs/api/{API_NAME}/{API_VERSION}/web-components/typography-and-content/chip).',
-  category: 'Web components',
-  subCategory: 'Actions',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ClipboardItem.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Clipboard item',
-  description:
-    'Enables copying text to the user’s clipboard. Use alongside Button or Link components to let users easily copy content. `<s-clipboard-item>` doesn’t render visually.',
-  category: 'Web components',
-  subCategory: 'Actions',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ColorField.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Color field',
-  description:
-    'The color field component allows users to select colors through an integrated color picker or direct text input. Use color field for theme colors, brand colors, or any color selection to provide both visual and text-based color input methods.' +
-    '\n\nColor fields support hex color codes, color preview swatches, and validation to ensure users select or enter valid color values. For a standalone visual color palette interface without text input, use [color picker](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/color-picker).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ColorPicker.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Color picker',
-  description:
-    'The color picker component allows users to select colors from a visual color palette interface. Use color picker to provide an intuitive, visual way for users to choose colors for themes, branding, or design customization.' +
-    '\n\nColor pickers support multiple color formats, predefined color swatches, and interactive selection to make color choice easy and accurate. For combined visual and text-based color input with validation, use [color field](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/color-field).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ConsentCheckbox.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Consent checkbox',
-  description:
-    'Use buyer consent checkboxes for collecting the buyer’s approval for a given policy.',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ConsentPhoneField.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Consent phone field',
-  description:
-    'Display a phone field for customers to sign up for text message marketing, noting that the phone field value will be automatically saved during checkout.',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/DateField.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Date field',
-  description:
-    'The date field component captures date input with a consistent interface for date selection and proper validation. Use it to collect date information in forms, scheduling interfaces, or data entry workflows.' +
-    '\n\nThe component supports manual text entry. For visual calendar-based selection, consider using [date picker](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/date-picker).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/DatePicker.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Date picker',
-  description:
-    'The date picker component allows merchants to select dates using a calendar interface. Use it when merchants benefit from seeing dates in context of the full month, such as selecting dates relative to today or needing weekday context.' +
-    '\n\nThe component supports single dates, multiple dates, and date ranges. For text date entry, use [date field](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/date-field).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Details.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Details',
-  description:
-    'Creates a collapsible content area that can be expanded or collapsed by users. Use with Summary to provide expandable sections for additional information or settings.',
-  category: 'Web components',
-  subCategory: 'Typography and content',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Divider.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Divider',
-  description:
-    'The divider component creates clear visual separation between elements in the interface. Use divider to separate distinct content groups in forms, settings panels, lists, or page sections, helping users scan and understand content organization.' +
-    '\n\nDividers support both horizontal and vertical orientations, along with different visual strengths for varying levels of emphasis. For more structured content grouping with headings, use [section](/docs/api/{API_NAME}/{API_VERSION}/web-components/layout-and-structure/section).',
-  category: 'Web components',
-  subCategory: 'Layout and structure',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/DropZone.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Drop zone',
-  description:
-    'The drop zone component lets users upload files through drag-and-drop or by clicking to browse. Use for file uploads such as images, documents, or CSV imports.\n\nThe component provides visual feedback during drag operations and supports file type validation through the `accept` property. Rejected files trigger the `droprejected` event for custom error handling.',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/EmailField.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Email field',
-  description:
-    'The email field component captures email address input. Use it to collect email information in forms, customer profiles, or contact workflows.' +
-    "\n\nEmail field doesn't perform automatic email validation. Implement your own validation logic, and use the `error` property to display validation results. For general text input, use [text field](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/text-field).",
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Form.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Form',
-  description:
-    'The form component wraps form controls and enables implicit submission, allowing users to submit from any input by pressing **Enter**. Use form to group related input fields and handle form submission through JavaScript event handlers.' +
-    "\n\nUnlike HTML forms, form doesn't automatically submit data using HTTP—you must register a `submit` event to process form data programmatically. For Shopify Functions configuration forms, use [function settings](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/function-settings).",
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/FunctionSettings.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Function settings',
-  description:
-    'The function settings component configures metafield settings for [Shopify Functions](/docs/api/functions). Use function settings to create configuration interfaces that allow merchants to customize function behavior through structured input fields and controls.' +
-    '\n\nThis component provides a standardized layout for settings forms and integrates with the native save bar to handle form submission and reset actions automatically. For general form submission, use [form](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/form).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Grid.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Grid',
-  description:
-    'The grid component organizes content in a matrix of rows and columns to create responsive page layouts. Use grid to build complex, multi-column layouts that adapt to different screen sizes and maintain consistent alignment.' +
-    '\n\nGrid follows the CSS grid layout pattern and supports flexible column configurations, gap spacing, and alignment properties for precise layout control. For simpler linear layouts (horizontal or vertical), use [stack](/docs/api/{API_NAME}/{API_VERSION}/web-components/layout-and-structure/stack).',
-  category: 'Web components',
-  subCategory: 'Layout and structure',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/GridItem.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Grid item',
-  description:
-    'The grid item component represents a single cell within a grid layout, allowing you to control how content is positioned and sized within the grid. Use grid item as a child of grid to specify column span, row span, and positioning for individual content areas.' +
-    '\n\nGrid item supports precise placement control through column and row properties, enabling you to create complex layouts where different items occupy varying amounts of space or appear in specific grid positions.',
-  category: 'Web components',
-  subCategory: 'Layout and structure',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Heading.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Heading',
-  description:
-    'The heading component renders hierarchical titles to communicate the structure and organization of page content. Use heading to create section titles and content headers that help users understand information hierarchy and navigate content.' +
-    '\n\nHeading levels adjust automatically based on nesting within parent [section](/docs/api/{API_NAME}/{API_VERSION}/web-components/layout-and-structure/section) components, ensuring meaningful and accessible page outlines without manual level management.',
-  category: 'Web components',
-  subCategory: 'Typography and content',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Icon.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Icon',
-  description:
-    'The icon component renders graphic symbols to visually communicate actions, status, and navigation throughout the interface. Use icon to reinforce button actions, indicate status states, or provide wayfinding cues that help users understand available functionality.' +
-    '\n\nIcons support multiple sizes, tones for semantic meaning, and can be integrated with other components like [button](/docs/api/{API_NAME}/{API_VERSION}/web-components/actions/button), [badge](/docs/api/{API_NAME}/{API_VERSION}/web-components/feedback-and-status-indicators/badge), and [chip](/docs/api/{API_NAME}/{API_VERSION}/web-components/typography-and-content/chip) to enhance visual communication.',
-  category: 'Web components',
-  subCategory: 'Media and visuals',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Image.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Image',
-  description:
-    'The image component embeds images within the interface with control over presentation and loading behavior. Use image to visually illustrate concepts, showcase products, display user content, or support tasks and interactions with visual context.' +
-    '\n\nImages support responsive sizing, alt text for accessibility, aspect ratio control, and loading states for progressive enhancement. For small preview images in lists or tables, use [thumbnail](/docs/api/{API_NAME}/{API_VERSION}/web-components/media-and-visuals/thumbnail). For profile images, use [avatar](/docs/api/{API_NAME}/{API_VERSION}/web-components/media-and-visuals/avatar).',
-  category: 'Web components',
-  subCategory: 'Media and visuals',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Link.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Link',
-  description:
-    'The link component makes text interactive, allowing users to navigate to other pages or perform specific actions. Use link for navigation, external references, or triggering actions while maintaining standard link semantics and accessibility.' +
-    '\n\nLinks support standard URLs, custom protocols, navigation within Shopify admin pages, and can open in new windows for external destinations. For prominent actions or form submissions, use [button](/docs/api/{API_NAME}/{API_VERSION}/web-components/actions/button) instead.',
-  category: 'Web components',
-  subCategory: 'Actions',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ListItem.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'List item',
-  description:
-    'The list item component represents a single entry within an ordered list or unordered list. Use list item to structure individual points, steps, or items within a list, with each item automatically receiving appropriate list markers (bullets or numbers) from its parent list.' +
-    '\n\nList item must be used as a direct child of ordered list or unordered list components. Each list item can contain text, inline formatting, or other components to create rich list content.',
-  category: 'Web components',
-  subCategory: 'Typography and content',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Map.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Map',
-  description:
-    'Use Map to display a map on a page. This component is useful for displaying a map of a location, such as a store or a customer’s address.',
-  category: 'Web components',
-  subCategory: 'Media and visuals',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/MapMarker.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Map marker',
-  description:
-    'Use MapMarker to display a marker on a map. Use only as a child of `s-map` component.',
-  category: 'Web components',
-  subCategory: 'Media and visuals',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Menu.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Menu',
-  description:
-    'The menu component displays a list of actions that can be performed on a resource or within a specific context. Use menu to present multiple related actions in a compact dropdown format, reducing visual clutter while maintaining discoverability.' +
-    '\n\nMenus support action grouping, icons for visual clarity, and keyboard navigation for efficient interaction.',
-  category: 'Web components',
-  subCategory: 'Actions',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Modal.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Modal',
-  description:
-    'Displays content in an overlay. Use to create a distraction-free experience such as a confirmation dialog or a settings panel.',
-  category: 'Web components',
-  subCategory: 'Overlays',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/MoneyField.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Money field',
-  description:
-    'The money field component collects monetary values from users with built-in currency formatting and validation. Use money field for prices, costs, or financial amounts to provide proper currency symbols, decimal handling, and numeric validation.' +
-    '\n\nMoney fields support currency codes, automatic formatting, and min/max constraints to ensure users enter valid monetary values. For non-currency numeric input, use [number field](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/number-field).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/NumberField.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Number field',
-  description:
-    'The number field component captures numeric input with built-in number validation. Use it to collect quantities, prices, or other numeric information.' +
-    '\n\nThe component supports min/max constraints and step increments for guided numeric entry. For monetary values with currency formatting, use [money field](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/money-field).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Option.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Option',
-  description:
-    'Represents a single option within a select component. Use only as a child of `s-select` components.',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/OptionGroup.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Option group',
-  description:
-    'Represents a group of options within a select component. Use only as a child of `s-select` components.',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/OrderedList.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Ordered list',
-  description:
-    'The ordered list component displays a numbered list of related items in a specific sequence. Use ordered list to present step-by-step instructions, ranked items, procedures, or any content where order and sequence matter to understanding.' +
-    "\n\nOrdered lists automatically number items and support nested lists for hierarchical content organization. For items where order doesn't matter, use [unordered list](/docs/api/{API_NAME}/{API_VERSION}/web-components/layout-and-structure/unordered-list).",
-  category: 'Web components',
-  subCategory: 'Typography and content',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Page.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Page',
-  description:
-    ' Use `s-page` as the main container for placing content in your app. Page comes with preset layouts and automatically adds spacing between elements.',
-  category: 'Web components',
-  subCategory: 'Layout and structure',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Paragraph.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Paragraph',
-  description:
-    'The paragraph component displays blocks of text content and can contain inline elements like buttons, links, or emphasized text. Use paragraph to present standalone blocks of readable content, descriptions, or explanatory text.' +
-    '\n\nParagraphs support alignment options and can wrap inline components to create rich, formatted content blocks. For inline text styling, use [text](/docs/api/{API_NAME}/{API_VERSION}/web-components/typography-and-content/text).',
-  category: 'Web components',
-  subCategory: 'Typography and content',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/PasswordField.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Password field',
-  description:
-    'The password field component securely collects sensitive information from users. Use password field for password entry, where input characters are automatically masked for privacy.' +
-    '\n\nPassword fields support validation, help text, and accessibility features to create secure and user-friendly authentication experiences. For general text input, use [text field](/docs/api/{API_NAME}/{API_VERSION}/web-components/forms/text-field).',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/PaymentIcon.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Payment icon',
-  description:
-    'Displays icons representing payment methods. Use to visually communicate available or saved payment options clearly',
-  category: 'Web components',
-  subCategory: 'Media and visuals',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/PhoneField.ts

@@ -1,11 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Phone field',
-  description: 'Use PhoneField to allow users to enter phone numbers.',
-  category: 'Web components',
-  subCategory: 'Forms',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Popover.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Popover',
-  description:
-    'Popovers are used to display content in an overlay that can be triggered by a button.',
-  category: 'Web components',
-  subCategory: 'Overlays',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/PressButton.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Press button',
-  description:
-    'Allows users to toggle between active/inactive states. Use to represent a persistent on/off or selected/unselected status.',
-  category: 'Web components',
-  subCategory: 'Actions',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/ProductThumbnail.ts

@@ -1,11 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Product thumbnail',
-  description: 'Use ProductThumbnail to display a product thumbnail',
-  category: 'Web components',
-  subCategory: 'Media and visuals',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/Progress.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Progress',
-  description:
-    'Displays an indicator showing the completion status of a task. Use to visually communicate progress in either determinate (known percentage) or indeterminate (unknown duration) states.',
-  category: 'Web components',
-  subCategory: 'Feedback and status indicators',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/QRCode.ts

@@ -1,12 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'QR code',
-  description:
-    'Displays a scannable QR code representing data such as URLs or text. Use to let users quickly access information by scanning with a smartphone or other device.',
-  category: 'Web components',
-  subCategory: 'Media and visuals',
-  related: [],
-};
-
-export default data;

package/src/docs/shared/components/QueryContainer.ts

@@ -1,13 +0,0 @@
-import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
-
-const data: SharedReferenceEntityTemplateSchema = {
-  name: 'Query container',
-  description:
-    "The query container component establishes a container query context for responsive design. Use query container to define an element as a containment context, enabling child components or styles to adapt based on the container's size rather than viewport width." +
-    '\n\nQuery containers support modern responsive patterns where components respond to their container dimensions, creating more flexible and reusable layouts.',
-  category: 'Web components',
-  subCategory: 'Layout and structure',
-  related: [],
-};
-
-export default data;