@ship-ui/core 0.17.21 → 0.18.0

package/snippets/ship-ui.code-snippets

@@ -1,33 +1,40 @@
 {
-  "ShipSpinner: Basic": {
-    "prefix": "sh-spinner",
+  "ShipIcon: Basic": {
+    "prefix": "sh-icon",
     "body": [
-      "<sh-spinner>$0</sh-spinner>"
+      "<sh-icon>$0</sh-icon>"
     ],
-    "description": "Basic usage of ShipSpinner"
+    "description": "Basic usage of ShipIcon"
   },
-  "ShipSpinner: With Options": {
-    "prefix": "sh-spinner-full",
+  "ShipIcon: With Options": {
+    "prefix": "sh-icon-full",
     "body": [
-      "<sh-spinner [color]=\"${1|primary,accent,warn,error,success|}\">",
+      "<sh-icon [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small,large|}\">",
       "  $0",
-      "</sh-spinner>"
+      "</sh-icon>"
     ],
-    "description": "Full usage of ShipSpinner with common options"
+    "description": "Full usage of ShipIcon with common options"
   },
-  "ShipThemeState: Basic": {
-    "prefix": "ship-theme-state",
+  "ShipDatepickerInput: Basic": {
+    "prefix": "sh-datepicker-input",
     "body": [
-      "<ship-theme-state>$0</ship-theme-state>"
+      "<sh-datepicker-input>$0</sh-datepicker-input>"
     ],
-    "description": "Basic usage of ShipThemeState"
+    "description": "Basic usage of ShipDatepickerInput"
   },
-  "ShipThemeToggle: Basic": {
-    "prefix": "ship-theme-toggle",
+  "ShipDaterangeInput: Basic": {
+    "prefix": "sh-daterange-input",
     "body": [
-      "<ship-theme-toggle>$0</ship-theme-toggle>"
+      "<sh-daterange-input>$0</sh-daterange-input>"
     ],
-    "description": "Basic usage of ShipThemeToggle"
+    "description": "Basic usage of ShipDaterangeInput"
+  },
+  "ShipDatepicker: Basic": {
+    "prefix": "sh-datepicker",
+    "body": [
+      "<sh-datepicker>$0</sh-datepicker>"
+    ],
+    "description": "Basic usage of ShipDatepicker"
   },
   "ShipFileUpload: Basic": {
     "prefix": "sh-file-upload",
@@ -36,116 +43,37 @@
     ],
     "description": "Basic usage of ShipFileUpload"
   },
-  "ShipSidenav: Basic": {
-    "prefix": "sh-sidenav",
-    "body": [
-      "<sh-sidenav>$0</sh-sidenav>"
-    ],
-    "description": "Basic usage of ShipSidenav"
-  },
-  "ShipFormFieldPopover: Basic": {
-    "prefix": "sh-form-field-popover",
-    "body": [
-      "<sh-form-field-popover>$0</sh-form-field-popover>"
-    ],
-    "description": "Basic usage of ShipFormFieldPopover"
-  },
-  "ShipFormField: Basic": {
-    "prefix": "sh-form-field",
-    "body": [
-      "<sh-form-field>$0</sh-form-field>"
-    ],
-    "description": "Basic usage of ShipFormField"
-  },
-  "ShipFormField: With Options": {
-    "prefix": "sh-form-field-full",
-    "body": [
-      "<sh-form-field [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small|}\" [readonly]=\"${4:false}\">",
-      "  $0",
-      "</sh-form-field>"
-    ],
-    "description": "Full usage of ShipFormField with common options"
-  },
-  "ShipPopover: Basic": {
-    "prefix": "sh-popover",
-    "body": [
-      "<sh-popover>$0</sh-popover>"
-    ],
-    "description": "Basic usage of ShipPopover"
-  },
-  "GridSortable: Basic": {
-    "prefix": "shGridSortable",
-    "body": [
-      "<div shGridSortable>$0</div>"
-    ],
-    "description": "Basic usage of GridSortable"
-  },
-  "ShipSortable: Basic": {
-    "prefix": "shSortable",
-    "body": [
-      "<div shSortable>$0</div>"
-    ],
-    "description": "Basic usage of ShipSortable"
-  },
-  "ShipAlertService: Basic": {
-    "prefix": "ship-alert-service",
-    "body": [
-      "<ship-alert-service>$0</ship-alert-service>"
-    ],
-    "description": "Basic usage of ShipAlertService"
-  },
-  "ShipAlertContainer: Basic": {
-    "prefix": "ship-alert-container",
-    "body": [
-      "<ship-alert-container>$0</ship-alert-container>"
-    ],
-    "description": "Basic usage of ShipAlertContainer"
-  },
-  "ShipAlert: Basic": {
-    "prefix": "sh-alert",
+  "ShipCard: Basic": {
+    "prefix": "sh-card",
     "body": [
-      "<sh-alert>$0</sh-alert>"
+      "<sh-card>$0</sh-card>"
     ],
-    "description": "Basic usage of ShipAlert"
+    "description": "Basic usage of ShipCard"
   },
-  "ShipAlert: With Options": {
-    "prefix": "sh-alert-full",
+  "ShipCard: With Options": {
+    "prefix": "sh-card-full",
     "body": [
-      "<sh-alert [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
+      "<sh-card [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b,type-c|}\">",
       "  $0",
-      "</sh-alert>"
-    ],
-    "description": "Full usage of ShipAlert with common options"
-  },
-  "ShipMenu: Basic": {
-    "prefix": "sh-menu",
-    "body": [
-      "<sh-menu>$0</sh-menu>"
+      "</sh-card>"
     ],
-    "description": "Basic usage of ShipMenu"
+    "description": "Full usage of ShipCard with common options"
   },
-  "ShipButtonGroup: Basic": {
-    "prefix": "sh-button-group",
+  "ShipTabs: Basic": {
+    "prefix": "sh-tabs",
     "body": [
-      "<sh-button-group>$0</sh-button-group>"
+      "<sh-tabs>$0</sh-tabs>"
     ],
-    "description": "Basic usage of ShipButtonGroup"
+    "description": "Basic usage of ShipTabs"
   },
-  "ShipButtonGroup: With Options": {
-    "prefix": "sh-button-group-full",
+  "ShipTabs: With Options": {
+    "prefix": "sh-tabs-full",
     "body": [
-      "<sh-button-group [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b|}\" [size]=\"${3|small|}\">",
+      "<sh-tabs [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
       "  $0",
-      "</sh-button-group>"
-    ],
-    "description": "Full usage of ShipButtonGroup with common options"
-  },
-  "ShipVirtualScroll: Basic": {
-    "prefix": "sh-virtual-scroll",
-    "body": [
-      "<sh-virtual-scroll>$0</sh-virtual-scroll>"
+      "</sh-tabs>"
     ],
-    "description": "Basic usage of ShipVirtualScroll"
+    "description": "Full usage of ShipTabs with common options"
   },
   "ShipResize: Basic": {
     "prefix": "shResize",
@@ -163,189 +91,194 @@
     ],
     "description": "Full usage of ShipResize with common options"
   },
-  "ShipFormFieldExperimental: Basic": {
-    "prefix": "sh-form-field-experimental",
+  "ShipList: Basic": {
+    "prefix": "sh-list",
     "body": [
-      "<sh-form-field-experimental>$0</sh-form-field-experimental>"
+      "<sh-list>$0</sh-list>"
     ],
-    "description": "Basic usage of ShipFormFieldExperimental"
+    "description": "Basic usage of ShipList"
   },
-  "ShipStepper: Basic": {
-    "prefix": "sh-stepper",
+  "ShipInputMask: Basic": {
+    "prefix": "shInputMask",
     "body": [
-      "<sh-stepper>$0</sh-stepper>"
+      "<div shInputMask>$0</div>"
     ],
-    "description": "Basic usage of ShipStepper"
+    "description": "Basic usage of ShipInputMask"
   },
-  "ShipStepper: With Options": {
-    "prefix": "sh-stepper-full",
+  "ShipFileDragDrop: Basic": {
+    "prefix": "shDragDrop",
     "body": [
-      "<sh-stepper [color]=\"${1|primary,accent,warn,error,success|}\">",
-      "  $0",
-      "</sh-stepper>"
+      "<div shDragDrop>$0</div>"
     ],
-    "description": "Full usage of ShipStepper with common options"
+    "description": "Basic usage of ShipFileDragDrop"
   },
-  "ShipRangeSlider: Basic": {
-    "prefix": "sh-range-slider",
+  "ShipTooltipWrapper: Basic": {
+    "prefix": "ship-tooltip-wrapper",
     "body": [
-      "<sh-range-slider>$0</sh-range-slider>"
+      "<ship-tooltip-wrapper>$0</ship-tooltip-wrapper>"
     ],
-    "description": "Basic usage of ShipRangeSlider"
+    "description": "Basic usage of ShipTooltipWrapper"
   },
-  "ShipRadio: Basic": {
-    "prefix": "sh-radio",
+  "ShipPreventWheel: Basic": {
+    "prefix": "shPreventWheel",
     "body": [
-      "<sh-radio>$0</sh-radio>"
+      "<div shPreventWheel>$0</div>"
     ],
-    "description": "Basic usage of ShipRadio"
+    "description": "Basic usage of ShipPreventWheel"
   },
-  "ShipRadio: With Options": {
-    "prefix": "sh-radio-full",
+  "ShipButton: Basic": {
+    "prefix": "shButton",
     "body": [
-      "<sh-radio [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
-      "  $0",
-      "</sh-radio>"
+      "<button shButton>$0</button>"
     ],
-    "description": "Full usage of ShipRadio with common options"
+    "description": "Basic usage of ShipButton"
   },
-  "ChildComponent: Basic": {
-    "prefix": "app-child",
+  "ShipButton: With Options": {
+    "prefix": "shButton-full",
     "body": [
-      "<app-child>$0</app-child>"
+      "<button shButton [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small,xsmall|}\" [readonly]=\"${4:false}\">",
+      "  $0",
+      "</button>"
     ],
-    "description": "Basic usage of ChildComponent"
+    "description": "Full usage of ShipButton with common options"
   },
-  "ShipTableFilterBar: Basic": {
-    "prefix": "sh-table-filter-bar",
+  "ShipSelect: Basic": {
+    "prefix": "sh-select",
     "body": [
-      "<sh-table-filter-bar>$0</sh-table-filter-bar>"
+      "<sh-select>$0</sh-select>"
     ],
-    "description": "Basic usage of ShipTableFilterBar"
+    "description": "Basic usage of ShipSelect"
   },
-  "ShipTabs: Basic": {
-    "prefix": "sh-tabs",
+  "ShipSelect: With Options": {
+    "prefix": "sh-select-full",
     "body": [
-      "<sh-tabs>$0</sh-tabs>"
+      "<sh-select [readonly]=\"${1:false}\">",
+      "  $0",
+      "</sh-select>"
     ],
-    "description": "Basic usage of ShipTabs"
+    "description": "Full usage of ShipSelect with common options"
   },
-  "ShipTabs: With Options": {
-    "prefix": "sh-tabs-full",
+  "ShipCheckbox: Basic": {
+    "prefix": "sh-checkbox",
     "body": [
-      "<sh-tabs [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
-      "  $0",
-      "</sh-tabs>"
+      "<sh-checkbox>$0</sh-checkbox>"
     ],
-    "description": "Full usage of ShipTabs with common options"
+    "description": "Basic usage of ShipCheckbox"
   },
-  "ShipCard: Basic": {
-    "prefix": "sh-card",
+  "ShipCheckbox: With Options": {
+    "prefix": "sh-checkbox-full",
     "body": [
-      "<sh-card>$0</sh-card>"
+      "<sh-checkbox [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
+      "  $0",
+      "</sh-checkbox>"
     ],
-    "description": "Basic usage of ShipCard"
+    "description": "Full usage of ShipCheckbox with common options"
   },
-  "ShipCard: With Options": {
-    "prefix": "sh-card-full",
+  "ShipThemeState: Basic": {
+    "prefix": "ship-theme-state",
     "body": [
-      "<sh-card [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b,type-c|}\">",
-      "  $0",
-      "</sh-card>"
+      "<ship-theme-state>$0</ship-theme-state>"
     ],
-    "description": "Full usage of ShipCard with common options"
+    "description": "Basic usage of ShipThemeState"
   },
-  "ShipPreventWheel: Basic": {
-    "prefix": "shPreventWheel",
+  "ShipThemeToggle: Basic": {
+    "prefix": "ship-theme-toggle",
     "body": [
-      "<div shPreventWheel>$0</div>"
+      "<ship-theme-toggle>$0</ship-theme-toggle>"
     ],
-    "description": "Basic usage of ShipPreventWheel"
+    "description": "Basic usage of ShipThemeToggle"
   },
-  "ShipTooltipWrapper: Basic": {
-    "prefix": "ship-tooltip-wrapper",
+  "ShipToggleCard: Basic": {
+    "prefix": "sh-toggle-card",
     "body": [
-      "<ship-tooltip-wrapper>$0</ship-tooltip-wrapper>"
+      "<sh-toggle-card>$0</sh-toggle-card>"
     ],
-    "description": "Basic usage of ShipTooltipWrapper"
+    "description": "Basic usage of ShipToggleCard"
   },
-  "ShipInputMask: Basic": {
-    "prefix": "shInputMask",
+  "ShipToggleCard: With Options": {
+    "prefix": "sh-toggle-card-full",
     "body": [
-      "<div shInputMask>$0</div>"
+      "<sh-toggle-card [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b,type-c|}\">",
+      "  $0",
+      "</sh-toggle-card>"
     ],
-    "description": "Basic usage of ShipInputMask"
+    "description": "Full usage of ShipToggleCard with common options"
   },
-  "ShipFileDragDrop: Basic": {
-    "prefix": "shDragDrop",
+  "ShipSidenav: Basic": {
+    "prefix": "sh-sidenav",
     "body": [
-      "<div shDragDrop>$0</div>"
+      "<sh-sidenav>$0</sh-sidenav>"
     ],
-    "description": "Basic usage of ShipFileDragDrop"
+    "description": "Basic usage of ShipSidenav"
   },
-  "ShipIcon: Basic": {
-    "prefix": "sh-icon",
+  "ShipBlueprint: Basic": {
+    "prefix": "sh-blueprint",
     "body": [
-      "<sh-icon>$0</sh-icon>"
+      "<sh-blueprint>$0</sh-blueprint>"
     ],
-    "description": "Basic usage of ShipIcon"
+    "description": "Basic usage of ShipBlueprint"
   },
-  "ShipIcon: With Options": {
-    "prefix": "sh-icon-full",
+  "ShipRangeSlider: Basic": {
+    "prefix": "sh-range-slider",
     "body": [
-      "<sh-icon [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small,large|}\">",
-      "  $0",
-      "</sh-icon>"
+      "<sh-range-slider>$0</sh-range-slider>"
     ],
-    "description": "Full usage of ShipIcon with common options"
+    "description": "Basic usage of ShipRangeSlider"
   },
-  "ShipToggle: Basic": {
-    "prefix": "sh-toggle",
+  "ShipStepper: Basic": {
+    "prefix": "sh-stepper",
     "body": [
-      "<sh-toggle>$0</sh-toggle>"
+      "<sh-stepper>$0</sh-stepper>"
     ],
-    "description": "Basic usage of ShipToggle"
+    "description": "Basic usage of ShipStepper"
   },
-  "ShipToggle: With Options": {
-    "prefix": "sh-toggle-full",
+  "ShipStepper: With Options": {
+    "prefix": "sh-stepper-full",
     "body": [
-      "<sh-toggle [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
+      "<sh-stepper [color]=\"${1|primary,accent,warn,error,success|}\">",
       "  $0",
-      "</sh-toggle>"
+      "</sh-stepper>"
     ],
-    "description": "Full usage of ShipToggle with common options"
+    "description": "Full usage of ShipStepper with common options"
   },
-  "ShipSelect: Basic": {
-    "prefix": "sh-select",
+  "ShipButtonGroup: Basic": {
+    "prefix": "sh-button-group",
     "body": [
-      "<sh-select>$0</sh-select>"
+      "<sh-button-group>$0</sh-button-group>"
     ],
-    "description": "Basic usage of ShipSelect"
+    "description": "Basic usage of ShipButtonGroup"
   },
-  "ShipSelect: With Options": {
-    "prefix": "sh-select-full",
+  "ShipButtonGroup: With Options": {
+    "prefix": "sh-button-group-full",
     "body": [
-      "<sh-select [readonly]=\"${1:false}\">",
+      "<sh-button-group [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b|}\" [size]=\"${3|small|}\">",
       "  $0",
-      "</sh-select>"
+      "</sh-button-group>"
     ],
-    "description": "Full usage of ShipSelect with common options"
+    "description": "Full usage of ShipButtonGroup with common options"
   },
-  "ShipCheckbox: Basic": {
-    "prefix": "sh-checkbox",
+  "ChildComponent: Basic": {
+    "prefix": "app-child",
     "body": [
-      "<sh-checkbox>$0</sh-checkbox>"
+      "<app-child>$0</app-child>"
     ],
-    "description": "Basic usage of ShipCheckbox"
+    "description": "Basic usage of ChildComponent"
   },
-  "ShipCheckbox: With Options": {
-    "prefix": "sh-checkbox-full",
+  "ShipProgressBar: Basic": {
+    "prefix": "sh-progress-bar",
     "body": [
-      "<sh-checkbox [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
+      "<sh-progress-bar>$0</sh-progress-bar>"
+    ],
+    "description": "Basic usage of ShipProgressBar"
+  },
+  "ShipProgressBar: With Options": {
+    "prefix": "sh-progress-bar-full",
+    "body": [
+      "<sh-progress-bar [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
       "  $0",
-      "</sh-checkbox>"
+      "</sh-progress-bar>"
     ],
-    "description": "Full usage of ShipCheckbox with common options"
+    "description": "Full usage of ShipProgressBar with common options"
   },
   "ShipDialog: Basic": {
     "prefix": "sh-dialog",
@@ -361,21 +294,35 @@
     ],
     "description": "Basic usage of ShipDialogService"
   },
-  "ShipToggleCard: Basic": {
-    "prefix": "sh-toggle-card",
+  "ShipToggle: Basic": {
+    "prefix": "sh-toggle",
     "body": [
-      "<sh-toggle-card>$0</sh-toggle-card>"
+      "<sh-toggle>$0</sh-toggle>"
     ],
-    "description": "Basic usage of ShipToggleCard"
+    "description": "Basic usage of ShipToggle"
   },
-  "ShipToggleCard: With Options": {
-    "prefix": "sh-toggle-card-full",
+  "ShipToggle: With Options": {
+    "prefix": "sh-toggle-full",
     "body": [
-      "<sh-toggle-card [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b,type-c|}\">",
+      "<sh-toggle [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
       "  $0",
-      "</sh-toggle-card>"
+      "</sh-toggle>"
     ],
-    "description": "Full usage of ShipToggleCard with common options"
+    "description": "Full usage of ShipToggle with common options"
+  },
+  "ShipTableFilterBar: Basic": {
+    "prefix": "sh-table-filter-bar",
+    "body": [
+      "<sh-table-filter-bar>$0</sh-table-filter-bar>"
+    ],
+    "description": "Basic usage of ShipTableFilterBar"
+  },
+  "ShipVirtualScroll: Basic": {
+    "prefix": "sh-virtual-scroll",
+    "body": [
+      "<sh-virtual-scroll>$0</sh-virtual-scroll>"
+    ],
+    "description": "Basic usage of ShipVirtualScroll"
   },
   "ShipChip: Basic": {
     "prefix": "sh-chip",
@@ -393,63 +340,88 @@
     ],
     "description": "Full usage of ShipChip with common options"
   },
-  "ShipBlueprint: Basic": {
-    "prefix": "sh-blueprint",
+  "ShipSortable: Basic": {
+    "prefix": "shSortable",
     "body": [
-      "<sh-blueprint>$0</sh-blueprint>"
+      "<div shSortable>$0</div>"
     ],
-    "description": "Basic usage of ShipBlueprint"
+    "description": "Basic usage of ShipSortable"
   },
-  "ShipButton: Basic": {
-    "prefix": "shButton",
+  "GridSortable: Basic": {
+    "prefix": "shGridSortable",
     "body": [
-      "<button shButton>$0</button>"
+      "<div shGridSortable>$0</div>"
     ],
-    "description": "Basic usage of ShipButton"
+    "description": "Basic usage of GridSortable"
   },
-  "ShipButton: With Options": {
-    "prefix": "shButton-full",
+  "ShipAlertService: Basic": {
+    "prefix": "ship-alert-service",
     "body": [
-      "<button shButton [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small,xsmall|}\" [readonly]=\"${4:false}\">",
+      "<ship-alert-service>$0</ship-alert-service>"
+    ],
+    "description": "Basic usage of ShipAlertService"
+  },
+  "ShipAlertContainer: Basic": {
+    "prefix": "ship-alert-container",
+    "body": [
+      "<ship-alert-container>$0</ship-alert-container>"
+    ],
+    "description": "Basic usage of ShipAlertContainer"
+  },
+  "ShipAlert: Basic": {
+    "prefix": "sh-alert",
+    "body": [
+      "<sh-alert>$0</sh-alert>"
+    ],
+    "description": "Basic usage of ShipAlert"
+  },
+  "ShipAlert: With Options": {
+    "prefix": "sh-alert-full",
+    "body": [
+      "<sh-alert [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
       "  $0",
-      "</button>"
+      "</sh-alert>"
     ],
-    "description": "Full usage of ShipButton with common options"
+    "description": "Full usage of ShipAlert with common options"
   },
-  "ShipColorPicker: Basic": {
-    "prefix": "sh-color-picker",
+  "ShipSpinner: Basic": {
+    "prefix": "sh-spinner",
     "body": [
-      "<sh-color-picker>$0</sh-color-picker>"
+      "<sh-spinner>$0</sh-spinner>"
     ],
-    "description": "Basic usage of ShipColorPicker"
+    "description": "Basic usage of ShipSpinner"
   },
-  "ShipDatepicker: Basic": {
-    "prefix": "sh-datepicker",
+  "ShipSpinner: With Options": {
+    "prefix": "sh-spinner-full",
     "body": [
-      "<sh-datepicker>$0</sh-datepicker>"
+      "<sh-spinner [color]=\"${1|primary,accent,warn,error,success|}\">",
+      "  $0",
+      "</sh-spinner>"
     ],
-    "description": "Basic usage of ShipDatepicker"
+    "description": "Full usage of ShipSpinner with common options"
   },
-  "ShipDaterangeInput: Basic": {
-    "prefix": "sh-daterange-input",
+  "ShipMenu: Basic": {
+    "prefix": "sh-menu",
     "body": [
-      "<sh-daterange-input>$0</sh-daterange-input>"
+      "<sh-menu>$0</sh-menu>"
     ],
-    "description": "Basic usage of ShipDaterangeInput"
+    "description": "Basic usage of ShipMenu"
   },
-  "ShipDatepickerInput: Basic": {
-    "prefix": "sh-datepicker-input",
+  "ShipRadio: Basic": {
+    "prefix": "sh-radio",
     "body": [
-      "<sh-datepicker-input>$0</sh-datepicker-input>"
+      "<sh-radio>$0</sh-radio>"
     ],
-    "description": "Basic usage of ShipDatepickerInput"
+    "description": "Basic usage of ShipRadio"
   },
-  "ShipList: Basic": {
-    "prefix": "sh-list",
+  "ShipRadio: With Options": {
+    "prefix": "sh-radio-full",
     "body": [
-      "<sh-list>$0</sh-list>"
+      "<sh-radio [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
+      "  $0",
+      "</sh-radio>"
     ],
-    "description": "Basic usage of ShipList"
+    "description": "Full usage of ShipRadio with common options"
   },
   "ShipEventCard: Basic": {
     "prefix": "sh-event-card",
@@ -474,20 +446,48 @@
     ],
     "description": "Basic usage of ShipDivider"
   },
-  "ShipProgressBar: Basic": {
-    "prefix": "sh-progress-bar",
+  "ShipFormField: Basic": {
+    "prefix": "sh-form-field",
     "body": [
-      "<sh-progress-bar>$0</sh-progress-bar>"
+      "<sh-form-field>$0</sh-form-field>"
     ],
-    "description": "Basic usage of ShipProgressBar"
+    "description": "Basic usage of ShipFormField"
   },
-  "ShipProgressBar: With Options": {
-    "prefix": "sh-progress-bar-full",
+  "ShipFormField: With Options": {
+    "prefix": "sh-form-field-full",
     "body": [
-      "<sh-progress-bar [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
+      "<sh-form-field [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small|}\" [readonly]=\"${4:false}\">",
       "  $0",
-      "</sh-progress-bar>"
+      "</sh-form-field>"
     ],
-    "description": "Full usage of ShipProgressBar with common options"
+    "description": "Full usage of ShipFormField with common options"
+  },
+  "ShipFormFieldPopover: Basic": {
+    "prefix": "sh-form-field-popover",
+    "body": [
+      "<sh-form-field-popover>$0</sh-form-field-popover>"
+    ],
+    "description": "Basic usage of ShipFormFieldPopover"
+  },
+  "ShipColorPicker: Basic": {
+    "prefix": "sh-color-picker",
+    "body": [
+      "<sh-color-picker>$0</sh-color-picker>"
+    ],
+    "description": "Basic usage of ShipColorPicker"
+  },
+  "ShipFormFieldExperimental: Basic": {
+    "prefix": "sh-form-field-experimental",
+    "body": [
+      "<sh-form-field-experimental>$0</sh-form-field-experimental>"
+    ],
+    "description": "Basic usage of ShipFormFieldExperimental"
+  },
+  "ShipPopover: Basic": {
+    "prefix": "sh-popover",
+    "body": [
+      "<sh-popover>$0</sh-popover>"
+    ],
+    "description": "Basic usage of ShipPopover"
   }
 }