@ship-ui/core 0.18.4 → 0.18.10

package/snippets/ship-ui.code-snippets

@@ -1,47 +1,68 @@
 {
-  "ShipIcon: Basic": {
-    "prefix": "sh-icon",
+  "ShipDivider: Basic": {
+    "prefix": "sh-divider",
     "body": [
-      "<sh-icon>$0</sh-icon>"
+      "<sh-divider>$0</sh-divider>"
     ],
-    "description": "Basic usage of ShipIcon"
+    "description": "Basic usage of ShipDivider"
   },
-  "ShipIcon: With Options": {
-    "prefix": "sh-icon-full",
+  "ChildComponent: Basic": {
+    "prefix": "app-child",
     "body": [
-      "<sh-icon [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small,large|}\">",
-      "  $0",
-      "</sh-icon>"
+      "<app-child>$0</app-child>"
     ],
-    "description": "Full usage of ShipIcon with common options"
+    "description": "Basic usage of ChildComponent"
   },
-  "ShipDatepickerInput: Basic": {
-    "prefix": "sh-datepicker-input",
+  "ShipDialog: Basic": {
+    "prefix": "sh-dialog",
     "body": [
-      "<sh-datepicker-input>$0</sh-datepicker-input>"
+      "<sh-dialog>$0</sh-dialog>"
     ],
-    "description": "Basic usage of ShipDatepickerInput"
+    "description": "Basic usage of ShipDialog"
   },
-  "ShipDaterangeInput: Basic": {
-    "prefix": "sh-daterange-input",
+  "ShipDialogService: Basic": {
+    "prefix": "ship-dialog-service",
     "body": [
-      "<sh-daterange-input>$0</sh-daterange-input>"
+      "<ship-dialog-service>$0</ship-dialog-service>"
     ],
-    "description": "Basic usage of ShipDaterangeInput"
+    "description": "Basic usage of ShipDialogService"
   },
-  "ShipDatepicker: Basic": {
-    "prefix": "sh-datepicker",
+  "ShipSortable: Basic": {
+    "prefix": "shSortable",
     "body": [
-      "<sh-datepicker>$0</sh-datepicker>"
+      "<div shSortable>$0</div>"
     ],
-    "description": "Basic usage of ShipDatepicker"
+    "description": "Basic usage of ShipSortable"
   },
-  "ShipFileUpload: Basic": {
-    "prefix": "sh-file-upload",
+  "GridSortable: Basic": {
+    "prefix": "shGridSortable",
     "body": [
-      "<sh-file-upload>$0</sh-file-upload>"
+      "<div shGridSortable>$0</div>"
     ],
-    "description": "Basic usage of ShipFileUpload"
+    "description": "Basic usage of GridSortable"
+  },
+  "ShipColorPickerInput: Basic": {
+    "prefix": "sh-color-picker-input",
+    "body": [
+      "<sh-color-picker-input>$0</sh-color-picker-input>"
+    ],
+    "description": "Basic usage of ShipColorPickerInput"
+  },
+  "ShipColorPickerInput: With Options": {
+    "prefix": "sh-color-picker-input-full",
+    "body": [
+      "<sh-color-picker-input [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|base,horizontal|}\" [size]=\"${3|small,xsmall|}\" [readonly]=\"${4:false}\">",
+      "  $0",
+      "</sh-color-picker-input>"
+    ],
+    "description": "Full usage of ShipColorPickerInput with common options"
+  },
+  "ShipColorPicker: Basic": {
+    "prefix": "sh-color-picker",
+    "body": [
+      "<sh-color-picker>$0</sh-color-picker>"
+    ],
+    "description": "Basic usage of ShipColorPicker"
   },
   "ShipCard: Basic": {
     "prefix": "sh-card",
@@ -59,44 +80,58 @@
     ],
     "description": "Full usage of ShipCard with common options"
   },
-  "ShipTabs: Basic": {
-    "prefix": "sh-tabs",
+  "ShipRangeSlider: Basic": {
+    "prefix": "sh-range-slider",
     "body": [
-      "<sh-tabs>$0</sh-tabs>"
+      "<sh-range-slider>$0</sh-range-slider>"
     ],
-    "description": "Basic usage of ShipTabs"
+    "description": "Basic usage of ShipRangeSlider"
   },
-  "ShipTabs: With Options": {
-    "prefix": "sh-tabs-full",
+  "ShipRangeSlider: With Options": {
+    "prefix": "sh-range-slider-full",
     "body": [
-      "<sh-tabs [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
+      "<sh-range-slider [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2:null}\" [size]=\"${3|small,xsmall|}\">",
       "  $0",
-      "</sh-tabs>"
+      "</sh-range-slider>"
     ],
-    "description": "Full usage of ShipTabs with common options"
+    "description": "Full usage of ShipRangeSlider with common options"
   },
-  "ShipResize: Basic": {
-    "prefix": "shResize",
+  "ShipCheckbox: Basic": {
+    "prefix": "sh-checkbox",
     "body": [
-      "<div shResize>$0</div>"
+      "<sh-checkbox>$0</sh-checkbox>"
     ],
-    "description": "Basic usage of ShipResize"
+    "description": "Basic usage of ShipCheckbox"
   },
-  "ShipResize: With Options": {
-    "prefix": "shResize-full",
+  "ShipCheckbox: With Options": {
+    "prefix": "sh-checkbox-full",
     "body": [
-      "<div shResize [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b|}\">",
+      "<sh-checkbox [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
       "  $0",
-      "</div>"
+      "</sh-checkbox>"
     ],
-    "description": "Full usage of ShipResize with common options"
+    "description": "Full usage of ShipCheckbox with common options"
   },
-  "ShipList: Basic": {
-    "prefix": "sh-list",
+  "ShipFileDragDrop: Basic": {
+    "prefix": "shDragDrop",
     "body": [
-      "<sh-list>$0</sh-list>"
+      "<div shDragDrop>$0</div>"
     ],
-    "description": "Basic usage of ShipList"
+    "description": "Basic usage of ShipFileDragDrop"
+  },
+  "ShipPreventWheel: Basic": {
+    "prefix": "shPreventWheel",
+    "body": [
+      "<div shPreventWheel>$0</div>"
+    ],
+    "description": "Basic usage of ShipPreventWheel"
+  },
+  "ShipTooltipWrapper: Basic": {
+    "prefix": "ship-tooltip-wrapper",
+    "body": [
+      "<ship-tooltip-wrapper>$0</ship-tooltip-wrapper>"
+    ],
+    "description": "Basic usage of ShipTooltipWrapper"
   },
   "ShipInputMask: Basic": {
     "prefix": "shInputMask",
@@ -105,26 +140,44 @@
     ],
     "description": "Basic usage of ShipInputMask"
   },
-  "ShipFileDragDrop: Basic": {
-    "prefix": "shDragDrop",
+  "ShipBlueprint: Basic": {
+    "prefix": "sh-blueprint",
     "body": [
-      "<div shDragDrop>$0</div>"
+      "<sh-blueprint>$0</sh-blueprint>"
     ],
-    "description": "Basic usage of ShipFileDragDrop"
+    "description": "Basic usage of ShipBlueprint"
   },
-  "ShipTooltipWrapper: Basic": {
-    "prefix": "ship-tooltip-wrapper",
+  "ShipIcon: Basic": {
+    "prefix": "sh-icon",
     "body": [
-      "<ship-tooltip-wrapper>$0</ship-tooltip-wrapper>"
+      "<sh-icon>$0</sh-icon>"
     ],
-    "description": "Basic usage of ShipTooltipWrapper"
+    "description": "Basic usage of ShipIcon"
   },
-  "ShipPreventWheel: Basic": {
-    "prefix": "shPreventWheel",
+  "ShipIcon: With Options": {
+    "prefix": "sh-icon-full",
     "body": [
-      "<div shPreventWheel>$0</div>"
+      "<sh-icon [color]=\"${1|primary,accent,warn,error,success|}\" [size]=\"${2|small,large|}\">",
+      "  $0",
+      "</sh-icon>"
     ],
-    "description": "Basic usage of ShipPreventWheel"
+    "description": "Full usage of ShipIcon with common options"
+  },
+  "ShipButtonGroup: Basic": {
+    "prefix": "sh-button-group",
+    "body": [
+      "<sh-button-group>$0</sh-button-group>"
+    ],
+    "description": "Basic usage of ShipButtonGroup"
+  },
+  "ShipButtonGroup: With Options": {
+    "prefix": "sh-button-group-full",
+    "body": [
+      "<sh-button-group [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b|}\" [size]=\"${3|small,xsmall|}\">",
+      "  $0",
+      "</sh-button-group>"
+    ],
+    "description": "Full usage of ShipButtonGroup with common options"
   },
   "ShipButton: Basic": {
     "prefix": "shButton",
@@ -152,78 +205,57 @@
   "ShipSelect: With Options": {
     "prefix": "sh-select-full",
     "body": [
-      "<sh-select [readonly]=\"${1:false}\">",
+      "<sh-select [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|base,horizontal|}\" [size]=\"${3|small,xsmall|}\" [readonly]=\"${4:false}\">",
       "  $0",
       "</sh-select>"
     ],
     "description": "Full usage of ShipSelect with common options"
   },
-  "ShipCheckbox: Basic": {
-    "prefix": "sh-checkbox",
-    "body": [
-      "<sh-checkbox>$0</sh-checkbox>"
-    ],
-    "description": "Basic usage of ShipCheckbox"
-  },
-  "ShipCheckbox: With Options": {
-    "prefix": "sh-checkbox-full",
-    "body": [
-      "<sh-checkbox [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
-      "  $0",
-      "</sh-checkbox>"
-    ],
-    "description": "Full usage of ShipCheckbox with common options"
-  },
-  "ShipThemeState: Basic": {
-    "prefix": "ship-theme-state",
-    "body": [
-      "<ship-theme-state>$0</ship-theme-state>"
-    ],
-    "description": "Basic usage of ShipThemeState"
-  },
-  "ShipThemeToggle: Basic": {
-    "prefix": "ship-theme-toggle",
+  "ShipList: Basic": {
+    "prefix": "sh-list",
     "body": [
-      "<ship-theme-toggle>$0</ship-theme-toggle>"
+      "<sh-list>$0</sh-list>"
     ],
-    "description": "Basic usage of ShipThemeToggle"
+    "description": "Basic usage of ShipList"
   },
-  "ShipToggleCard: Basic": {
-    "prefix": "sh-toggle-card",
+  "ShipSpinner: Basic": {
+    "prefix": "sh-spinner",
     "body": [
-      "<sh-toggle-card>$0</sh-toggle-card>"
+      "<sh-spinner>$0</sh-spinner>"
     ],
-    "description": "Basic usage of ShipToggleCard"
+    "description": "Basic usage of ShipSpinner"
   },
-  "ShipToggleCard: With Options": {
-    "prefix": "sh-toggle-card-full",
+  "ShipSpinner: With Options": {
+    "prefix": "sh-spinner-full",
     "body": [
-      "<sh-toggle-card [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b,type-c|}\">",
+      "<sh-spinner [color]=\"${1|primary,accent,warn,error,success|}\">",
       "  $0",
-      "</sh-toggle-card>"
+      "</sh-spinner>"
     ],
-    "description": "Full usage of ShipToggleCard with common options"
+    "description": "Full usage of ShipSpinner with common options"
   },
-  "ShipSidenav: Basic": {
-    "prefix": "sh-sidenav",
+  "ShipProgressBar: Basic": {
+    "prefix": "sh-progress-bar",
     "body": [
-      "<sh-sidenav>$0</sh-sidenav>"
+      "<sh-progress-bar>$0</sh-progress-bar>"
     ],
-    "description": "Basic usage of ShipSidenav"
+    "description": "Basic usage of ShipProgressBar"
   },
-  "ShipBlueprint: Basic": {
-    "prefix": "sh-blueprint",
+  "ShipProgressBar: With Options": {
+    "prefix": "sh-progress-bar-full",
     "body": [
-      "<sh-blueprint>$0</sh-blueprint>"
+      "<sh-progress-bar [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
+      "  $0",
+      "</sh-progress-bar>"
     ],
-    "description": "Basic usage of ShipBlueprint"
+    "description": "Full usage of ShipProgressBar with common options"
   },
-  "ShipRangeSlider: Basic": {
-    "prefix": "sh-range-slider",
+  "ShipTableFilterBar: Basic": {
+    "prefix": "sh-table-filter-bar",
     "body": [
-      "<sh-range-slider>$0</sh-range-slider>"
+      "<sh-table-filter-bar>$0</sh-table-filter-bar>"
     ],
-    "description": "Basic usage of ShipRangeSlider"
+    "description": "Basic usage of ShipTableFilterBar"
   },
   "ShipStepper: Basic": {
     "prefix": "sh-stepper",
@@ -241,58 +273,19 @@
     ],
     "description": "Full usage of ShipStepper with common options"
   },
-  "ShipButtonGroup: Basic": {
-    "prefix": "sh-button-group",
-    "body": [
-      "<sh-button-group>$0</sh-button-group>"
-    ],
-    "description": "Basic usage of ShipButtonGroup"
-  },
-  "ShipButtonGroup: With Options": {
-    "prefix": "sh-button-group-full",
-    "body": [
-      "<sh-button-group [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b|}\" [size]=\"${3|small|}\">",
-      "  $0",
-      "</sh-button-group>"
-    ],
-    "description": "Full usage of ShipButtonGroup with common options"
-  },
-  "ChildComponent: Basic": {
-    "prefix": "app-child",
-    "body": [
-      "<app-child>$0</app-child>"
-    ],
-    "description": "Basic usage of ChildComponent"
-  },
-  "ShipProgressBar: Basic": {
-    "prefix": "sh-progress-bar",
-    "body": [
-      "<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-progress-bar>"
-    ],
-    "description": "Full usage of ShipProgressBar with common options"
-  },
-  "ShipDialog: Basic": {
-    "prefix": "sh-dialog",
+  "ShipThemeToggle: Basic": {
+    "prefix": "ship-theme-toggle",
     "body": [
-      "<sh-dialog>$0</sh-dialog>"
+      "<ship-theme-toggle>$0</ship-theme-toggle>"
     ],
-    "description": "Basic usage of ShipDialog"
+    "description": "Basic usage of ShipThemeToggle"
   },
-  "ShipDialogService: Basic": {
-    "prefix": "ship-dialog-service",
+  "ShipThemeState: Basic": {
+    "prefix": "ship-theme-state",
     "body": [
-      "<ship-dialog-service>$0</ship-dialog-service>"
+      "<ship-theme-state>$0</ship-theme-state>"
     ],
-    "description": "Basic usage of ShipDialogService"
+    "description": "Basic usage of ShipThemeState"
   },
   "ShipToggle: Basic": {
     "prefix": "sh-toggle",
@@ -310,63 +303,69 @@
     ],
     "description": "Full usage of ShipToggle with common options"
   },
-  "ShipTableFilterBar: Basic": {
-    "prefix": "sh-table-filter-bar",
+  "ShipFormFieldPopover: Basic": {
+    "prefix": "sh-form-field-popover",
     "body": [
-      "<sh-table-filter-bar>$0</sh-table-filter-bar>"
+      "<sh-form-field-popover>$0</sh-form-field-popover>"
     ],
-    "description": "Basic usage of ShipTableFilterBar"
+    "description": "Basic usage of ShipFormFieldPopover"
   },
-  "ShipVirtualScroll: Basic": {
-    "prefix": "sh-virtual-scroll",
+  "ShipFormFieldPopover: With Options": {
+    "prefix": "sh-form-field-popover-full",
     "body": [
-      "<sh-virtual-scroll>$0</sh-virtual-scroll>"
+      "<sh-form-field-popover [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|base,horizontal|}\" [size]=\"${3|small,xsmall|}\" [readonly]=\"${4:false}\">",
+      "  $0",
+      "</sh-form-field-popover>"
     ],
-    "description": "Basic usage of ShipVirtualScroll"
+    "description": "Full usage of ShipFormFieldPopover with common options"
   },
-  "ShipChip: Basic": {
-    "prefix": "sh-chip",
+  "ShipFormField: Basic": {
+    "prefix": "sh-form-field",
     "body": [
-      "<sh-chip>$0</sh-chip>"
+      "<sh-form-field>$0</sh-form-field>"
     ],
-    "description": "Basic usage of ShipChip"
+    "description": "Basic usage of ShipFormField"
   },
-  "ShipChip: With Options": {
-    "prefix": "sh-chip-full",
+  "ShipFormField: With Options": {
+    "prefix": "sh-form-field-full",
     "body": [
-      "<sh-chip [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small|}\" [readonly]=\"${4:false}\">",
+      "<sh-form-field [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|base,horizontal|}\" [size]=\"${3|small,xsmall|}\" [readonly]=\"${4:false}\">",
       "  $0",
-      "</sh-chip>"
+      "</sh-form-field>"
     ],
-    "description": "Full usage of ShipChip with common options"
+    "description": "Full usage of ShipFormField with common options"
   },
-  "ShipSortable: Basic": {
-    "prefix": "shSortable",
+  "ShipEventCard: Basic": {
+    "prefix": "sh-event-card",
     "body": [
-      "<div shSortable>$0</div>"
+      "<sh-event-card>$0</sh-event-card>"
     ],
-    "description": "Basic usage of ShipSortable"
+    "description": "Basic usage of ShipEventCard"
   },
-  "GridSortable: Basic": {
-    "prefix": "shGridSortable",
+  "ShipEventCard: With Options": {
+    "prefix": "sh-event-card-full",
     "body": [
-      "<div shGridSortable>$0</div>"
+      "<sh-event-card [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
+      "  $0",
+      "</sh-event-card>"
     ],
-    "description": "Basic usage of GridSortable"
+    "description": "Full usage of ShipEventCard with common options"
   },
-  "ShipAlertService: Basic": {
-    "prefix": "ship-alert-service",
+  "ShipAccordion: Basic": {
+    "prefix": "sh-accordion",
     "body": [
-      "<ship-alert-service>$0</ship-alert-service>"
+      "<sh-accordion>$0</sh-accordion>"
     ],
-    "description": "Basic usage of ShipAlertService"
+    "description": "Basic usage of ShipAccordion"
   },
-  "ShipAlertContainer: Basic": {
-    "prefix": "ship-alert-container",
+  "ShipAccordion: With Options": {
+    "prefix": "sh-accordion-full",
     "body": [
-      "<ship-alert-container>$0</ship-alert-container>"
+      "<sh-accordion [variant]=\"${1:null}\" [size]=\"${2:null}\">",
+      "  $0",
+      "</sh-accordion>"
     ],
-    "description": "Basic usage of ShipAlertContainer"
+    "description": "Full usage of ShipAccordion with common options"
   },
   "ShipAlert: Basic": {
     "prefix": "sh-alert",
@@ -384,21 +383,26 @@
     ],
     "description": "Full usage of ShipAlert with common options"
   },
-  "ShipSpinner: Basic": {
-    "prefix": "sh-spinner",
+  "ShipAlertContainer: Basic": {
+    "prefix": "ship-alert-container",
     "body": [
-      "<sh-spinner>$0</sh-spinner>"
+      "<ship-alert-container>$0</ship-alert-container>"
     ],
-    "description": "Basic usage of ShipSpinner"
+    "description": "Basic usage of ShipAlertContainer"
   },
-  "ShipSpinner: With Options": {
-    "prefix": "sh-spinner-full",
+  "ShipAlertService: Basic": {
+    "prefix": "ship-alert-service",
     "body": [
-      "<sh-spinner [color]=\"${1|primary,accent,warn,error,success|}\">",
-      "  $0",
-      "</sh-spinner>"
+      "<ship-alert-service>$0</ship-alert-service>"
     ],
-    "description": "Full usage of ShipSpinner with common options"
+    "description": "Basic usage of ShipAlertService"
+  },
+  "ShipSidenav: Basic": {
+    "prefix": "sh-sidenav",
+    "body": [
+      "<sh-sidenav>$0</sh-sidenav>"
+    ],
+    "description": "Basic usage of ShipSidenav"
   },
   "ShipMenu: Basic": {
     "prefix": "sh-menu",
@@ -407,74 +411,95 @@
     ],
     "description": "Basic usage of ShipMenu"
   },
-  "ShipRadio: Basic": {
-    "prefix": "sh-radio",
+  "ShipPopover: Basic": {
+    "prefix": "sh-popover",
     "body": [
-      "<sh-radio>$0</sh-radio>"
+      "<sh-popover>$0</sh-popover>"
     ],
-    "description": "Basic usage of ShipRadio"
+    "description": "Basic usage of ShipPopover"
   },
-  "ShipRadio: With Options": {
-    "prefix": "sh-radio-full",
+  "ShipChip: Basic": {
+    "prefix": "sh-chip",
     "body": [
-      "<sh-radio [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
+      "<sh-chip>$0</sh-chip>"
+    ],
+    "description": "Basic usage of ShipChip"
+  },
+  "ShipChip: With Options": {
+    "prefix": "sh-chip-full",
+    "body": [
+      "<sh-chip [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [size]=\"${3|small,xsmall|}\" [readonly]=\"${4:false}\">",
       "  $0",
-      "</sh-radio>"
+      "</sh-chip>"
     ],
-    "description": "Full usage of ShipRadio with common options"
+    "description": "Full usage of ShipChip with common options"
   },
-  "ShipEventCard: Basic": {
-    "prefix": "sh-event-card",
+  "ShipFileUpload: Basic": {
+    "prefix": "sh-file-upload",
     "body": [
-      "<sh-event-card>$0</sh-event-card>"
+      "<sh-file-upload>$0</sh-file-upload>"
     ],
-    "description": "Basic usage of ShipEventCard"
+    "description": "Basic usage of ShipFileUpload"
   },
-  "ShipEventCard: With Options": {
-    "prefix": "sh-event-card-full",
+  "ShipVirtualScroll: Basic": {
+    "prefix": "sh-virtual-scroll",
     "body": [
-      "<sh-event-card [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
+      "<sh-virtual-scroll>$0</sh-virtual-scroll>"
+    ],
+    "description": "Basic usage of ShipVirtualScroll"
+  },
+  "ShipTabs: Basic": {
+    "prefix": "sh-tabs",
+    "body": [
+      "<sh-tabs>$0</sh-tabs>"
+    ],
+    "description": "Basic usage of ShipTabs"
+  },
+  "ShipTabs: With Options": {
+    "prefix": "sh-tabs-full",
+    "body": [
+      "<sh-tabs [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\">",
       "  $0",
-      "</sh-event-card>"
+      "</sh-tabs>"
     ],
-    "description": "Full usage of ShipEventCard with common options"
+    "description": "Full usage of ShipTabs with common options"
   },
-  "ShipDivider: Basic": {
-    "prefix": "sh-divider",
+  "ShipDatepickerInput: Basic": {
+    "prefix": "sh-datepicker-input",
     "body": [
-      "<sh-divider>$0</sh-divider>"
+      "<sh-datepicker-input>$0</sh-datepicker-input>"
     ],
-    "description": "Basic usage of ShipDivider"
+    "description": "Basic usage of ShipDatepickerInput"
   },
-  "ShipFormField: Basic": {
-    "prefix": "sh-form-field",
+  "ShipDaterangeInput: Basic": {
+    "prefix": "sh-daterange-input",
     "body": [
-      "<sh-form-field>$0</sh-form-field>"
+      "<sh-daterange-input>$0</sh-daterange-input>"
     ],
-    "description": "Basic usage of ShipFormField"
+    "description": "Basic usage of ShipDaterangeInput"
   },
-  "ShipFormField: With Options": {
-    "prefix": "sh-form-field-full",
+  "ShipDatepicker: Basic": {
+    "prefix": "sh-datepicker",
     "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>"
+      "<sh-datepicker>$0</sh-datepicker>"
     ],
-    "description": "Full usage of ShipFormField with common options"
+    "description": "Basic usage of ShipDatepicker"
   },
-  "ShipFormFieldPopover: Basic": {
-    "prefix": "sh-form-field-popover",
+  "ShipResize: Basic": {
+    "prefix": "shResize",
     "body": [
-      "<sh-form-field-popover>$0</sh-form-field-popover>"
+      "<div shResize>$0</div>"
     ],
-    "description": "Basic usage of ShipFormFieldPopover"
+    "description": "Basic usage of ShipResize"
   },
-  "ShipColorPicker: Basic": {
-    "prefix": "sh-color-picker",
+  "ShipResize: With Options": {
+    "prefix": "shResize-full",
     "body": [
-      "<sh-color-picker>$0</sh-color-picker>"
+      "<div shResize [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b|}\">",
+      "  $0",
+      "</div>"
     ],
-    "description": "Basic usage of ShipColorPicker"
+    "description": "Full usage of ShipResize with common options"
   },
   "ShipFormFieldExperimental: Basic": {
     "prefix": "sh-form-field-experimental",
@@ -483,11 +508,36 @@
     ],
     "description": "Basic usage of ShipFormFieldExperimental"
   },
-  "ShipPopover: Basic": {
-    "prefix": "sh-popover",
+  "ShipToggleCard: Basic": {
+    "prefix": "sh-toggle-card",
     "body": [
-      "<sh-popover>$0</sh-popover>"
+      "<sh-toggle-card>$0</sh-toggle-card>"
     ],
-    "description": "Basic usage of ShipPopover"
+    "description": "Basic usage of ShipToggleCard"
+  },
+  "ShipToggleCard: With Options": {
+    "prefix": "sh-toggle-card-full",
+    "body": [
+      "<sh-toggle-card [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|type-a,type-b,type-c|}\">",
+      "  $0",
+      "</sh-toggle-card>"
+    ],
+    "description": "Full usage of ShipToggleCard with common options"
+  },
+  "ShipRadio: Basic": {
+    "prefix": "sh-radio",
+    "body": [
+      "<sh-radio>$0</sh-radio>"
+    ],
+    "description": "Basic usage of ShipRadio"
+  },
+  "ShipRadio: With Options": {
+    "prefix": "sh-radio-full",
+    "body": [
+      "<sh-radio [color]=\"${1|primary,accent,warn,error,success|}\" [variant]=\"${2|simple,outlined,flat,raised|}\" [readonly]=\"${3:false}\">",
+      "  $0",
+      "</sh-radio>"
+    ],
+    "description": "Full usage of ShipRadio with common options"
   }
 }