@hachej/boring-ui-kit 0.4.58 → 0.4.60

package/bin/boring-ui-blocks.mjs

@@ -24,8 +24,46 @@ const borderWidth = /(?<![\w-])border(?:-[trblxyse])?(?:-(?:\d+|\[(?:\d|\.)[^\]]
 const color = /#[0-9a-fA-F]{3,8}\b|\b(?:rgb|rgba|hsl|hsla|oklch|oklab)\([^)]*\)|\b(?:bg|text|border|ring|fill|stroke|outline|decoration|shadow)-(?:white|black|(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-\d{2,3})(?:\/\d+)?\b/g;
 const font = /\bfont-\[(?!var\(|--)[^\]]+\]|\bfont-family\s*:\s*(?!\s*(?:var\(|inherit\b))[^;\n}]+|\bfontFamily\s*:\s*['"](?!var\()[^'"]+['"]|\bfont\s*:\s*[^;\n}]*\b(?:serif|monospace|system-ui)\b[^;\n}]*/g;
 
-/** The repository's rules (registry blocks and kit sources). */
+/**
+ * `design-no-x-scroll`: a file that renders a table holds no horizontal scroll container (`overflow-x-auto`, `overflow-x-scroll`, the
+ * CSS or React style property). Tables truncate their cells and stack below their container width instead. Lexical and file-scoped: the
+ * shadcn `table` wrapper (`overflow-x-auto`) must not be imported by a file that renders a table.
+ */
+const tableMarkup = /<table\b|<Table\b|@\/components\/ui\/table\b|\bDataTable\b|role=["']table["']|\bdisplay\s*:\s*['"]?table\b/;
+const horizontalScroll = /(?<![\w-])overflow-x-(?:auto|scroll)(?![\w-])|\boverflowX\s*:\s*['"]?(?:auto|scroll)\b|\boverflow-x\s*:\s*(?:auto|scroll)\b/g;
+export function noXScroll(source) {
+  return tableMarkup.test(source) ? [...source.matchAll(horizontalScroll)].map(match => ({ index: match.index, value: match[0] })) : [];
+}
+
+
+// The flat card: a Card's own className carries no border, shadow or ring. The shadcn Card's ring lives in its generated file, which blocks never restyle.
+const cardFlat = /<Card\b[^>]*?\bclassName\s*=\s*(?:"[^"]*\b(?:border|shadow|ring)\b[^"]*"|\{[^}\n]*\b(?:border|shadow|ring)\b[^}\n]*\})/g;
+
+/** `<Card` tags opened inside another open `<Card>` (a self-closing Card and a Card in a prop are not nesting). Lexical, over JSX tags. */
+function nestedCards(source) {
+  const found = [], open = [], tag = /<(\/?)Card\b/g;
+  for (let match; (match = tag.exec(source));) {
+    if (match[1]) { open.pop(); continue; }
+    let depth = 0, quote = null, end = match.index + match[0].length;
+    for (; end < source.length; end++) {
+      const char = source[end];
+      if (quote) { if (char === quote) quote = null; }
+      else if (/["'`]/.test(char)) quote = char;
+      else if (char === '{') depth++;
+      else if (char === '}') depth--;
+      else if (char === '>' && depth === 0) break;
+    }
+    if (open.length) found.push({ index: match.index, value: source.slice(match.index, end + 1).split('\n')[0] });
+    if (source[end - 1] !== '/') open.push(match.index);
+    tag.lastIndex = end + 1;
+  }
+  return found;
+}
+
+/** The repository's rules (registry blocks and kit sources). A rule is a global regex, or a function from the source to `{ index, value }` findings. */
 export const DESIGN_RULES = [
+  ['design-card-flat', cardFlat],
+  ['design-no-nested-card', nestedCards],
   ['shadow', shadow],
   ['radius', radius],
   ['border-width', borderWidth],
@@ -34,6 +72,7 @@ export const DESIGN_RULES = [
   ['motion', /\b(?:duration|delay)-\d+\b|\b(?:transition(?:-[\w-]+)?|animation(?:-[\w-]+)?|transitionDuration|animationDuration)\s*:\s*[^;\n}]*?\b\d*\.?\d+m?s\b[^;\n}]*/g],
   ['style', /\bradix(?:-[\w-]+)?\b/gi],
   ['primitive', /\b(?:function|const|class)\s+(?:Button|IconButton|ActionMenu|\w*Popover|\w*Tooltip|\w*Dialog|\w*Menu)\b|<(?:button|input|textarea|select)\b/g],
+  ['design-no-x-scroll', noXScroll],
 ];
 
 /**
@@ -44,6 +83,8 @@ export const DESIGN_RULES = [
  */
 const LENGTH = String.raw`(?<![\w.#-])(?!1px\b)\d*\.?\d+(?:px|rem|em)\b`;
 export const APP_RULES = [
+  ['design-card-flat', cardFlat],
+  ['design-no-nested-card', nestedCards],
   ['color', color],
   ['arbitrary-value', /(?<![\w-])(?:bg|text|border(?:-[trblxyse])?|ring(?:-offset)?|outline|fill|stroke|decoration|shadow|drop-shadow|inset-shadow|rounded(?:-[trblse]{1,2})?|font|tracking|leading|from|via|to|divide(?:-[xy])?|placeholder|caret|accent)-\[(?!var\(|--|#|(?:rgb|rgba|hsl|hsla|oklch|oklab)\()[^\]]+\]/g],
   ['border-width', /(?<![\w-])border(?:-[trblxyse])?-(?!0(?![\w.]))\d+(?![\w-])/g],
@@ -51,15 +92,19 @@ export const APP_RULES = [
   ['font', /\bfont-family\s*:\s*(?!\s*(?:var\(|inherit\b))[^;\n}]+|\bfontFamily\s*:\s*['"](?!var\()[^'"]+['"]|\bfont\s*:\s*(?!\s*(?:var\(|inherit\b))[^;\n}]+/g],
   ['literal-value', /\b(?:border-radius|borderRadius|box-shadow|boxShadow|font-size|fontSize|letter-spacing|letterSpacing)\s*:\s*['"]?(?!\s*(?:var\(|calc\(\s*var\(|inherit\b|initial\b|unset\b|none\b|0(?![\w.])))(?=[^;\n}"']*\d)[^;\n}"']*/g],
   ['dark', /(?<![\w-])dark:[^\s"'`]+/g],
+  ['design-no-x-scroll', noXScroll],
 ];
 
 /** Findings `{ file, line, column, rule, value }` of `rules` in `text`; CSS block comments are ignored. */
 export function scanDesign(file, text, rules = DESIGN_RULES) {
   const findings = [];
   const source = text.replace(/\/\*[\s\S]*?\*\//g, match => match.replace(/[^\n]/g, ' '));
-  for (const [rule, pattern] of rules) for (const match of source.matchAll(pattern)) {
-    const before = text.slice(0, match.index), line = before.split('\n').length;
-    findings.push({ file, line, column: match.index - before.lastIndexOf('\n'), rule, value: match[0] });
+  for (const [rule, pattern] of rules) {
+    const matches = typeof pattern === 'function' ? pattern(source) : [...source.matchAll(pattern)].map(match => ({ index: match.index, value: match[0] }));
+    for (const { index, value } of matches) {
+      const before = text.slice(0, index), line = before.split('\n').length;
+      findings.push({ file, line, column: index - before.lastIndexOf('\n'), rule, value });
+    }
   }
   return findings;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hachej/boring-ui-kit",
-  "version": "0.4.58",
+  "version": "0.4.60",
   "license": "MIT",
   "private": false,
   "type": "module",
@@ -154,7 +154,7 @@
     }
   },
   "peerDependencies": {
-    "@hachej/boring-files": "^0.4.58",
+    "@hachej/boring-files": "^0.4.60",
     "@earendil-works/pi-durable": "~1.4.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -173,13 +173,13 @@
     "@tiptap/extension-floating-menu": "^3.31.4",
     "@earendil-works/chord": "~1.4.0",
     "@earendil-works/pi-ai": "~1.4.0",
-    "tldraw": "^5.5.2",
-    "@tldraw/editor": "^5.5.2",
-    "@tldraw/store": "^5.5.2",
+    "tldraw": "^5.6.0",
+    "@tldraw/editor": "^5.6.0",
+    "@tldraw/store": "^5.6.0",
     "@json-render/core": "^0.21.0",
     "@json-render/react": "^0.21.0",
     "zod": "^4.6.5",
-    "@tldraw/tlschema": "^5.5.2",
+    "@tldraw/tlschema": "^5.6.0",
     "lucide-react": "^1.51.0",
     "@base-ui/react": "1.9.0"
   },

package/r/_shared.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "_shared",
+  "title": "Kit icons",
+  "description": "One fixed semantic icon-symbol map for all kit blocks and bundled primitives. Real Phosphor defaults; hosts may replace this shared module or use existing icon props, independently of theme tokens.",
+  "dependencies": [
+    "@phosphor-icons/react@2.1.10",
+    "react@^19.0.0"
+  ],
+  "files": [
+    {
+      "path": "registry/_shared/icons.ts",
+      "content": "'use client';\n\n// Fixed semantic symbols for registry blocks and bundled shadcn primitives. Hosts may swap this module\n// or use existing icon props; theme tokens and DESIGN.md alone do not select an icon library.\nimport { createElement, forwardRef } from 'react';\nimport { CircleIcon as PhosphorCircle } from '@phosphor-icons/react';\nimport type { IconProps } from '@phosphor-icons/react';\n\nexport {\n  WarningCircleIcon as AlertCircleIcon,\n  ArchiveIcon,\n  TrayArrowUpIcon as ArchiveRestoreIcon,\n  ArrowDownIcon,\n  ArrowLeftIcon,\n  ArrowUpIcon,\n  ArrowUpRightIcon,\n  BellIcon,\n  CubeIcon as BoxIcon,\n  BrainIcon,\n  CameraIcon,\n  CheckIcon,\n  CaretDownIcon as ChevronDownIcon,\n  CaretLeftIcon as ChevronLeftIcon,\n  CaretRightIcon as ChevronRightIcon,\n  CaretUpIcon as ChevronUpIcon,\n  CaretDoubleLeftIcon as ChevronsLeftIcon,\n  CaretDoubleRightIcon as ChevronsRightIcon,\n  CaretUpDownIcon as ChevronsUpDownIcon,\n  WarningCircleIcon as CircleAlertIcon,\n  CheckCircleIcon as CircleCheckIcon,\n  ProhibitIcon as CircleSlashIcon,\n  ClockIcon,\n  CodeIcon as CodeXmlIcon,\n  CompassIcon,\n  CopyIcon,\n  ArrowElbowDownRightIcon as CornerDownRightIcon,\n  DownloadSimpleIcon as DownloadIcon,\n  DotsThreeIcon as EllipsisIcon,\n  ArrowSquareOutIcon as ExternalLinkIcon,\n  EyeIcon,\n  FileAudioIcon,\n  FileCodeIcon,\n  FileIcon,\n  FileXlsIcon as FileSpreadsheetIcon,\n  FileTextIcon,\n  FolderIcon,\n  GitForkIcon,\n  GlobeIcon,\n  DotsSixIcon as GripIcon,\n  DotsSixVerticalIcon as GripVerticalIcon,\n  HammerIcon,\n  HandIcon,\n  ClockCounterClockwiseIcon as HistoryIcon,\n  ImageIcon,\n  ImageBrokenIcon as ImageOffIcon,\n  TrayIcon as InboxIcon,\n  InfoIcon,\n  SquaresFourIcon as LayoutDashboardIcon,\n  LayoutIcon as LayoutTemplateIcon,\n  BooksIcon as LibraryIcon,\n  QueueIcon as ListEndIcon,\n  ListIcon,\n  ListChecksIcon as ListTodoIcon,\n  CircleNotchIcon as Loader2Icon,\n  CircleNotchIcon as LoaderCircleIcon,\n  CrosshairIcon as LocateFixedIcon,\n  SignOutIcon as LogOutIcon,\n  ArrowsOutSimpleIcon as Maximize2Icon,\n  ArrowsOutIcon as MaximizeIcon,\n  ListIcon as MenuIcon,\n  ChatCircleDotsIcon as MessageCircleQuestionIcon,\n  ChatIcon as MessageSquareIcon,\n  ChatDotsIcon as MessageSquarePlusIcon,\n  ChatTextIcon as MessageSquareTextIcon,\n  ChatsIcon as MessagesSquareIcon,\n  MicrophoneIcon as MicIcon,\n  ArrowsInSimpleIcon as Minimize2Icon,\n  MinusIcon,\n  MoonIcon,\n  DotsThreeIcon as MoreHorizontalIcon,\n  CursorIcon as MousePointer2Icon,\n  XCircleIcon as OctagonXIcon,\n  PaletteIcon,\n  SquareSplitVerticalIcon as PanelBottomIcon,\n  SidebarSimpleIcon as PanelLeftIcon,\n  SquareSplitHorizontalIcon as PanelRightIcon,\n  AppWindowIcon as PanelsTopLeftIcon,\n  PaperclipIcon,\n  PauseIcon,\n  PenNibIcon as PenToolIcon,\n  PencilIcon,\n  PencilLineIcon,\n  PictureInPictureIcon as PictureInPicture2Icon,\n  PushPinIcon as PinIcon,\n  PlayIcon,\n  PlusIcon,\n  PresentationIcon,\n  ArrowUUpRightIcon as Redo2Icon,\n  ArrowsClockwiseIcon as RefreshCwIcon,\n  ArrowBendUpLeftIcon as ReplyIcon,\n  ArrowCounterClockwiseIcon as RotateCcwIcon,\n  PathIcon as RouteIcon,\n  RowsIcon as Rows3Icon,\n  FloppyDiskIcon as SaveIcon,\n  ScanIcon,\n  MagnifyingGlassIcon as SearchCheckIcon,\n  MagnifyingGlassIcon as SearchIcon,\n  PaperPlaneRightIcon as SendIcon,\n  GearIcon as SettingsIcon,\n  ShapesIcon,\n  ShareNetworkIcon as Share2Icon,\n  ShieldWarningIcon as ShieldAlertIcon,\n  LineSegmentIcon as SlashIcon,\n  SparkleIcon,\n  SparkleIcon as SparklesIcon,\n  SquareIcon,\n  NotePencilIcon as SquarePenIcon,\n  NoteIcon as StickyNoteIcon,\n  ThumbsDownIcon,\n  ThumbsUpIcon,\n  TrashIcon as Trash2Icon,\n  WarningIcon as TriangleAlertIcon,\n  TextTIcon as TypeIcon,\n  ArrowUUpLeftIcon as Undo2Icon,\n  UserIcon,\n  UserMinusIcon,\n  FlowArrowIcon as WorkflowIcon,\n  WrenchIcon,\n  XIcon,\n  MagnifyingGlassPlusIcon as ZoomInIcon,\n  MagnifyingGlassMinusIcon as ZoomOutIcon,\n  ArrowDownIcon as ArrowDown,\n  ArrowUpIcon as ArrowUp,\n  CaretRightIcon as ChevronRight,\n  TrayIcon as Inbox,\n  MinusIcon as Minus,\n  SquareSplitVerticalIcon as PanelBottom,\n  SquareSplitHorizontalIcon as PanelRight,\n  SparkleIcon as Sparkles,\n} from '@phosphor-icons/react';\n\n// Every kit CircleIcon is a filled status/recording dot. Phosphor's regular circle is a\n// path outline, so SVG fill/strokeWidth (used by existing callers) cannot fill its centre.\n// Keep the native SVG props and ref, while allowing an explicit native weight override.\nexport const CircleIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) =>\n  createElement(PhosphorCircle, { weight: 'fill', ...props, ref }));\n",
+      "type": "registry:lib",
+      "target": "components/_shared/icons.ts"
+    }
+  ],
+  "type": "registry:lib"
+}

package/r/agent-target.json

@@ -4,15 +4,15 @@
   "title": "Point and dictate on app data",
   "description": "Tap explicitly marked JSON app context, dictate once and show the same app agent’s native reply without opening chat. Host-controlled presentation; no feedback report or second controller.",
   "dependencies": [
-    "@hachej/boring-ui-kit@^0.4.58",
-    "@hachej/boring-feedback@^0.4.58",
+    "@hachej/boring-ui-kit@^0.4.60",
+    "@hachej/boring-feedback@^0.4.60",
     "@earendil-works/pi-durable@~1.4.0",
     "react@^19.0.0",
     "react-dom@^19.0.0"
   ],
   "registryDependencies": [
-    "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.4.58/r/app-shell.json",
-    "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.4.58/r/pi-chat.json"
+    "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.4.60/r/app-shell.json",
+    "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.4.60/r/pi-chat.json"
   ],
   "files": [
     {