Host pill format chooser

packages/boxel-ui/addon/src/icons.gts

@@ -8,6 +8,7 @@ import ArrowLeft from './icons/arrow-left.gts';
 import ArrowRight from './icons/arrow-right.gts';
 import ArrowTopLeft from './icons/arrow-top-left.gts';
 import ArrowUp from './icons/arrow-up.gts';
+import Atom from './icons/atom.gts';
 import BoxelIcon from './icons/boxel-icon.gts';
 import BoxelIconWithText from './icons/boxel-icon-with-text.gts';
 import Card from './icons/card.gts';
@@ -23,17 +24,21 @@ import Download from './icons/download.gts';
 import DropdownArrowDown from './icons/dropdown-arrow-down.gts';
 import DropdownArrowFilled from './icons/dropdown-arrow-filled.gts';
 import DropdownArrowUp from './icons/dropdown-arrow-up.gts';
+import Embedded from './icons/embedded.gts';
 import Exclamation from './icons/exclamation.gts';
 import ExclamationCircle from './icons/exclamation-circle.gts';
 import Eye from './icons/eye.gts';
 import FailureBordered from './icons/failure-bordered.gts';
 import Field from './icons/field.gts';
 import File from './icons/file.gts';
 import FileAlert from './icons/file-alert.gts';
+import Fitted from './icons/fitted.gts';
 import Folder from './icons/folder.gts';
+import Form from './icons/form.gts';
 import FourLines from './icons/four-lines.gts';
 import Grid3x3 from './icons/grid-3x3.gts';
 import Group from './icons/group.gts';
+import Head from './icons/head.gts';
 import HighlightIcon from './icons/highlight-icon.gts';
 import IconCircle from './icons/icon-circle.gts';
 import IconCircleSelected from './icons/icon-circle-selected.gts';
@@ -58,8 +63,10 @@ import IconTrash from './icons/icon-trash.gts';
 import IconTurnDownRight from './icons/icon-turn-down-right.gts';
 import IconX from './icons/icon-x.gts';
 import ImagePlaceholder from './icons/image-placeholder.gts';
+import Isolated from './icons/isolated.gts';
 import LoadingIndicator from './icons/loading-indicator.gts';
 import Lock from './icons/lock.gts';
+import Markdown from './icons/markdown.gts';
 import Profile from './icons/profile.gts';
 import PublishSiteIcon from './icons/publish-site-icon.gts';
 import Rows4 from './icons/rows-4.gts';
@@ -82,6 +89,7 @@ export const ALL_ICON_COMPONENTS = [
   ArrowRight,
   ArrowTopLeft,
   ArrowUp,
+  Atom,
   BoxelIcon,
   BoxelIconWithText,
   Card,
@@ -97,17 +105,21 @@ export const ALL_ICON_COMPONENTS = [
   DropdownArrowDown,
   DropdownArrowFilled,
   DropdownArrowUp,
+  Embedded,
   Exclamation,
   ExclamationCircle,
   Eye,
   FailureBordered,
   Field,
   File,
   FileAlert,
+  Fitted,
   Folder,
+  Form,
   FourLines,
   Grid3x3,
   Group,
+  Head,
   HighlightIcon,
   IconCircle,
   IconCircleSelected,
@@ -132,8 +144,10 @@ export const ALL_ICON_COMPONENTS = [
   IconTurnDownRight,
   IconX,
   ImagePlaceholder,
+  Isolated,
   LoadingIndicator,
   Lock,
+  Markdown,
   Profile,
   PublishSiteIcon,
   Rows4,
@@ -158,6 +172,7 @@ export {
   ArrowRight,
   ArrowTopLeft,
   ArrowUp,
+  Atom,
   BoxelIcon,
   BoxelIconWithText,
   Card,
@@ -173,17 +188,21 @@ export {
   DropdownArrowDown,
   DropdownArrowFilled,
   DropdownArrowUp,
+  Embedded,
   Exclamation,
   ExclamationCircle,
   Eye,
   FailureBordered,
   Field,
   File,
   FileAlert,
+  Fitted,
   Folder,
+  Form,
   FourLines,
   Grid3x3,
   Group,
+  Head,
   HighlightIcon,
   IconCircle,
   IconCircleSelected,
@@ -208,8 +227,10 @@ export {
   IconTurnDownRight,
   IconX,
   ImagePlaceholder,
+  Isolated,
   LoadingIndicator,
   Lock,
+  Markdown,
   Profile,
   PublishSiteIcon,
   Rows4,

packages/boxel-ui/addon/src/icons/atom.gts

@@ -0,0 +1,26 @@
+// This file is auto-generated by 'pnpm rebuild:icons'
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+import type { Signature } from './types.ts';
+
+const IconComponent: TemplateOnlyComponent<Signature> = <template>
+  <svg
+    fill='none'
+    stroke='currentColor'
+    stroke-width='1.5'
+    viewBox='0 0 16 16'
+    ...attributes
+  ><rect
+      width='12'
+      height='4'
+      x='2'
+      y='6'
+      fill='currentColor'
+      fill-opacity='.35'
+      rx='2'
+    /><rect width='12' height='4' x='2' y='6' rx='2' /></svg>
+</template>;
+
+// @ts-expect-error this is the only way to set a name on a Template Only Component currently
+IconComponent.name = 'Atom';
+export default IconComponent;

packages/boxel-ui/addon/src/icons/edit.gts

@@ -0,0 +1,14 @@
+// This file is auto-generated by 'pnpm rebuild:icons'
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+import type { Signature } from './types.ts';
+
+const IconComponent: TemplateOnlyComponent<Signature> = <template>
+  <svg fill='currentColor' viewBox='2.5 2.5 18.75 18.75' ...attributes><path
+      d='M4 20.75a.75.75 0 0 1-.75-.75v-4.181a.76.76 0 0 1 .22-.53L14.711 4.05a2.72 2.72 0 0 1 3.848 0l1.391 1.391a2.72 2.72 0 0 1 0 3.848L8.712 20.53a.75.75 0 0 1-.531.22zm.75-4.621v3.121h3.12l7.91-7.91-3.12-3.12zm12.091-5.849 2.051-2.051a1.223 1.223 0 0 0 0-1.727l-1.393-1.394a1.22 1.22 0 0 0-1.727 0L13.72 7.16z'
+    /></svg>
+</template>;
+
+// @ts-expect-error this is the only way to set a name on a Template Only Component currently
+IconComponent.name = 'Edit';
+export default IconComponent;

packages/boxel-ui/addon/src/icons/embedded.gts

@@ -0,0 +1,34 @@
+// This file is auto-generated by 'pnpm rebuild:icons'
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+import type { Signature } from './types.ts';
+
+const IconComponent: TemplateOnlyComponent<Signature> = <template>
+  <svg
+    fill='none'
+    stroke='currentColor'
+    stroke-width='1.25'
+    viewBox='0 0 18 16'
+    ...attributes
+  ><rect
+      width='15.5'
+      height='9'
+      x='1.25'
+      y='3.5'
+      fill='currentColor'
+      fill-opacity='.18'
+      rx='2'
+    /><rect width='15.5' height='9' x='1.25' y='3.5' rx='2' /><rect
+      width='5'
+      height='5.5'
+      x='3'
+      y='5.25'
+      fill='currentColor'
+      stroke='none'
+      rx='.75'
+    /><path d='M9.5 6.75h5.25M9.5 8.5h5.25M9.5 10.25h3.25' /></svg>
+</template>;
+
+// @ts-expect-error this is the only way to set a name on a Template Only Component currently
+IconComponent.name = 'Embedded';
+export default IconComponent;

packages/boxel-ui/addon/src/icons/fitted.gts

@@ -0,0 +1,42 @@
+// This file is auto-generated by 'pnpm rebuild:icons'
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+import type { Signature } from './types.ts';
+
+const IconComponent: TemplateOnlyComponent<Signature> = <template>
+  <svg
+    fill='none'
+    stroke='currentColor'
+    stroke-width='1.25'
+    viewBox='0 0 16 16'
+    ...attributes
+  ><rect width='7.5' height='11' x='4.25' y='2.5' rx='.5' /><circle
+      cx='4.25'
+      cy='2.5'
+      r='1.4'
+      fill='currentColor'
+      stroke='none'
+    /><circle
+      cx='11.75'
+      cy='2.5'
+      r='1.4'
+      fill='currentColor'
+      stroke='none'
+    /><circle
+      cx='4.25'
+      cy='13.5'
+      r='1.4'
+      fill='currentColor'
+      stroke='none'
+    /><circle
+      cx='11.75'
+      cy='13.5'
+      r='1.4'
+      fill='currentColor'
+      stroke='none'
+    /></svg>
+</template>;
+
+// @ts-expect-error this is the only way to set a name on a Template Only Component currently
+IconComponent.name = 'Fitted';
+export default IconComponent;

packages/boxel-ui/addon/src/icons/form.gts

@@ -0,0 +1,38 @@
+// This file is auto-generated by 'pnpm rebuild:icons'
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+import type { Signature } from './types.ts';
+
+const IconComponent: TemplateOnlyComponent<Signature> = <template>
+  <svg
+    fill='none'
+    stroke='currentColor'
+    stroke-width='1.4'
+    viewBox='0 0 16 16'
+    ...attributes
+  ><rect width='12' height='12' x='2' y='2' rx='1.25' /><path
+      d='M4.5 5.25h5'
+    /><rect
+      width='7'
+      height='2'
+      x='4.5'
+      y='6.5'
+      fill='currentColor'
+      fill-opacity='.3'
+      stroke='none'
+      rx='.5'
+    /><path d='M4.5 10.5H8' /><rect
+      width='7'
+      height='1.75'
+      x='4.5'
+      y='11.75'
+      fill='currentColor'
+      fill-opacity='.3'
+      stroke='none'
+      rx='.5'
+    /></svg>
+</template>;
+
+// @ts-expect-error this is the only way to set a name on a Template Only Component currently
+IconComponent.name = 'Form';
+export default IconComponent;

packages/boxel-ui/addon/src/icons/head.gts

@@ -0,0 +1,28 @@
+// This file is auto-generated by 'pnpm rebuild:icons'
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+import type { Signature } from './types.ts';
+
+const IconComponent: TemplateOnlyComponent<Signature> = <template>
+  <svg
+    fill='currentColor'
+    stroke='currentColor'
+    stroke-linecap='round'
+    stroke-linejoin='round'
+    stroke-width='1.4'
+    viewBox='0 0 16 16'
+    ...attributes
+  ><circle cx='12.25' cy='3.25' r='1.85' stroke='none' /><circle
+      cx='3.75'
+      cy='8'
+      r='1.85'
+      stroke='none'
+    /><circle cx='12.25' cy='12.75' r='1.85' stroke='none' /><path
+      fill='none'
+      d='m5.4 9.05 5.2 2.65M10.6 4.3 5.4 6.95'
+    /></svg>
+</template>;
+
+// @ts-expect-error this is the only way to set a name on a Template Only Component currently
+IconComponent.name = 'Head';
+export default IconComponent;

packages/boxel-ui/addon/src/icons/isolated.gts

@@ -0,0 +1,20 @@
+// This file is auto-generated by 'pnpm rebuild:icons'
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+import type { Signature } from './types.ts';
+
+const IconComponent: TemplateOnlyComponent<Signature> = <template>
+  <svg
+    fill='none'
+    stroke='currentColor'
+    stroke-width='1.5'
+    viewBox='0 0 16 16'
+    ...attributes
+  ><rect width='12.5' height='14' x='1.75' y='1' rx='1.25' /><path
+      d='M4.5 4.5h7M4.5 7h7M4.5 9.5h7M4.5 12H9'
+    /></svg>
+</template>;
+
+// @ts-expect-error this is the only way to set a name on a Template Only Component currently
+IconComponent.name = 'Isolated';
+export default IconComponent;