@deckdot/struq-icons 0.0.0-stage → 1.0.0

package/dist/catalog.js

@@ -0,0 +1,370 @@
+// components/icons/catalog.ts
+import { Adjust } from "./icons/adjust.js";
+import { Agents } from "./icons/agents.js";
+import { Analytics } from "./icons/analytics.js";
+import { Api } from "./icons/api.js";
+import { Archive } from "./icons/archive.js";
+import { ArrowDown } from "./icons/arrow-down.js";
+import { ArrowLeft } from "./icons/arrow-left.js";
+import { ArrowRight } from "./icons/arrow-right.js";
+import { ArrowToEnd } from "./icons/arrow-to-end.js";
+import { ArrowUp } from "./icons/arrow-up.js";
+import { Article } from "./icons/article.js";
+import { Ask } from "./icons/ask.js";
+import { Assign } from "./icons/assign.js";
+import { Attach } from "./icons/attach.js";
+import { Audience } from "./icons/audience.js";
+import { Blocked } from "./icons/blocked.js";
+import { Branch } from "./icons/branch.js";
+import { Brush } from "./icons/brush.js";
+import { Bug } from "./icons/bug.js";
+import { Call } from "./icons/call.js";
+import { Campaign } from "./icons/campaign.js";
+import { Case } from "./icons/case.js";
+import { Chat } from "./icons/chat.js";
+import { Check } from "./icons/check.js";
+import { Checks } from "./icons/checks.js";
+import { ChevronDown } from "./icons/chevron-down.js";
+import { ChevronLeft } from "./icons/chevron-left.js";
+import { ChevronRight } from "./icons/chevron-right.js";
+import { ChevronUp } from "./icons/chevron-up.js";
+import { ChevronsUpDown } from "./icons/chevrons-up-down.js";
+import { ClearStyle } from "./icons/clear-style.js";
+import { Clipboard } from "./icons/clipboard.js";
+import { Close } from "./icons/close.js";
+import { Cloud } from "./icons/cloud.js";
+import { Code } from "./icons/code.js";
+import { Columns } from "./icons/columns.js";
+import { Company } from "./icons/company.js";
+import { Compass } from "./icons/compass.js";
+import { Copy } from "./icons/copy.js";
+import { Customer } from "./icons/customer.js";
+import { Database } from "./icons/database.js";
+import { Delete } from "./icons/delete.js";
+import { Device } from "./icons/device.js";
+import { Disconnect } from "./icons/disconnect.js";
+import { Documents } from "./icons/documents.js";
+import { Done } from "./icons/done.js";
+import { Download } from "./icons/download.js";
+import { Edit } from "./icons/edit.js";
+import { Enter } from "./icons/enter.js";
+import { Error } from "./icons/error.js";
+import { Expand } from "./icons/expand.js";
+import { External } from "./icons/external.js";
+import { Feedback } from "./icons/feedback.js";
+import { Field } from "./icons/field.js";
+import { File } from "./icons/file.js";
+import { FileArchive } from "./icons/file-archive.js";
+import { FileAudio } from "./icons/file-audio.js";
+import { FileCode } from "./icons/file-code.js";
+import { FileImage } from "./icons/file-image.js";
+import { FileMail } from "./icons/file-mail.js";
+import { FileNew } from "./icons/file-new.js";
+import { FilePdf } from "./icons/file-pdf.js";
+import { FileProgram } from "./icons/file-program.js";
+import { FileSearch } from "./icons/file-search.js";
+import { FileSheet } from "./icons/file-sheet.js";
+import { FileSlides } from "./icons/file-slides.js";
+import { FileText } from "./icons/file-text.js";
+import { FileVideo } from "./icons/file-video.js";
+import { FileWarning } from "./icons/file-warning.js";
+import { FileWord } from "./icons/file-word.js";
+import { Folder } from "./icons/folder.js";
+import { FolderExport } from "./icons/folder-export.js";
+import { FolderFind } from "./icons/folder-find.js";
+import { FolderMove } from "./icons/folder-move.js";
+import { FolderNew } from "./icons/folder-new.js";
+import { FolderOpen } from "./icons/folder-open.js";
+import { FollowUp } from "./icons/follow-up.js";
+import { Gauge } from "./icons/gauge.js";
+import { Goal } from "./icons/goal.js";
+import { Grip } from "./icons/grip.js";
+import { Hash } from "./icons/hash.js";
+import { Heading } from "./icons/heading.js";
+import { Headset } from "./icons/headset.js";
+import { Help } from "./icons/help.js";
+import { Hide } from "./icons/hide.js";
+import { Hint } from "./icons/hint.js";
+import { History } from "./icons/history.js";
+import { Home } from "./icons/home.js";
+import { Image } from "./icons/image.js";
+import { ImageAdd } from "./icons/image-add.js";
+import { Inbox } from "./icons/inbox.js";
+import { Info } from "./icons/info.js";
+import { Integration } from "./icons/integration.js";
+import { Key } from "./icons/key.js";
+import { Layers } from "./icons/layers.js";
+import { Learn } from "./icons/learn.js";
+import { Link } from "./icons/link.js";
+import { List } from "./icons/list.js";
+import { ListOrdered } from "./icons/list-ordered.js";
+import { Lock } from "./icons/lock.js";
+import { Mail } from "./icons/mail.js";
+import { Minus } from "./icons/minus.js";
+import { More } from "./icons/more.js";
+import { MoveVertical } from "./icons/move-vertical.js";
+import { Mute } from "./icons/mute.js";
+import { NewChat } from "./icons/new-chat.js";
+import { Notes } from "./icons/notes.js";
+import { Offline } from "./icons/offline.js";
+import { Palette } from "./icons/palette.js";
+import { PanelTop } from "./icons/panel-top.js";
+import { Paste } from "./icons/paste.js";
+import { Pin } from "./icons/pin.js";
+import { Play } from "./icons/play.js";
+import { Plus } from "./icons/plus.js";
+import { Polish } from "./icons/polish.js";
+import { Practice } from "./icons/practice.js";
+import { Quote } from "./icons/quote.js";
+import { Rail } from "./icons/rail.js";
+import { RailClose } from "./icons/rail-close.js";
+import { Receipt } from "./icons/receipt.js";
+import { Remind } from "./icons/remind.js";
+import { Replace } from "./icons/replace.js";
+import { Report } from "./icons/report.js";
+import { Restore } from "./icons/restore.js";
+import { Retry } from "./icons/retry.js";
+import { Save } from "./icons/save.js";
+import { Scan } from "./icons/scan.js";
+import { ScreenShare } from "./icons/screen-share.js";
+import { Search } from "./icons/search.js";
+import { SearchEmpty } from "./icons/search-empty.js";
+import { Selection } from "./icons/selection.js";
+import { Send } from "./icons/send.js";
+import { SendLater } from "./icons/send-later.js";
+import { Settings } from "./icons/settings.js";
+import { Share } from "./icons/share.js";
+import { Shield } from "./icons/shield.js";
+import { ShieldAlert } from "./icons/shield-alert.js";
+import { ShieldOff } from "./icons/shield-off.js";
+import { Shortcuts } from "./icons/shortcuts.js";
+import { Show } from "./icons/show.js";
+import { Sidebar } from "./icons/sidebar.js";
+import { SidebarClose } from "./icons/sidebar-close.js";
+import { SignOut } from "./icons/sign-out.js";
+import { Simplify } from "./icons/simplify.js";
+import { Skip } from "./icons/skip.js";
+import { Slash } from "./icons/slash.js";
+import { Snippets } from "./icons/snippets.js";
+import { SortAz } from "./icons/sort-az.js";
+import { SortSizeDown } from "./icons/sort-size-down.js";
+import { SortSizeUp } from "./icons/sort-size-up.js";
+import { SortZa } from "./icons/sort-za.js";
+import { Sound } from "./icons/sound.js";
+import { StepCurrent } from "./icons/step-current.js";
+import { StepPartial } from "./icons/step-partial.js";
+import { StepTodo } from "./icons/step-todo.js";
+import { Stop } from "./icons/stop.js";
+import { Support } from "./icons/support.js";
+import { Swap } from "./icons/swap.js";
+import { Table } from "./icons/table.js";
+import { Tag } from "./icons/tag.js";
+import { Template } from "./icons/template.js";
+import { Text } from "./icons/text.js";
+import { ThemeAuto } from "./icons/theme-auto.js";
+import { ThemeDark } from "./icons/theme-dark.js";
+import { ThemeLight } from "./icons/theme-light.js";
+import { Timer } from "./icons/timer.js";
+import { Toggle } from "./icons/toggle.js";
+import { Transcript } from "./icons/transcript.js";
+import { Translate } from "./icons/translate.js";
+import { Type } from "./icons/type.js";
+import { Undo } from "./icons/undo.js";
+import { Unpin } from "./icons/unpin.js";
+import { Upload } from "./icons/upload.js";
+import { User } from "./icons/user.js";
+import { Verified } from "./icons/verified.js";
+import { Video } from "./icons/video.js";
+import { ViewDetails } from "./icons/view-details.js";
+import { ViewGrid } from "./icons/view-grid.js";
+import { ViewList } from "./icons/view-list.js";
+import { ViewSmall } from "./icons/view-small.js";
+import { Warning } from "./icons/warning.js";
+import { Window } from "./icons/window.js";
+var ICON_CATALOG = [
+  { name: "adjust", component: Adjust, tier: "icon", motion: "the knobs slide 2 px along their tracks, top left, middle right, bottom left, and hold" },
+  { name: "agents", component: Agents, tier: "icon", motion: "the person behind rises 1 and holds" },
+  { name: "analytics", component: Analytics, tier: "icon", motion: "the tallest bar grows to 1.15 tall upward from its foot and holds" },
+  { name: "api", component: Api, tier: "icon", motion: "the plug and its prongs rise 1 together, plugging in, and hold" },
+  { name: "archive", component: Archive, tier: "icon", motion: "the lid lifts 1 off the box and holds" },
+  { name: "arrow-down", component: ArrowDown, tier: "glyph", motion: null },
+  { name: "arrow-left", component: ArrowLeft, tier: "glyph", motion: null },
+  { name: "arrow-right", component: ArrowRight, tier: "glyph", motion: null },
+  { name: "arrow-to-end", component: ArrowToEnd, tier: "glyph", motion: null },
+  { name: "arrow-up", component: ArrowUp, tier: "glyph", motion: null },
+  { name: "article", component: Article, tier: "icon", motion: "the ribbon grows to 1.15 long downward from its top edge and holds" },
+  { name: "ask", component: Ask, tier: "icon", motion: "the question mark swings 12 degrees out and back once about its own centre" },
+  { name: "assign", component: Assign, tier: "icon", motion: "the arrow comes in, it moves 1.5 left towards the person and holds" },
+  { name: "attach", component: Attach, tier: "icon", motion: "the clip and its inner return turn 10 degrees anticlockwise about the centre at 12, 12 and hold" },
+  { name: "audience", component: Audience, tier: "icon", motion: "the corner frame grows to 1.1 about its centre" },
+  { name: "blocked", component: Blocked, tier: "status", motion: null },
+  { name: "branch", component: Branch, tier: "glyph", motion: null },
+  { name: "brush", component: Brush, tier: "icon", motion: "the whole brush swings 10 degrees out and back once about the handle's top end at 20, 4, one stroke of paint" },
+  { name: "bug", component: Bug, tier: "icon", motion: "the two leg groups swing 8 degrees in opposite directions out and back once about the body's sides" },
+  { name: "call", component: Call, tier: "icon", motion: "the badge's minute hand ticks 30 degrees about the ring centre" },
+  { name: "campaign", component: Campaign, tier: "icon", motion: "the sound lines move 1 outward along their rays in turn, top, middle, then bottom, and hold" },
+  { name: "case", component: Case, tier: "glyph", motion: null },
+  { name: "chat", component: Chat, tier: "icon", motion: "the whole bubble rises, base and accent move 1 up and hold" },
+  { name: "check", component: Check, tier: "glyph", motion: null },
+  { name: "checks", component: Checks, tier: "icon", motion: "each tick pulses to 1.15 and back once about its own centre, the second 40 ms after the first" },
+  { name: "chevron-down", component: ChevronDown, tier: "glyph", motion: null },
+  { name: "chevron-left", component: ChevronLeft, tier: "glyph", motion: null },
+  { name: "chevron-right", component: ChevronRight, tier: "glyph", motion: null },
+  { name: "chevron-up", component: ChevronUp, tier: "glyph", motion: null },
+  { name: "chevrons-up-down", component: ChevronsUpDown, tier: "glyph", motion: null },
+  { name: "clear-style", component: ClearStyle, tier: "icon", motion: "the brush slides 1.5 left, sweeping over the struck line, and holds; the line stays" },
+  { name: "clipboard", component: Clipboard, tier: "icon", motion: "the check flicks 12 degrees back about its corner at 11, 15 and swings home once" },
+  { name: "close", component: Close, tier: "glyph", motion: null },
+  { name: "cloud", component: Cloud, tier: "icon", motion: "the check pulses to 1.15 and back once about its own centre" },
+  { name: "code", component: Code, tier: "glyph", motion: null },
+  { name: "columns", component: Columns, tier: "glyph", motion: null },
+  { name: "company", component: Company, tier: "icon", motion: "the door narrows to 0.8 about its left hinge edge at x 7, opening, and holds" },
+  { name: "compass", component: Compass, tier: "icon", motion: "the needle swings 18 degrees out and back once about its own centre" },
+  { name: "copy", component: Copy, tier: "icon", motion: "the back sheet slides 1 px left and 1 px up, the copy separating from the front sheet, and holds" },
+  { name: "customer", component: Customer, tier: "icon", motion: "the person on the card rises 1 and holds" },
+  { name: "database", component: Database, tier: "icon", motion: "the badge's minute hand ticks 30 degrees and the hour hand 10 degrees about the ring centre" },
+  { name: "delete", component: Delete, tier: "icon", motion: "the lid lifts 1 and tilts minus 5 degrees about its left end at 4, 6 and holds" },
+  { name: "device", component: Device, tier: "icon", motion: "the screen rises 1 above the deck and holds, opening" },
+  { name: "disconnect", component: Disconnect, tier: "icon", motion: "the link pulls apart, the left pill moves 1 left and the right pill 1 right, and holds" },
+  { name: "documents", component: Documents, tier: "icon", motion: "the back page slides 1 px left and 1 px up, the pages fanning out from the front page, and holds" },
+  { name: "done", component: Done, tier: "status", motion: null },
+  { name: "download", component: Download, tier: "icon", motion: "the arrow drops 1.5 into the tray and holds" },
+  { name: "edit", component: Edit, tier: "icon", motion: "the pencil and its tip tilt 10 degrees clockwise about the tip point at 6, 18 and hold, the writing line stays" },
+  { name: "enter", component: Enter, tier: "glyph", motion: null },
+  { name: "error", component: Error, tier: "status", motion: null },
+  { name: "expand", component: Expand, tier: "glyph", motion: null },
+  { name: "external", component: External, tier: "glyph", motion: null },
+  { name: "feedback", component: Feedback, tier: "icon", motion: "the quote mark swings 10 degrees out and back once about its own centre" },
+  { name: "field", component: Field, tier: "icon", motion: "the caret moves 1.5 right, typing, and holds" },
+  { name: "file", component: File, tier: "icon", motion: "the page and its fold rise 1 together" },
+  { name: "file-archive", component: FileArchive, tier: "icon", motion: "the archive mark rises 1 off the page" },
+  { name: "file-audio", component: FileAudio, tier: "icon", motion: "the audio mark rises 1 off the page" },
+  { name: "file-code", component: FileCode, tier: "icon", motion: "the code mark rises 1 off the page" },
+  { name: "file-image", component: FileImage, tier: "icon", motion: "the image mark rises 1 off the page" },
+  { name: "file-mail", component: FileMail, tier: "icon", motion: "the mail mark rises 1 off the page" },
+  { name: "file-new", component: FileNew, tier: "icon", motion: "the plus rises 1 off the page" },
+  { name: "file-pdf", component: FilePdf, tier: "icon", motion: "the pdf mark rises 1 off the page" },
+  { name: "file-program", component: FileProgram, tier: "icon", motion: "the program mark rises 1 off the page" },
+  { name: "file-search", component: FileSearch, tier: "icon", motion: "the lens searches the page, it moves 1 left and 1 up and holds" },
+  { name: "file-sheet", component: FileSheet, tier: "icon", motion: "the sheet mark rises 1 off the page" },
+  { name: "file-slides", component: FileSlides, tier: "icon", motion: "the slides mark rises 1 off the page" },
+  { name: "file-text", component: FileText, tier: "icon", motion: "the text mark rises 1 off the page" },
+  { name: "file-video", component: FileVideo, tier: "icon", motion: "the video mark rises 1 off the page" },
+  { name: "file-warning", component: FileWarning, tier: "status", motion: null },
+  { name: "file-word", component: FileWord, tier: "icon", motion: "the word mark rises 1 off the page" },
+  { name: "folder", component: Folder, tier: "icon", motion: "the front flap lifts 1 and holds" },
+  { name: "folder-export", component: FolderExport, tier: "icon", motion: "the arrow leaves, it moves 1.5 right further out of the folder and holds" },
+  { name: "folder-find", component: FolderFind, tier: "icon", motion: "the lens looks closer, it moves 1 left and 1 up into the folder and holds" },
+  { name: "folder-move", component: FolderMove, tier: "icon", motion: "the arrow files in, it moves 1.5 right into the folder and holds" },
+  { name: "folder-new", component: FolderNew, tier: "icon", motion: "the plus pulses to 1.15 and back once about its own centre" },
+  { name: "folder-open", component: FolderOpen, tier: "icon", motion: "the front panel and its lip drop 1, opening further, and hold" },
+  { name: "follow-up", component: FollowUp, tier: "icon", motion: "the reply hook moves 1 right, away from the bubble, and holds" },
+  { name: "gauge", component: Gauge, tier: "icon", motion: "the needle sweeps 25 degrees clockwise about the hub at 12, 14 and holds" },
+  { name: "goal", component: Goal, tier: "icon", motion: "the centre ring pulses to 1.2 and back once about its own centre" },
+  { name: "grip", component: Grip, tier: "glyph", motion: null },
+  { name: "hash", component: Hash, tier: "glyph", motion: null },
+  { name: "heading", component: Heading, tier: "glyph", motion: null },
+  { name: "headset", component: Headset, tier: "icon", motion: "the mic boom turns 15 degrees about its root at 18.5, 19 so the mic end lifts and holds" },
+  { name: "help", component: Help, tier: "status", motion: null },
+  { name: "hide", component: Hide, tier: "icon", motion: "the strike grows to 1.1 about its own centre and holds, the eye stays still" },
+  { name: "hint", component: Hint, tier: "icon", motion: "the filament pulses to 1.15 and back once about its own centre, glowing" },
+  { name: "history", component: History, tier: "icon", motion: "both hands turn 30 degrees anticlockwise about the clock centre at 12, 12, back in time, and hold" },
+  { name: "home", component: Home, tier: "icon", motion: "the roof lifts 1 px off the walls and holds" },
+  { name: "image", component: Image, tier: "icon", motion: "the sun rises 1 over the peaks and holds" },
+  { name: "image-add", component: ImageAdd, tier: "icon", motion: "the plus pulses to 1.15 and back once about its own centre" },
+  { name: "inbox", component: Inbox, tier: "icon", motion: "the slot drops 1 into the tray, receiving, and holds" },
+  { name: "info", component: Info, tier: "status", motion: null },
+  { name: "integration", component: Integration, tier: "icon", motion: "the link pulses to 1.15 and back once about its own centre" },
+  { name: "key", component: Key, tier: "icon", motion: "the whole key turns 20 degrees clockwise about the bow at 8, 15.5 and holds" },
+  { name: "layers", component: Layers, tier: "icon", motion: "each tile lifts 1 px in turn, top left, top right, then bottom, and holds" },
+  { name: "learn", component: Learn, tier: "icon", motion: "the tassel swings 15 degrees about its knot at 21.5, 9 and swings home once" },
+  { name: "link", component: Link, tier: "icon", motion: "the right pill slides 1 px left, closing the link, and holds" },
+  { name: "list", component: List, tier: "glyph", motion: null },
+  { name: "list-ordered", component: ListOrdered, tier: "glyph", motion: null },
+  { name: "lock", component: Lock, tier: "icon", motion: "the shackle swings open 20 degrees about its left foot at 8, 10.5 and holds" },
+  { name: "mail", component: Mail, tier: "icon", motion: "the flap lifts 1 and folds to 0.8 high about its top edge and holds" },
+  { name: "minus", component: Minus, tier: "glyph", motion: null },
+  { name: "more", component: More, tier: "glyph", motion: null },
+  { name: "move-vertical", component: MoveVertical, tier: "glyph", motion: null },
+  { name: "mute", component: Mute, tier: "icon", motion: "the strike grows to 1.1 about its own centre and holds, the microphone stays still" },
+  { name: "new-chat", component: NewChat, tier: "icon", motion: "the plus pulses to 1.15 and back once about its own centre" },
+  { name: "notes", component: Notes, tier: "icon", motion: "the writing lines move 1 right, being written, and hold" },
+  { name: "offline", component: Offline, tier: "status", motion: null },
+  { name: "palette", component: Palette, tier: "icon", motion: "the accent swatch nudges 1 px up and 1 px left, towards the centre, and holds" },
+  { name: "panel-top", component: PanelTop, tier: "glyph", motion: null },
+  { name: "paste", component: Paste, tier: "icon", motion: "the arrow moves 1.5 down, into the board, and holds" },
+  { name: "pin", component: Pin, tier: "icon", motion: "the head and the needle move 1 down together, pressing in, and hold" },
+  { name: "play", component: Play, tier: "glyph", motion: null },
+  { name: "plus", component: Plus, tier: "glyph", motion: null },
+  { name: "polish", component: Polish, tier: "icon", motion: "the tick pulses to 1.15 and back once about its own centre" },
+  { name: "practice", component: Practice, tier: "icon", motion: "the liquid and its bubble swing 8 degrees out and back once about the surface centre, sloshing" },
+  { name: "quote", component: Quote, tier: "glyph", motion: null },
+  { name: "rail", component: Rail, tier: "glyph", motion: null },
+  { name: "rail-close", component: RailClose, tier: "glyph", motion: null },
+  { name: "receipt", component: Receipt, tier: "glyph", motion: null },
+  { name: "remind", component: Remind, tier: "icon", motion: "the badge's minute hand ticks 30 degrees and the hour hand 10 degrees about the ring centre" },
+  { name: "replace", component: Replace, tier: "icon", motion: "the arrows pulse to 1.1 and back once about their centre 12, 12" },
+  { name: "report", component: Report, tier: "icon", motion: "the cloth swings 6 degrees about the cloth's top corner on the pole at 5, 4.5 and flutters home once" },
+  { name: "restore", component: Restore, tier: "icon", motion: "the arrow rises 1.5 out of the box and holds" },
+  { name: "retry", component: Retry, tier: "icon", motion: "the arc and its arrowhead turn 30 degrees clockwise about the centre at 12, 12 and hold" },
+  { name: "save", component: Save, tier: "icon", motion: "the disk and its shutter move 1 down together, pressed, and hold" },
+  { name: "scan", component: Scan, tier: "icon", motion: "the scan line moves 2 down towards the text and holds, keeping 2 clear of it" },
+  { name: "screen-share", component: ScreenShare, tier: "icon", motion: "the arrow rises 1.5 out of the screen's centre and holds" },
+  { name: "search", component: Search, tier: "icon", motion: "the whole lens leans in, base and accent move 1 left and 1 up and hold" },
+  { name: "search-empty", component: SearchEmpty, tier: "status", motion: null },
+  { name: "selection", component: Selection, tier: "icon", motion: "the selection frame widens to 1.15 about its left edge, the selection extending, and holds" },
+  { name: "send", component: Send, tier: "icon", motion: "the stem and the head rise 2 together and hold" },
+  { name: "send-later", component: SendLater, tier: "icon", motion: "the badge's minute hand ticks 30 degrees about the ring centre" },
+  { name: "settings", component: Settings, tier: "icon", motion: "the cog and its hub turn 30 degrees clockwise about 12, 12 and hold" },
+  { name: "share", component: Share, tier: "icon", motion: "the arrow rises 1.5 out of the box and holds" },
+  { name: "shield", component: Shield, tier: "icon", motion: "the keyhole pulses to 1.15 and back once about its own centre" },
+  { name: "shield-alert", component: ShieldAlert, tier: "status", motion: null },
+  { name: "shield-off", component: ShieldOff, tier: "status", motion: null },
+  { name: "shortcuts", component: Shortcuts, tier: "icon", motion: "the spacebar presses 1 px down and holds" },
+  { name: "show", component: Show, tier: "icon", motion: "the iris pulses to 1.12 and back once about its own centre, the eye stays still" },
+  { name: "sidebar", component: Sidebar, tier: "glyph", motion: null },
+  { name: "sidebar-close", component: SidebarClose, tier: "glyph", motion: null },
+  { name: "sign-out", component: SignOut, tier: "icon", motion: "the arrow leaves, it moves 1.5 right out of the door and holds" },
+  { name: "simplify", component: Simplify, tier: "icon", motion: "the straight line widens to 1.1 along x about its centre and holds" },
+  { name: "skip", component: Skip, tier: "icon", motion: "the bar steps 1 right, away from the triangle, holding while hovered" },
+  { name: "slash", component: Slash, tier: "glyph", motion: null },
+  { name: "snippets", component: Snippets, tier: "icon", motion: "the quote bar moves 1 right towards the lines, holding while hovered" },
+  { name: "sort-az", component: SortAz, tier: "glyph", motion: null },
+  { name: "sort-size-down", component: SortSizeDown, tier: "glyph", motion: null },
+  { name: "sort-size-up", component: SortSizeUp, tier: "glyph", motion: null },
+  { name: "sort-za", component: SortZa, tier: "glyph", motion: null },
+  { name: "sound", component: Sound, tier: "icon", motion: "the two waves move 1 out from the speaker and hold, the speaker stays still" },
+  { name: "step-current", component: StepCurrent, tier: "status", motion: null },
+  { name: "step-partial", component: StepPartial, tier: "status", motion: null },
+  { name: "step-todo", component: StepTodo, tier: "status", motion: null },
+  { name: "stop", component: Stop, tier: "icon", motion: "the square settles to 0.85 and back once about its own centre" },
+  { name: "support", component: Support, tier: "icon", motion: "the four bands turn 30 degrees clockwise about 12, 12 between the rings and hold" },
+  { name: "swap", component: Swap, tier: "icon", motion: "the top arrow moves 1 right and the bottom arrow 1 left, trading places, and hold" },
+  { name: "table", component: Table, tier: "glyph", motion: null },
+  { name: "tag", component: Tag, tier: "glyph", motion: null },
+  { name: "template", component: Template, tier: "icon", motion: "the field opens, the left bracket moves 1 left and the right bracket 1 right, and holds" },
+  { name: "text", component: Text, tier: "glyph", motion: null },
+  { name: "theme-auto", component: ThemeAuto, tier: "icon", motion: "the divider turns 30 degrees clockwise about 12, 12 and holds, floating 2 inside the circle" },
+  { name: "theme-dark", component: ThemeDark, tier: "icon", motion: "the crescent, its outer and inner arc together, rocks 15 degrees counterclockwise about 12, 12 and holds" },
+  { name: "theme-light", component: ThemeLight, tier: "icon", motion: "the eight rays turn 22.5 degrees clockwise about 12, 12 and hold, landing between their rest angles" },
+  { name: "timer", component: Timer, tier: "icon", motion: "the hand turns 30 degrees clockwise about the ring centre at 12, 13.5, the clock running, and holds" },
+  { name: "toggle", component: Toggle, tier: "glyph", motion: null },
+  { name: "transcript", component: Transcript, tier: "icon", motion: "the four waveform bars stretch to 1.2 tall about y 12 in turn, left to right, and hold" },
+  { name: "translate", component: Translate, tier: "icon", motion: "the small answering bubble moves 1 px right and 1 px down, away from the first, and holds" },
+  { name: "type", component: Type, tier: "glyph", motion: null },
+  { name: "undo", component: Undo, tier: "icon", motion: "the hook and its arrowhead step 1 left together and hold" },
+  { name: "unpin", component: Unpin, tier: "icon", motion: "the strike grows to 1.1 about its own centre and holds, the pin stays still" },
+  { name: "upload", component: Upload, tier: "icon", motion: "the arrow rises 1 off the page and holds" },
+  { name: "user", component: User, tier: "icon", motion: "the head rises 1 and holds" },
+  { name: "verified", component: Verified, tier: "icon", motion: "the seal turns 22.5 degrees clockwise about 12, 12, half a scallop on, and holds; the tick stays" },
+  { name: "video", component: Video, tier: "icon", motion: "the play triangle moves 1 right and holds while hovered" },
+  { name: "view-details", component: ViewDetails, tier: "glyph", motion: null },
+  { name: "view-grid", component: ViewGrid, tier: "glyph", motion: null },
+  { name: "view-list", component: ViewList, tier: "glyph", motion: null },
+  { name: "view-small", component: ViewSmall, tier: "glyph", motion: null },
+  { name: "warning", component: Warning, tier: "status", motion: null },
+  { name: "window", component: Window, tier: "icon", motion: "the whole window rises, base and accent move 1 up and hold" }
+];
+export {
+  ICON_CATALOG
+};