austere-axi 0.3.0 → 0.4.0

package/dist/packs/mermaid/catalog.json

@@ -1,7 +1,7 @@
 {
  "format": 1,
  "pack": "@austere-axi/pack-mermaid",
- "version": "0.3.0",
+ "version": "0.4.0",
  "groups": [
   {
    "name": "Content",
@@ -29,7 +29,7 @@
   }
  ],
  "api": 1,
- "integrity": "sha384-acnBDiVCLohQNVzIFcx+s7FgXMLlpNvaupoEOLmQ2v0zzt4spAHbKQDpP3sWsqpS",
+ "integrity": "sha384-GpGRe0zuS3HGqdLLXFhR3BCOsY+8rsN2SPv0yaA3gNvcB69o4HJ4aF/01oUOP2u0",
  "size": 5782,
  "css": true,
  "defs": {

package/dist/packs/mermaid/pack.js

@@ -22,4 +22,4 @@
   font-size: 12.5px;
   color: var(--austere-muted);
 }
-`;var s={components:[N],css:V};var $=l(w());(0,$.registerPack)({name:"@austere-axi/pack-mermaid",version:"0.3.0",api:1,components:[].concat(s&&s.components?s.components:s),css:s&&s.css});})();
+`;var s={components:[N],css:V};var $=l(w());(0,$.registerPack)({name:"@austere-axi/pack-mermaid",version:"0.4.0",api:1,components:[].concat(s&&s.components?s.components:s),css:s&&s.css});})();

package/dist/packs/shadcn/catalog.json

@@ -0,0 +1,429 @@
+{
+ "format": 1,
+ "pack": "@austere-axi/pack-shadcn",
+ "version": "0.4.0",
+ "groups": [
+  {
+   "name": "Data",
+   "notes": []
+  },
+  {
+   "name": "Content",
+   "notes": []
+  }
+ ],
+ "components": [
+  {
+   "name": "Progress",
+   "group": "Data",
+   "signature": "Progress(value: number, label?: string, max?: number)",
+   "description": "Progress bar. value counts toward max (default 100); label names what is progressing. Shows a percentage.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "migration = Progress(64, \"Rows migrated\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "Avatar",
+   "group": "Data",
+   "signature": "Avatar(name: string, src?: string, size?: \"md\" | \"lg\")",
+   "description": "Round avatar for a person. Shows the initials of name; src is an optional https image URL.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "owner = Avatar(\"Ada Lovelace\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "AvatarGroup",
+   "group": "Data",
+   "signature": "AvatarGroup(avatars: Avatar[], max?: number)",
+   "description": "Overlapping Avatars, for reviewers or owners. max (default 4) shows the rest as +N.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "team = AvatarGroup([ada, grace, linus], 2)\nada = Avatar(\"Ada Lovelace\")\ngrace = Avatar(\"Grace Hopper\")\nlinus = Avatar(\"Linus Torvalds\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "Tooltip",
+   "group": "Content",
+   "signature": "Tooltip(text: string, tip: string)",
+   "description": "Inline text with a short hint on hover or focus (a term and its definition). Keep tip to one line.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "term = Tooltip(\"idempotent\", \"Safe to run twice with the same result.\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "HoverCard",
+   "group": "Content",
+   "signature": "HoverCard(text: string, title: string, body?: string)",
+   "description": "Inline text that shows a small card (title and a line or two of body) on hover or focus, e.g. a person or a service.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "svc = HoverCard(\"billing-api\", \"billing-api\", \"Owns invoices and refunds. On call: payments team.\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "Breadcrumb",
+   "group": "Content",
+   "signature": "Breadcrumb(items: BreadcrumbItem[])",
+   "description": "Path trail such as Repo / Package / File, from BreadcrumbItems. Each item is a click target.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "trail = Breadcrumb([repo, pkg, file])\nrepo = BreadcrumbItem(\"austere-axi\")\npkg = BreadcrumbItem(\"packs\")\nfile = BreadcrumbItem(\"shadcn\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "BreadcrumbItem",
+   "group": "Content",
+   "signature": "BreadcrumbItem(label: string, href?: string)",
+   "description": "One step of a Breadcrumb. href is optional; the last item is the current page.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [],
+   "slots": null
+  },
+  {
+   "name": "Kbd",
+   "group": "Content",
+   "signature": "Kbd(keys: string)",
+   "description": "Keyboard shortcut. keys joins keys with \"+\", e.g. \"Ctrl+K\"; each key is drawn as a key cap.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "shortcut = Kbd(\"Ctrl+Shift+P\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "Skeleton",
+   "group": "Content",
+   "signature": "Skeleton(lines?: number, shape?: \"lines\" | \"avatar\")",
+   "description": "Grey placeholder block for content not yet written or loaded (default 3 lines). shape avatar adds a round head.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "pending = Skeleton(3, \"avatar\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "Calendar",
+   "group": "Data",
+   "signature": "Calendar(month: string, highlights?: string[])",
+   "description": "Read-only month grid (not a date picker). month is \"YYYY-MM\"; highlights lists \"YYYY-MM-DD\" or \"YYYY-MM-DD label\" entries to mark, e.g. a freeze or a release. Marked days are click targets.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "window = Calendar(\"2026-11\", [\"2026-11-04 Code freeze\", \"2026-11-12 Release\", \"2026-11-13\"])"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "Timeline",
+   "group": "Content",
+   "signature": "Timeline(items: TimelineItem[])",
+   "description": "Vertical history or schedule of TimelineItems, oldest first. Each item is a click target.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [
+    "history = Timeline([found, fixed, rollout])\nfound = TimelineItem(\"Bug found\", \"Oct 28\", \"Retries double-charge on timeout.\")\nfixed = TimelineItem(\"Fix merged\", \"Oct 29\", \"Idempotency key added.\", \"current\")\nrollout = TimelineItem(\"Rollout\", \"Nov 3\", \"\", \"upcoming\")"
+   ],
+   "slots": [
+    "Card.children",
+    "TabItem.content",
+    "AccordionItem.content"
+   ]
+  },
+  {
+   "name": "TimelineItem",
+   "group": "Content",
+   "signature": "TimelineItem(title: string, date?: string, detail?: string, state?: \"done\" | \"current\" | \"upcoming\")",
+   "description": "One event in a Timeline. state: done (default), current or upcoming.",
+   "tier": "extended",
+   "pack": "@austere-axi/pack-shadcn",
+   "examples": [],
+   "slots": null
+  }
+ ],
+ "api": 1,
+ "integrity": "sha384-CIYnYWZ/pwcwzMxA737O2dQSLE8ta7pk7PH4aMDoNOvM7KFwYz3n7ETeb/91s2pE",
+ "size": 16313,
+ "css": true,
+ "defs": {
+  "Progress": {
+   "type": "object",
+   "properties": {
+    "value": {
+     "type": "number"
+    },
+    "label": {
+     "type": "string"
+    },
+    "max": {
+     "type": "number"
+    }
+   },
+   "required": [
+    "value"
+   ],
+   "additionalProperties": false,
+   "description": "Progress bar. value counts toward max (default 100); label names what is progressing. Shows a percentage."
+  },
+  "Avatar": {
+   "type": "object",
+   "properties": {
+    "name": {
+     "type": "string"
+    },
+    "src": {
+     "type": "string"
+    },
+    "size": {
+     "type": "string",
+     "enum": [
+      "md",
+      "lg"
+     ]
+    }
+   },
+   "required": [
+    "name"
+   ],
+   "additionalProperties": false,
+   "description": "Round avatar for a person. Shows the initials of name; src is an optional https image URL."
+  },
+  "AvatarGroup": {
+   "type": "object",
+   "properties": {
+    "avatars": {
+     "type": "array",
+     "items": {
+      "$ref": "#/$defs/Avatar"
+     }
+    },
+    "max": {
+     "type": "integer",
+     "minimum": -9007199254740991,
+     "maximum": 9007199254740991
+    }
+   },
+   "required": [
+    "avatars"
+   ],
+   "additionalProperties": false,
+   "description": "Overlapping Avatars, for reviewers or owners. max (default 4) shows the rest as +N."
+  },
+  "Tooltip": {
+   "type": "object",
+   "properties": {
+    "text": {
+     "type": "string"
+    },
+    "tip": {
+     "type": "string"
+    }
+   },
+   "required": [
+    "text",
+    "tip"
+   ],
+   "additionalProperties": false,
+   "description": "Inline text with a short hint on hover or focus (a term and its definition). Keep tip to one line."
+  },
+  "HoverCard": {
+   "type": "object",
+   "properties": {
+    "text": {
+     "type": "string"
+    },
+    "title": {
+     "type": "string"
+    },
+    "body": {
+     "type": "string"
+    }
+   },
+   "required": [
+    "text",
+    "title"
+   ],
+   "additionalProperties": false,
+   "description": "Inline text that shows a small card (title and a line or two of body) on hover or focus, e.g. a person or a service."
+  },
+  "Breadcrumb": {
+   "type": "object",
+   "properties": {
+    "items": {
+     "type": "array",
+     "items": {
+      "$ref": "#/$defs/BreadcrumbItem"
+     }
+    }
+   },
+   "required": [
+    "items"
+   ],
+   "additionalProperties": false,
+   "description": "Path trail such as Repo / Package / File, from BreadcrumbItems. Each item is a click target."
+  },
+  "BreadcrumbItem": {
+   "type": "object",
+   "properties": {
+    "label": {
+     "type": "string"
+    },
+    "href": {
+     "type": "string"
+    }
+   },
+   "required": [
+    "label"
+   ],
+   "additionalProperties": false,
+   "description": "One step of a Breadcrumb. href is optional; the last item is the current page."
+  },
+  "Kbd": {
+   "type": "object",
+   "properties": {
+    "keys": {
+     "type": "string"
+    }
+   },
+   "required": [
+    "keys"
+   ],
+   "additionalProperties": false,
+   "description": "Keyboard shortcut. keys joins keys with \"+\", e.g. \"Ctrl+K\"; each key is drawn as a key cap."
+  },
+  "Skeleton": {
+   "type": "object",
+   "properties": {
+    "lines": {
+     "type": "integer",
+     "minimum": -9007199254740991,
+     "maximum": 9007199254740991
+    },
+    "shape": {
+     "type": "string",
+     "enum": [
+      "lines",
+      "avatar"
+     ]
+    }
+   },
+   "additionalProperties": false,
+   "description": "Grey placeholder block for content not yet written or loaded (default 3 lines). shape avatar adds a round head."
+  },
+  "Calendar": {
+   "type": "object",
+   "properties": {
+    "month": {
+     "type": "string"
+    },
+    "highlights": {
+     "type": "array",
+     "items": {
+      "type": "string"
+     }
+    }
+   },
+   "required": [
+    "month"
+   ],
+   "additionalProperties": false,
+   "description": "Read-only month grid (not a date picker). month is \"YYYY-MM\"; highlights lists \"YYYY-MM-DD\" or \"YYYY-MM-DD label\" entries to mark, e.g. a freeze or a release. Marked days are click targets."
+  },
+  "Timeline": {
+   "type": "object",
+   "properties": {
+    "items": {
+     "type": "array",
+     "items": {
+      "$ref": "#/$defs/TimelineItem"
+     }
+    }
+   },
+   "required": [
+    "items"
+   ],
+   "additionalProperties": false,
+   "description": "Vertical history or schedule of TimelineItems, oldest first. Each item is a click target."
+  },
+  "TimelineItem": {
+   "type": "object",
+   "properties": {
+    "title": {
+     "type": "string"
+    },
+    "date": {
+     "type": "string"
+    },
+    "detail": {
+     "type": "string"
+    },
+    "state": {
+     "type": "string",
+     "enum": [
+      "done",
+      "current",
+      "upcoming"
+     ]
+    }
+   },
+   "required": [
+    "title"
+   ],
+   "additionalProperties": false,
+   "description": "One event in a Timeline. state: done (default), current or upcoming."
+  }
+ }
+}

package/dist/packs/shadcn/pack.js

@@ -0,0 +1,69 @@
+(()=>{var fe=Object.create;var U=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var ve=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var A=(e,a)=>()=>{try{return a||e((a={exports:{}}).exports,a),a.exports}catch(t){throw a=0,t}};var ye=(e,a,t,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of be(a))!we.call(e,s)&&s!==t&&U(e,s,{get:()=>a[s],enumerable:!(o=xe(a,s))||o.enumerable});return e};var r=(e,a,t)=>(t=e!=null?fe(ve(e)):{},ye(a||!e||!e.__esModule?U(t,"default",{value:e,enumerable:!0}):t,e));var c=A((Ke,O)=>{var G=globalThis.__austereHost;if(!G)throw new Error("this austere-axi component pack needs the austere-axi runtime on the page");O.exports=G.React});var u=A((Ue,L)=>{var F=globalThis.__austereHost;if(!F)throw new Error("this austere-axi component pack needs the austere-axi runtime on the page");L.exports=F.zod});var l=A((Ge,q)=>{var W=globalThis.__austereHost;if(!W)throw new Error("this austere-axi component pack needs the austere-axi runtime on the page");q.exports=W.pack});var i=A((Oe,J)=>{var Z=globalThis.__austereHost;if(!Z)throw new Error("this austere-axi component pack needs the austere-axi runtime on the page");J.exports=Z.jsxRuntime});var Fe=r(c()),C=r(u()),Q=r(l()),f=r(i());function ke({props:e}){let a=Number(e.max)>0?Number(e.max):100,t=Math.min(a,Math.max(0,Number(e.value)||0)),o=Math.round(t/a*100);return(0,f.jsxs)("div",{className:"sh-progress",children:[(0,f.jsxs)("div",{className:"sh-progress-head",children:[(0,f.jsx)("span",{children:e.label}),(0,f.jsxs)("span",{className:"sh-muted",children:[o,"%"]})]}),(0,f.jsx)("div",{className:"sh-progress-bar",role:"progressbar","aria-valuemin":0,"aria-valuemax":a,"aria-valuenow":t,children:(0,f.jsx)("div",{className:"sh-progress-fill",style:{width:`${o}%`}})})]})}var X=(0,Q.austereComponent)({name:"Progress",group:"Data",tier:"extended",props:C.z.object({value:C.z.number(),label:C.z.string().optional(),max:C.z.number().optional()}),description:"Progress bar. value counts toward max (default 100); label names what is progressing. Shows a percentage.",renderer:ke,example:'migration = Progress(64, "Rows migrated")'});var qe=r(c()),x=r(u()),B=r(l()),h=r(i()),Ne=e=>String(e||"?").trim().split(/\s+/).slice(0,2).map(a=>a[0]).join("").toUpperCase()||"?",Ce=e=>typeof e=="string"&&/^(https:\/\/|data:image\/)/i.test(e)?e:"";function ee({name:e,src:a,size:t}){let o=Ce(a);return(0,h.jsx)("span",{className:`sh-avatar sh-avatar-${t==="lg"?"lg":"md"}`,title:e,"data-austere-part":e||void 0,children:o?(0,h.jsx)("img",{src:o,alt:e||""}):(0,h.jsx)("span",{"aria-hidden":"true",children:Ne(e)})})}function Te({props:e}){return(0,h.jsx)(ee,{name:e.name,src:e.src,size:e.size})}var M=(0,B.austereComponent)({name:"Avatar",group:"Data",tier:"extended",props:x.z.object({name:x.z.string(),src:x.z.string().optional(),size:x.z.enum(["md","lg"]).optional()}),description:"Round avatar for a person. Shows the initials of name; src is an optional https image URL.",renderer:Te,example:'owner = Avatar("Ada Lovelace")'});function Ae({props:e}){let a=(Array.isArray(e.avatars)?e.avatars:[]).filter(n=>n&&n.props),t=Number.isInteger(e.max)&&e.max>0?e.max:4,o=a.slice(0,t),s=a.length-o.length;return(0,h.jsxs)("span",{className:"sh-avatar-group",children:[o.map((n,I)=>(0,h.jsx)(ee,{name:n.props.name,src:n.props.src,size:n.props.size},I)),s>0?(0,h.jsxs)("span",{className:"sh-avatar sh-avatar-md sh-avatar-more",children:["+",s]}):null]})}var ae=(0,B.austereComponent)({name:"AvatarGroup",group:"Data",tier:"extended",props:x.z.object({avatars:x.z.array(M.definition.ref),max:x.z.number().int().optional()}),description:"Overlapping Avatars, for reviewers or owners. max (default 4) shows the rest as +N.",renderer:Ae,example:`team = AvatarGroup([ada, grace, linus], 2)
+ada = Avatar("Ada Lovelace")
+grace = Avatar("Grace Hopper")
+linus = Avatar("Linus Torvalds")`});var Qe=r(c()),b=r(u()),D=r(l()),d=r(i());function ze({props:e}){return(0,d.jsxs)("span",{className:"sh-pop sh-tooltip",tabIndex:0,children:[(0,d.jsx)("span",{className:"sh-pop-trigger",children:e.text}),(0,d.jsx)("span",{className:"sh-pop-card",role:"tooltip",children:e.tip})]})}var re=(0,D.austereComponent)({name:"Tooltip",group:"Content",tier:"extended",props:b.z.object({text:b.z.string(),tip:b.z.string()}),description:"Inline text with a short hint on hover or focus (a term and its definition). Keep tip to one line.",renderer:ze,example:'term = Tooltip("idempotent", "Safe to run twice with the same result.")'});function Ie({props:e}){return(0,d.jsxs)("span",{className:"sh-pop sh-hovercard",tabIndex:0,children:[(0,d.jsx)("span",{className:"sh-pop-trigger",children:e.text}),(0,d.jsxs)("span",{className:"sh-pop-card sh-card",role:"tooltip",children:[(0,d.jsx)("strong",{children:e.title}),e.body?(0,d.jsx)("span",{className:"sh-muted",children:e.body}):null]})]})}var te=(0,D.austereComponent)({name:"HoverCard",group:"Content",tier:"extended",props:b.z.object({text:b.z.string(),title:b.z.string(),body:b.z.string().optional()}),description:"Inline text that shows a small card (title and a line or two of body) on hover or focus, e.g. a person or a service.",renderer:Ie,example:'svc = HoverCard("billing-api", "billing-api", "Owns invoices and refunds. On call: payments team.")'});var aa=r(c()),k=r(u()),Y=r(l()),v=r(i()),Se=()=>null,Re=e=>typeof e=="string"&&/^(https?:\/\/|\/|#)/i.test(e)?e:"";function Be({props:e}){let a=(Array.isArray(e.items)?e.items:[]).filter(t=>t&&t.props);return(0,v.jsx)("nav",{className:"sh-breadcrumb","aria-label":"Breadcrumb",children:(0,v.jsx)("ol",{children:a.map((t,o)=>{let s=o===a.length-1,n=Re(t.props.href);return(0,v.jsxs)("li",{"data-austere-part":t.props.label,children:[n&&!s?(0,v.jsx)("a",{href:n,children:t.props.label}):(0,v.jsx)("span",{"aria-current":s?"page":void 0,children:t.props.label}),s?null:(0,v.jsx)("span",{className:"sh-crumb-sep","aria-hidden":"true",children:"/"})]},o)})})})}var H=(0,Y.austereComponent)({name:"BreadcrumbItem",group:"Content",tier:"extended",props:k.z.object({label:k.z.string(),href:k.z.string().optional()}),description:"One step of a Breadcrumb. href is optional; the last item is the current page.",renderer:Se,slots:null,tagged:!1}),oe=(0,Y.austereComponent)({name:"Breadcrumb",group:"Content",tier:"extended",props:k.z.object({items:k.z.array(H.definition.ref)}),description:"Path trail such as Repo / Package / File, from BreadcrumbItems. Each item is a click target.",renderer:Be,example:`trail = Breadcrumb([repo, pkg, file])
+repo = BreadcrumbItem("austere-axi")
+pkg = BreadcrumbItem("packs")
+file = BreadcrumbItem("shadcn")`});var oa=r(c()),V=r(u()),se=r(l()),j=r(i());function Me({props:e}){let a=String(e.keys??"").split("+").map(t=>t.trim()).filter(Boolean);return(0,j.jsx)("span",{className:"sh-kbd-group",children:a.map((t,o)=>(0,j.jsx)("kbd",{className:"sh-kbd",children:t},o))})}var ne=(0,se.austereComponent)({name:"Kbd",group:"Content",tier:"extended",props:V.z.object({keys:V.z.string()}),description:'Keyboard shortcut. keys joins keys with "+", e.g. "Ctrl+K"; each key is drawn as a key cap.',renderer:Me,example:'shortcut = Kbd("Ctrl+Shift+P")'});var ia=r(c()),z=r(u()),ie=r(l()),N=r(i());function De({props:e}){let a=Math.min(12,Math.max(1,Number.isInteger(e.lines)?e.lines:3));return(0,N.jsxs)("div",{className:"sh-skeleton","aria-hidden":"true",children:[e.shape==="avatar"?(0,N.jsx)("span",{className:"sh-skel sh-skel-avatar"}):null,(0,N.jsx)("div",{className:"sh-skeleton-lines",children:Array.from({length:a},(t,o)=>(0,N.jsx)("span",{className:"sh-skel",style:{width:o===a-1&&a>1?"60%":"100%"}},o))})]})}var pe=(0,ie.austereComponent)({name:"Skeleton",group:"Content",tier:"extended",props:z.z.object({lines:z.z.number().int().optional(),shape:z.z.enum(["lines","avatar"]).optional()}),description:"Grey placeholder block for content not yet written or loaded (default 3 lines). shape avatar adds a round head.",renderer:De,example:'pending = Skeleton(3, "avatar")'});var da=r(c()),T=r(u()),le=r(l()),g=r(i()),Ye=/^(\d{4})-(\d{2})-(\d{2})(?:\s+(.*))?$/,He=["Mo","Tu","We","Th","Fr","Sa","Su"];function Ve(e,a,t){let o=new Map;for(let s of Array.isArray(t)?t:[]){let n=Ye.exec(String(s).trim());n&&Number(n[1])===e&&Number(n[2])===a&&o.set(Number(n[3]),(n[4]||"").trim())}return o}function je({props:e}){let a=/^(\d{4})-(\d{2})/.exec(String(e.month??"")),t=a?Number(a[1]):NaN,o=a?Number(a[2]):NaN;if(!(o>=1&&o<=12))return(0,g.jsx)("div",{className:"austere-render-error",children:'Calendar needs a month like "2026-11".'});let s=new Date(Date.UTC(t,o-1,1)),n=new Date(Date.UTC(t,o,0)).getUTCDate(),I=(s.getUTCDay()+6)%7,$=Ve(t,o,e.highlights),E=s.toLocaleString("en-US",{month:"long",year:"numeric",timeZone:"UTC"}),ge=[...Array(I).fill(null),...Array.from({length:n},(p,S)=>S+1)];return(0,g.jsxs)("div",{className:"sh-calendar",children:[(0,g.jsx)("div",{className:"sh-calendar-title",children:E}),(0,g.jsxs)("div",{className:"sh-calendar-grid",children:[He.map(p=>(0,g.jsx)("span",{className:"sh-calendar-dow",children:p},p)),ge.map((p,S)=>{if(p===null)return(0,g.jsx)("span",{},`b${S}`);let K=$.has(p),R=$.get(p);return(0,g.jsx)("span",{className:`sh-calendar-day${K?" is-marked":""}`,title:R||void 0,"data-austere-part":K?`${E.split(" ")[0]} ${p}${R?`: ${R}`:""}`:void 0,children:p},p)})]})]})}var de=(0,le.austereComponent)({name:"Calendar",group:"Data",tier:"extended",props:T.z.object({month:T.z.string(),highlights:T.z.array(T.z.string()).optional()}),description:'Read-only month grid (not a date picker). month is "YYYY-MM"; highlights lists "YYYY-MM-DD" or "YYYY-MM-DD label" entries to mark, e.g. a freeze or a release. Marked days are click targets.',renderer:je,example:'window = Calendar("2026-11", ["2026-11-04 Code freeze", "2026-11-12 Release", "2026-11-13"])'});var ua=r(c()),w=r(u()),P=r(l()),m=r(i()),Pe=()=>null,me=["done","current","upcoming"];function _e({props:e}){let a=(Array.isArray(e.items)?e.items:[]).filter(t=>t&&t.props);return(0,m.jsx)("ol",{className:"sh-timeline",children:a.map((t,o)=>{let s=t.props,n=me.includes(s.state)?s.state:"done";return(0,m.jsxs)("li",{className:`sh-timeline-item is-${n}`,"data-austere-part":s.title,children:[(0,m.jsx)("span",{className:"sh-timeline-dot","aria-hidden":"true"}),(0,m.jsxs)("div",{className:"sh-timeline-body",children:[(0,m.jsxs)("div",{className:"sh-timeline-head",children:[(0,m.jsx)("strong",{children:s.title}),s.date?(0,m.jsx)("span",{className:"sh-muted",children:s.date}):null]}),s.detail?(0,m.jsx)("div",{className:"sh-muted",children:s.detail}):null]})]},o)})})}var _=(0,P.austereComponent)({name:"TimelineItem",group:"Content",tier:"extended",props:w.z.object({title:w.z.string(),date:w.z.string().optional(),detail:w.z.string().optional(),state:w.z.enum(me).optional()}),description:"One event in a Timeline. state: done (default), current or upcoming.",renderer:Pe,slots:null,tagged:!1}),ce=(0,P.austereComponent)({name:"Timeline",group:"Content",tier:"extended",props:w.z.object({items:w.z.array(_.definition.ref)}),description:"Vertical history or schedule of TimelineItems, oldest first. Each item is a click target.",renderer:_e,example:`history = Timeline([found, fixed, rollout])
+found = TimelineItem("Bug found", "Oct 28", "Retries double-charge on timeout.")
+fixed = TimelineItem("Fix merged", "Oct 29", "Idempotency key added.", "current")
+rollout = TimelineItem("Rollout", "Nov 3", "", "upcoming")`});var ue=`.sh-muted { color: var(--austere-muted); }
+
+/* Progress */
+.sh-progress { width: 100%; }
+.sh-progress-head { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; margin-bottom: 6px; }
+.sh-progress-bar { height: 8px; border-radius: 999px; background: var(--austere-surface-2); overflow: hidden; }
+.sh-progress-fill { height: 100%; border-radius: 999px; background: var(--austere-accent); }
+
+/* Avatar */
+.sh-avatar { display: inline-flex; align-items: center; justify-content: center; flex: none; overflow: hidden; border-radius: 50%; background: var(--austere-surface-2); border: 1px solid var(--austere-line); color: var(--austere-text); font-size: 12px; font-weight: 600; }
+.sh-avatar-md { width: 32px; height: 32px; }
+.sh-avatar-lg { width: 44px; height: 44px; font-size: 15px; }
+.sh-avatar img { width: 100%; height: 100%; object-fit: cover; }
+.sh-avatar-group { display: inline-flex; }
+.sh-avatar-group .sh-avatar + .sh-avatar { margin-left: -6px; }
+.sh-avatar-group .sh-avatar { box-shadow: 0 0 0 2px var(--austere-surface); }
+.sh-avatar-more { color: var(--austere-muted); }
+
+/* Tooltip and HoverCard */
+.sh-pop { position: relative; display: inline-block; outline: none; }
+.sh-pop-trigger { border-bottom: 1px dotted var(--austere-muted); cursor: help; }
+.sh-pop-card { position: absolute; left: 0; bottom: calc(100% + 6px); z-index: 20; display: none; width: max-content; max-width: min(280px, 80vw); padding: 6px 10px; border-radius: 6px; border: 1px solid var(--austere-line); background: var(--austere-surface-2); color: var(--austere-text); font-size: 12.5px; line-height: 1.4; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4); white-space: normal; overflow-wrap: anywhere; }
+.sh-pop:hover .sh-pop-card, .sh-pop:focus .sh-pop-card { display: block; }
+.sh-pop:hover .sh-pop-card.sh-card, .sh-pop:focus .sh-pop-card.sh-card { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; }
+
+/* Breadcrumb */
+.sh-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 13px; color: var(--austere-muted); }
+.sh-breadcrumb li { display: inline-flex; gap: 6px; overflow-wrap: anywhere; }
+.sh-breadcrumb a { color: inherit; text-decoration: none; }
+.sh-breadcrumb a:hover { color: var(--austere-text); }
+.sh-breadcrumb [aria-current] { color: var(--austere-text); }
+
+/* Kbd */
+.sh-kbd-group { display: inline-flex; gap: 4px; }
+.sh-kbd { padding: 1px 6px; border-radius: 5px; border: 1px solid var(--austere-line); border-bottom-width: 2px; background: var(--austere-surface-2); color: var(--austere-text); font: 600 11.5px ui-monospace, SFMono-Regular, Menlo, monospace; }
+
+/* Skeleton */
+.sh-skeleton { display: flex; align-items: center; gap: 12px; width: 100%; }
+.sh-skeleton-lines { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 0; }
+.sh-skel { display: block; height: 12px; border-radius: 6px; background: var(--austere-surface-2); }
+.sh-skel-avatar { width: 40px; height: 40px; border-radius: 50%; flex: none; }
+
+/* Calendar */
+.sh-calendar { display: inline-block; max-width: 100%; padding: 12px; border: 1px solid var(--austere-line); border-radius: 10px; background: var(--austere-surface); }
+.sh-calendar-title { margin-bottom: 8px; font-weight: 600; font-size: 14px; }
+.sh-calendar-grid { display: grid; grid-template-columns: repeat(7, 34px); gap: 2px; text-align: center; font-size: 12.5px; }
+.sh-calendar-dow { color: var(--austere-muted); font-size: 11px; padding-bottom: 4px; }
+.sh-calendar-day { line-height: 32px; border-radius: 6px; color: var(--austere-muted); }
+.sh-calendar-day.is-marked { background: var(--austere-accent-bg); color: var(--austere-accent); border: 1px solid var(--austere-accent); font-weight: 600; line-height: 30px; }
+
+/* Timeline */
+.sh-timeline { list-style: none; margin: 0; padding: 0; }
+.sh-timeline-item { position: relative; display: flex; gap: 12px; padding-bottom: 16px; }
+.sh-timeline-item:not(:last-child)::before { content: ""; position: absolute; left: 5px; top: 14px; bottom: 0; width: 1px; background: var(--austere-line); }
+.sh-timeline-dot { flex: none; width: 11px; height: 11px; margin-top: 4px; border-radius: 50%; background: var(--austere-queued); }
+.sh-timeline-item.is-current .sh-timeline-dot { background: var(--austere-accent); box-shadow: 0 0 0 3px var(--austere-accent-bg); }
+.sh-timeline-item.is-upcoming .sh-timeline-dot { background: transparent; border: 1px solid var(--austere-muted); }
+.sh-timeline-body { min-width: 0; font-size: 13.5px; overflow-wrap: anywhere; }
+.sh-timeline-head { display: flex; flex-wrap: wrap; gap: 4px 12px; }
+`;var y={components:[X,M,ae,re,te,oe,H,ne,pe,de,ce,_],css:ue};var he=r(l());(0,he.registerPack)({name:"@austere-axi/pack-shadcn",version:"0.4.0",api:1,components:[].concat(y&&y.components?y.components:y),css:y&&y.css});})();

package/dist/prompt.md

@@ -19,14 +19,14 @@ Props marked `$binding<type>` accept a `$variable` reference for two-way binding
 
 ### Layout
 Stack(children: any[], direction?: "row" | "column", gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | "2xl", align?: "start" | "center" | "end" | "stretch" | "baseline", justify?: "start" | "center" | "end" | "between" | "around" | "evenly", wrap?: boolean) — Flex container. direction: "row"|"column" (default "column"). gap: "none"|"xs"|"s"|"m"|"l"|"xl"|"2xl" (default "m"). align: "start"|"center"|"end"|"stretch"|"baseline". justify: "start"|"center"|"end"|"between"|"around"|"evenly".
-Card(children: (TextContent | MarkDownRenderer | CardHeader | Callout | CodeBlock | Image | Separator | HorizontalBarChart | PieChart | ScatterChart | AreaChart | BarChart | LineChart | Table | TagBlock | Form | Buttons | Steps | InlineHeader | EntityList | EditableTable | OverviewCardBlock | Tabs | Stack | Architecture | Diff | FileTree | Mermaid)[], variant?: "card" | "sunk" | "clear", direction?: "row" | "column", gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | "2xl", align?: "start" | "center" | "end" | "stretch" | "baseline", justify?: "start" | "center" | "end" | "between" | "around" | "evenly", wrap?: boolean) — Styled container. variant: "card" (default, elevated) | "sunk" (recessed) | "clear" (transparent). Always full width. Accepts all Stack flex params (default: direction "column"). Cards flex to share space in row/wrap layouts.
+Card(children: (TextContent | MarkDownRenderer | CardHeader | Callout | CodeBlock | Image | Separator | HorizontalBarChart | PieChart | ScatterChart | AreaChart | BarChart | LineChart | Table | TagBlock | Form | Buttons | Steps | InlineHeader | EntityList | EditableTable | OverviewCardBlock | Tabs | Stack | Architecture | Diff | FileTree | Mermaid | Progress | Avatar | AvatarGroup | Tooltip | HoverCard | Breadcrumb | Kbd | Skeleton | Calendar | Timeline)[], variant?: "card" | "sunk" | "clear", direction?: "row" | "column", gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | "2xl", align?: "start" | "center" | "end" | "stretch" | "baseline", justify?: "start" | "center" | "end" | "between" | "around" | "evenly", wrap?: boolean) — Styled container. variant: "card" (default, elevated) | "sunk" (recessed) | "clear" (transparent). Always full width. Accepts all Stack flex params (default: direction "column"). Cards flex to share space in row/wrap layouts.
 CardHeader(title?: string, subtitle?: string) — Header with optional title and subtitle
 InlineHeader(heading: string, description?: string) — Compact section heading with an optional one-line description, for use inside cards.
 Separator(orientation?: "horizontal" | "vertical", decorative?: boolean) — Visual divider between content sections
 Tabs(items: TabItem[]) — Tabbed container
-TabItem(value: string, trigger: string, content: (TextContent | MarkDownRenderer | CardHeader | Callout | CodeBlock | Image | Separator | HorizontalBarChart | PieChart | ScatterChart | AreaChart | BarChart | LineChart | Table | TagBlock | Form | Buttons | Steps | InlineHeader | EntityList | EditableTable | OverviewCardBlock | Architecture | Diff | FileTree | Mermaid)[]) — value is unique id, trigger is tab label, content is array of components
+TabItem(value: string, trigger: string, content: (TextContent | MarkDownRenderer | CardHeader | Callout | CodeBlock | Image | Separator | HorizontalBarChart | PieChart | ScatterChart | AreaChart | BarChart | LineChart | Table | TagBlock | Form | Buttons | Steps | InlineHeader | EntityList | EditableTable | OverviewCardBlock | Architecture | Diff | FileTree | Mermaid | Progress | Avatar | AvatarGroup | Tooltip | HoverCard | Breadcrumb | Kbd | Skeleton | Calendar | Timeline)[]) — value is unique id, trigger is tab label, content is array of components
 Accordion(items: AccordionItem[]) — Collapsible sections
-AccordionItem(value: string, trigger: string, content: (TextContent | MarkDownRenderer | CardHeader | Callout | CodeBlock | Image | Separator | HorizontalBarChart | PieChart | ScatterChart | AreaChart | BarChart | LineChart | Table | TagBlock | Form | Buttons | Steps | InlineHeader | EntityList | EditableTable | OverviewCardBlock | Architecture | Diff | FileTree | Mermaid)[]) — value is unique id, trigger is section title
+AccordionItem(value: string, trigger: string, content: (TextContent | MarkDownRenderer | CardHeader | Callout | CodeBlock | Image | Separator | HorizontalBarChart | PieChart | ScatterChart | AreaChart | BarChart | LineChart | Table | TagBlock | Form | Buttons | Steps | InlineHeader | EntityList | EditableTable | OverviewCardBlock | Architecture | Diff | FileTree | Mermaid | Progress | Avatar | AvatarGroup | Tooltip | HoverCard | Breadcrumb | Kbd | Skeleton | Calendar | Timeline)[]) — value is unique id, trigger is section title
 Steps(items: StepsItem[]) — Step-by-step guide
 StepsItem(title: string, details: string) — title and details text for one step
 - A page is root = Stack([...sections], "column", "l"). Each section is a Card([CardHeader(title, subtitle), ...content]).
@@ -53,6 +53,7 @@ Mermaid(source: string, caption?: string) — Diagram from Mermaid source (flowc
 - lanes: for systems split by owner, repo or tier. Groups are the columns, left to right as listed; put every node in one, in reading order (plain groups for a heading without a frame). About 4 columns fit a laptop; wider ones scroll (check warns). Phones get the lanes stacked as bands. Pin row only to put boxes side by side or line them up.
 - Diff for code changes: show the hunks that matter, not whole files. Hunk counts are recomputed, so only start lines matter.
 - Mermaid for sequences, state machines, ER, gantt and quick flowcharts.
+- Also in Content (`austere-axi components show <Name>` for the signature): Tooltip, HoverCard, Breadcrumb, BreadcrumbItem, Kbd, Skeleton, Timeline, TimelineItem.
 
 ### Data
 Table(columns: Col[]) — Data table — column-oriented. Each Col holds its own data array.
@@ -69,7 +70,7 @@ FileTree(entries: string[]) — File tree, one path per entry, optionally prefix
 - EntityList for key/value facts; OverviewCardBlock + OverviewCardItem + MetricIndicatorInline for a KPI row.
 - EditableTable when the reviewer should correct or fill in values; edits arrive with the next @ToAssistant from its Form.
 - Icon names are lucide kebab-case (circle-check, triangle-alert, git-branch).
-- Also in Data (`austere-axi components show <Name>` for the signature): EditableTable, TagBlock, IconText, BoldText.
+- Also in Data (`austere-axi components show <Name>` for the signature): EditableTable, TagBlock, IconText, BoldText, Progress, Avatar, AvatarGroup, Calendar.
 
 ### Charts
 BarChart(labels: string[], series: Series[], variant?: "grouped" | "stacked", xLabel?: string, yLabel?: string, height?: number) — Vertical bars; use for comparing values across categories with one or more series