@imfusion/web-ui 0.5.1-dev.50.ga7a4f1c3 → 0.5.1-dev.52.gcaa229a7

package/dist/{tabs-CVp_SgBl.js → tabs-CYqtw1q9.js}

@@ -1,4 +1,5 @@
-import { a as e, i as t, n } from "./meta-B8C51eyL.js";
+import { n as e, t } from "./chunk-DA_OvQe2.js";
+import { n } from "./meta-BwCupYyq.js";
 import * as r from "react";
 import { Children as i, createElement as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.5.1-dev.50.ga7a4f1c3",
+  "version": "0.5.1-dev.52.gcaa229a7",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "license": "UNLICENSED",
@@ -34,6 +34,10 @@
       "types": "./dist/build/*/index.d.ts",
       "import": "./dist/build/*.js"
     },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons.js"
+    },
     "./styles.css": "./dist/style.css",
     "./docgen.json": "./src/docgen/doc.gen.json",
     "./llms.txt": "./src/llms/llms.gen.txt",
@@ -44,6 +48,7 @@
     "src/llms/install-templates",
     "src/docgen/doc.gen.json",
     "src/llms/llms.gen.txt",
+    "src/llms/icon-catalog.gen.json",
     "src/llms/tokens.gen.json",
     "src/llms/skills",
     "bin"
@@ -68,6 +73,7 @@
     "verify:tests": "vitest run",
     "verify:knip": "knip",
     "verify:deps": "tsx scripts/check-pinned-dependencies.ts",
+    "verify:icons": "tsx scripts/verify/icons-public-api.ts",
     "verify:changelog": "tsx scripts/verify/changelog.ts",
     "verify:staged": "tsx scripts/verify/staged.ts",
     "verify:full": "tsx scripts/verify/full.ts && npm run verify:tests",
@@ -105,7 +111,7 @@
     "@base-ui/react": "1.6.0",
     "@clack/prompts": "1.7.0",
     "class-variance-authority": "0.7.1",
-    "lucide-react": "1.16.0"
+    "iconoir-react": "7.12.1"
   },
   "devDependencies": {
     "@eslint/compat": "1.4.1",

package/src/docgen/doc.gen.json

@@ -177,7 +177,7 @@
       },
       {
         "name": "Callout.Icon",
-        "description": "Callout.Icon — the leading status glyph. With no children it renders the\nvariant's default lucide icon; pass a custom icon as children to override.\n`aria-hidden` (the variant is conveyed by copy, not the glyph) and inherits\nthe status colour via `currentColor`.",
+        "description": "Callout.Icon — the leading status glyph. With no children it renders the\nvariant's default local icon; pass a custom icon as children to override.\n`aria-hidden` (the variant is conveyed by copy, not the glyph) and inherits\nthe status colour via `currentColor`.",
         "props": []
       },
       {
@@ -448,7 +448,7 @@
   "chip-link": {
     "root": {
       "name": "ChipLink",
-      "description": "ChipLink — anchor styled as a Chip. Reuses Chip's shared variants so the\nvariant and appearance axes stay aligned, and auto-appends a directional icon\n(Lucide `ArrowUpRight` for external, `ArrowRight` for internal).",
+      "description": "ChipLink — anchor styled as a Chip. Reuses Chip's shared variants so the\nvariant and appearance axes stay aligned, and auto-appends a directional icon\n(local Web UI `ArrowUpRight` for external, `ArrowRight` for internal).",
       "props": [
         {
           "name": "appearance",
@@ -491,14 +491,14 @@
     "subComponents": [
       {
         "name": "Code.Block",
-        "description": "Code.Block — a fenced code block on a flat brand surface, with an optional\nchamfered language notch (top-left) and a copy button (top-right). The\nsurface follows the global corner-radius token when a preset opts in.\nDumb: styling only — syntax coloring arrives pre-rendered through the\n`highlighted` slot (the code-highlight integration supplies it). Children\nmust be a string so the copy button has clean text to copy.",
+        "description": "Code.Block — a fenced code block on a flat brand surface, with an optional\nchamfered language notch (top-left) and a copy button (top-right). The\nsurface follows the global corner-radius token when a preset opts in. The\ncopy button copies the rendered text.",
         "props": [
           {
             "name": "children",
             "required": true,
-            "type": "string",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "The code to display, as a raw string — also the value copied by the copy button."
+            "description": "Code content shown in the block. The copy button copies its rendered text."
           },
           {
             "name": "hideCopy",
@@ -507,13 +507,6 @@
             "defaultValue": "false",
             "description": "Hide the copy button."
           },
-          {
-            "name": "highlighted",
-            "required": false,
-            "type": "ReactNode",
-            "defaultValue": null,
-            "description": "Pre-rendered display content (e.g. syntax-highlighted tokens) shown in place of `children`, which stays the copied value. The code-highlight integration fills this slot."
-          },
           {
             "name": "language",
             "required": false,
@@ -525,14 +518,14 @@
       },
       {
         "name": "Code.Inline",
-        "description": "Code.Inline — an inline code fragment (a `<code>` chip) for use inside running\ntext. Dumb: styling only — syntax coloring arrives pre-rendered through the\n`highlighted` slot (the code-highlight integration supplies it). `Typo.InlineCode`\nrenders this under the hood so inline-code chrome is defined in one place.\nChildren must be a string so an opted-in copy button has clean text to copy.",
+        "description": "Code.Inline — an inline code fragment (a `<code>` chip) for use inside running\ntext. `Typo.InlineCode` renders this under the hood so inline-code chrome is\ndefined in one place. The copy button copies the rendered text.",
         "props": [
           {
             "name": "children",
             "required": true,
-            "type": "string",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "The inline code, as a raw string — also the value copied when `copyable`."
+            "description": "Code content shown in the chip. The copy button copies its rendered text."
           },
           {
             "name": "copyable",
@@ -540,13 +533,6 @@
             "type": "boolean",
             "defaultValue": "false",
             "description": "Show a small copy button on the right, behind a hairline separator."
-          },
-          {
-            "name": "highlighted",
-            "required": false,
-            "type": "ReactNode",
-            "defaultValue": null,
-            "description": "Pre-rendered display content (e.g. syntax-highlighted tokens) shown in place of `children`, which stays the copied value. The code-highlight integration fills this slot."
           }
         ]
       },
@@ -1521,6 +1507,36 @@
       }
     ]
   },
+  "icon": {
+    "root": {
+      "name": "Icon",
+      "description": "Icon — renders an icon component with a semantic Web UI foreground color.",
+      "props": [
+        {
+          "name": "glyph",
+          "required": true,
+          "type": "IconComponent",
+          "defaultValue": null,
+          "description": "Icon component imported from `@imfusion/web-ui/icons`."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "string | number",
+          "defaultValue": null,
+          "description": "Sets both SVG dimensions unless `width` or `height` is provided."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"inherit\"\n| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"positive\"\n| \"negative\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+          "defaultValue": "inherit",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
   "input": {
     "root": {
       "name": "Input",
@@ -1533,6 +1549,13 @@
           "defaultValue": null,
           "description": ""
         },
+        {
+          "name": "onClear",
+          "required": false,
+          "type": "() => void",
+          "defaultValue": null,
+          "description": "Called when the search input's clear button is pressed."
+        },
         {
           "name": "onValueChange",
           "required": false,
@@ -4771,9 +4794,9 @@
           {
             "name": "children",
             "required": true,
-            "type": "string",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "The inline code, as a raw string — also the value copied when `copyable`."
+            "description": "Code content shown in the chip. The copy button copies its rendered text."
           },
           {
             "name": "copyable",
@@ -4781,13 +4804,6 @@
             "type": "boolean",
             "defaultValue": "false",
             "description": "Show a small copy button on the right, behind a hairline separator."
-          },
-          {
-            "name": "highlighted",
-            "required": false,
-            "type": "ReactNode",
-            "defaultValue": null,
-            "description": "Pre-rendered display content (e.g. syntax-highlighted tokens) shown in place of `children`, which stays the copied value. The code-highlight integration fills this slot."
           }
         ]
       },
@@ -4813,7 +4829,7 @@
       },
       {
         "name": "Typo.Link",
-        "description": "Typo.Link — inline anchor. Auto-appends a directional icon (Lucide `ArrowUpRight` for external, `ArrowRight` for internal), mirroring ChipLink's affordance for prose links.",
+        "description": "Typo.Link — inline anchor. Auto-appends a local Web UI directional icon (`ArrowUpRight` for external, `ArrowRight` for internal), mirroring ChipLink's affordance for prose links.",
         "props": [
           {
             "name": "kind",
@@ -4915,14 +4931,14 @@
     "subComponents": [
       {
         "name": "CodeHighlight.Block",
-        "description": "Code.Block — the core `Code.Block` with TanStack Highlight tokens filling its `highlighted` slot.",
+        "description": "Code.Block — the core `Code.Block` with TanStack Highlight tokens rendered inside.",
         "props": [
           {
             "name": "children",
             "required": true,
             "type": "string",
             "defaultValue": null,
-            "description": "The code to display, as a raw string — also the value copied by the copy button."
+            "description": "Language of `children`: grammar for tokenization and label for the corner notch. Omit to hide the notch and skip highlighting."
           },
           {
             "name": "hideCopy",
@@ -4936,20 +4952,20 @@
             "required": false,
             "type": "SupportedLanguage",
             "defaultValue": null,
-            "description": "Language of `children`: grammar for tokenization and label for the corner notch. Omit to hide the notch and skip highlighting."
+            "description": ""
           }
         ]
       },
       {
         "name": "CodeHighlight.Inline",
-        "description": "Code.Inline — the core `Code.Inline` with TanStack Highlight tokens filling its `highlighted` slot.",
+        "description": "Code.Inline — the core `Code.Inline` with TanStack Highlight tokens rendered inside.",
         "props": [
           {
             "name": "children",
             "required": true,
             "type": "string",
             "defaultValue": null,
-            "description": "The inline code, as a raw string — also the value copied when `copyable`."
+            "description": "Grammar used to tokenize the fragment. Purely visual — the chip shows no language label. Omit for plain text."
           },
           {
             "name": "copyable",
@@ -4963,7 +4979,7 @@
             "required": false,
             "type": "SupportedLanguage",
             "defaultValue": null,
-            "description": "Grammar used to tokenize the fragment. Purely visual — the chip shows no language label. Omit for plain text."
+            "description": ""
           }
         ]
       },