twico-ui 1.2.0 → 1.3.1

package/llms.txt

@@ -165,13 +165,18 @@ Components take icons as **React nodes** via props like `leftIcon`, `rightIcon`,
 bring any icon (inline SVG, or any icon library). Icons inherit `currentColor` and the control's size.
 
 For convenience, **`twico-ui/icons` re-exports the full [Lucide](https://lucide.dev) icon set** (the
-visual language Twico UI is built on). It needs the **optional peer** `lucide-react`
-(`npm install lucide-react`) and is tree-shakeable — the core `twico-ui` package itself stays
-zero-dependency. The icons are plain SVG components (no hooks), so they work in Server Components too.
+visual language Twico UI is built on) **plus 31 curated brand icons** Lucide omits. Lucide icons need
+the **optional peer** `lucide-react` (`npm install lucide-react`) and are tree-shakeable; the brand
+icons (`GithubIcon`, `VercelIcon`, `FigmaIcon`, `XTwitterIcon`, …) are zero-dependency inline SVG
+built in — **no peer needed**. The core `twico-ui` package itself stays zero-dependency. All icons
+are plain SVG components (no hooks), so they work in Server Components too. Names use the `*Icon`
+suffix; icons take `size` (default 24) and `color` (default `currentColor`).
 
 ```jsx
-import { Home, Search } from "twico-ui/icons"; // needs the optional `lucide-react` peer
-<Button leftIcon={<Home size={16} />}>Home</Button>
+import { HomeIcon, SearchIcon } from "twico-ui/icons"; // Lucide — needs the optional `lucide-react` peer
+import { GithubIcon } from "twico-ui/icons";           // brand — no peer needed
+<Button leftIcon={<HomeIcon size={16} />}>Home</Button>
+<Button variant="outline" leftIcon={<GithubIcon size={16} />}>Star</Button>
 
 // …or pass your own inline SVG (no peer needed):
 <Button leftIcon={<svg width="16" height="16" viewBox="0 0 24 24" /* … */ />}>Add item</Button>
@@ -1741,7 +1746,7 @@ Props:
 import { Navbar } from "twico-ui";
 
 <Navbar
-  brand={<>twico<span style={{ color: "var(--color-primary)" }}>UI</span></>}
+  brand={<>Twico <span style={{ color: "var(--color-primary)" }}>UI</span></>}
   links={[
     { label: "Dashboard", active: true },
     { label: "Projects" },
@@ -1774,7 +1779,7 @@ const MailIcon = () => (<svg width="18" height="18" viewBox="0 0 24 24" fill="no
 const CogIcon = () => (<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round"><circle cx="12" cy="12" r="3" /><path d="M12 3v3M12 18v3M3 12h3M18 12h3" /></svg>);
 
 <Sidebar
-  brand={<>twico<span style={{ color: "var(--color-primary)" }}>UI</span></>}
+  brand={<>Twico <span style={{ color: "var(--color-primary)" }}>UI</span></>}
   items={[
     { section: "Main" },
     { label: "Dashboard", icon: <HomeIcon />, active: true },
@@ -2458,5 +2463,5 @@ export function useId(prefix?: string): string;
 
 ---
 
-_Generated by `scripts/gen-llms.mjs` from twico-ui v1.2.0. Do not edit by hand — run `npm run gen:llms`. Source of truth: the component `.d.ts` files and `hooks/index.d.ts`._
+_Generated by `scripts/gen-llms.mjs` from twico-ui v1.3.1. Do not edit by hand — run `npm run gen:llms`. Source of truth: the component `.d.ts` files and `hooks/index.d.ts`._
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twico-ui",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Twico UI — a free, modern, themeable React + Tailwind-friendly component library. 61 components with dark mode, motion, and accessibility built in.",
   "license": "MIT",
   "author": "Twico UI",