feat(components): add large set of new UI components and demos, reorganize groups, and bump a few dependencies

ts_web/elements/00group-feedback/dees-hint/dees-hint.demo.ts

@@ -0,0 +1,5 @@
+import { html } from '@design.estate/dees-element';
+
+export const demoFunc = () => html`
+  <dees-hint></dees-hint>
+`;

ts_web/elements/00group-feedback/dees-hint/dees-hint.ts

@@ -0,0 +1,42 @@
+import {
+  DeesElement,
+  css,
+  cssManager,
+  customElement,
+  html,
+  property,
+  type CSSResult,
+  type TemplateResult,
+} from '@design.estate/dees-element';
+
+import * as domtools from '@design.estate/dees-domtools';
+import { demoFunc } from './dees-hint.demo.js';
+import { themeDefaultStyles } from '../../00theme.js';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'dees-hint': DeesHint;
+  }
+}
+
+@customElement('dees-hint')
+export class DeesHint extends DeesElement {
+  public static demo = demoFunc;
+  public static demoGroups = ['Feedback'];
+
+  @property({ type: String })
+  accessor type: 'info' | 'warn' | 'error' | 'critical' = 'info';
+
+  constructor() {
+    super();
+    domtools.elementBasic.setup();
+  }
+
+  public static styles = [themeDefaultStyles, cssManager.defaultStyles, css`
+      /* TODO: Migrate hardcoded values to --dees-* CSS variables */
+    `];
+
+  public render(): TemplateResult {
+    return html` <div class="mainbox"></div> `;
+  }
+}

ts_web/elements/00group-feedback/dees-hint/index.ts

@@ -0,0 +1 @@
+export * from './dees-hint.js';