@flamingo-stack/openframe-frontend-core 0.0.213 → 0.0.214

package/src/components/icons-v2-generated/brand-logos/.gemini-logo-icon.md

@@ -0,0 +1,37 @@
+<!-- source-hash: 118adeabaf3945b2f7e7c53bbe18bc6b -->
+A React SVG icon component that renders the Google Gemini logo with its characteristic multi-color gradient star/sparkle shape.
+
+## Key Components
+
+### `GeminiLogoIconProps`
+Extends `SVGProps<SVGSVGElement>` (excluding `width`/`height`) with:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `className` | `string` | `""` | CSS class for styling |
+| `size` | `number` | `24` | Width and height in pixels |
+| `color` | `string` | `"currentColor"` | Base color (inherits from CSS) |
+
+### `GeminiLogoIcon`
+Renders the Gemini logo as an inline SVG with layered color paths (yellow, red, green, blue) and Gaussian blur filters to produce the smooth gradient glow effect characteristic of the Gemini brand mark.
+
+## Usage Example
+
+```typescript
+import { GeminiLogoIcon } from "./gemini-logo-icon";
+
+// Default size (24px)
+<GeminiLogoIcon />
+
+// Custom size
+<GeminiLogoIcon size={48} />
+
+// With Tailwind class
+<GeminiLogoIcon size={32} className="opacity-80 hover:opacity-100" />
+
+// Inside a button
+<button>
+  <GeminiLogoIcon size={20} />
+  Ask Gemini
+</button>
+```

package/src/components/icons-v2-generated/brand-logos/.google-gemini-logo-icon.md

@@ -0,0 +1,33 @@
+<!-- source-hash: c99c38be0ddef8d57ceb0a62c3e0dc63 -->
+A React SVG icon component rendering the Google Gemini logo with a multi-colored gradient star/sparkle design.
+
+## Key Components
+
+- **`GoogleGeminiLogoIconProps`** — Interface extending `SVGProps<SVGSVGElement>` (excluding `width`/`height`) with:
+  - `className` — optional CSS class string (default: `""`)
+  - `size` — uniform width/height in pixels (default: `24`)
+  - `color` — fill color token (default: `"currentColor"`)
+
+- **`GoogleGeminiLogoIcon`** — Functional component rendering a 24×24 viewBox SVG with layered masked paths, Gaussian blur filters, and a linear gradient to replicate the official Gemini branding colors (blue, red, green, yellow).
+
+## Usage Example
+
+```typescript
+import { GoogleGeminiLogoIcon } from "./google-gemini-logo-icon";
+
+// Default usage
+<GoogleGeminiLogoIcon />
+
+// Custom size
+<GoogleGeminiLogoIcon size={32} />
+
+// With Tailwind class
+<GoogleGeminiLogoIcon size={20} className="opacity-80" />
+
+// Pass-through SVG props
+<GoogleGeminiLogoIcon
+  size={48}
+  aria-label="Google Gemini"
+  role="img"
+/>
+```

package/src/components/icons-v2-generated/brand-logos/.index.md

@@ -0,0 +1,38 @@
+<!-- source-hash: e6afc9b85ea10202c2ceb37c9ce04360 -->
+Barrel export file that re-exports all brand and third-party logo icon components from their individual modules, providing a single import entry point for the icons library.
+
+## Key Components
+
+A flat collection of named icon exports organized by brand/platform category:
+
+| Category | Icons |
+|----------|-------|
+| **Adobe** | `AdobeAeIcon`, `AdobeAiIcon`, `AdobePdfIcon`, `AdobeIdIcon`, `AdobePrIcon`, `AdobePsIcon`, `AdobeXdIcon` |
+| **Apple** | `AppleIcon`, `AppleIncIcon`, `AppleLogoIcon`, `AppStoreIcon` |
+| **Google** | `GoogleIcon`, `GoogleLogoIcon`, `GoogleDriveIcon`, `GooglePlayIcon`, `GoogleSheetsIcon`, `GoogleGeminiLogoIcon` |
+| **Microsoft** | `MicrosoftLogoIcon`, `MicrosoftLogoGreyIcon`, `Office365LogoIcon`, `WindowsIcon`, `WindowsLogoIcon` |
+| **AI Platforms** | `AnthropicLogoIcon`, `GeminiLogoIcon`, `OpenaiLogoIcon` (+ grey variants) |
+| **Social** | `FacebookIcon`, `InstagramIcon`, `LinkedinIcon`, `TwitterIcon`, `TwitterXIcon`, `TiktokIcon`, `YoutubeIcon` |
+| **MSP/IT Tools** | `TacticalRmmLogoIcon`, `MeshcentralLogoIcon`, `FleetMdmLogoIcon`, `OsqueryLogoIcon`, `PowershellLogoIcon` |
+| **Dev Tools** | `GithubIcon`, `FigmaIcon`, `FramerIcon`, `TrelloIcon`, `ClickupLogoIcon` |
+
+> Many brands include both a standard and a `Grey` variant (e.g., `SlackLogoIcon` / `SlackLogoGreyIcon`), useful for active/inactive states.
+
+## Usage Example
+
+```typescript
+// Import one or many icons from the single barrel entry point
+import {
+  GithubIcon,
+  SlackLogoIcon,
+  SlackLogoGreyIcon,
+  TacticalRmmLogoIcon,
+  OpenaiLogoIcon,
+} from '@/components/icons/brands';
+
+// Use in a React/Vue component
+export function IntegrationBadge({ active }: { active: boolean }) {
+  const SlackIcon = active ? SlackLogoIcon : SlackLogoGreyIcon;
+  return <SlackIcon className="w-6 h-6" />;
+}
+```

package/src/components/icons-v2-generated/brand-logos/.meshcentral-logo-grey-icon.md

@@ -0,0 +1,35 @@
+<!-- source-hash: e8705f6c78b16703b5091b64c46ab3cc -->
+React SVG icon component that renders the MeshCentral logo in a grey/monochrome style as a 24×24 inline SVG with an embedded base64-encoded PNG image.
+
+## Key Components
+
+- **`MeshcentralLogoGreyIconProps`** — Interface extending React's `SVGProps<SVGSVGElement>` (excluding `width`/`height`) with three optional props:
+  - `className` — CSS class string (default: `""`)
+  - `size` — Uniform width/height in pixels (default: `24`)
+  - `color` — Fill color token (default: `"currentColor"`)
+
+- **`MeshcentralLogoGreyIcon`** — Functional component that renders a rounded-corner SVG using an SVG `<pattern>` and `<image>` element containing an embedded base64 PNG of the MeshCentral grey logo.
+
+## Usage Example
+
+```typescript
+import { MeshcentralLogoGreyIcon } from "./meshcentral-logo-grey-icon";
+
+// Default size (24px)
+<MeshcentralLogoGreyIcon />
+
+// Custom size
+<MeshcentralLogoGreyIcon size={48} />
+
+// With Tailwind class
+<MeshcentralLogoGreyIcon size={32} className="opacity-50" />
+
+// Spread additional SVG props
+<MeshcentralLogoGreyIcon
+  size={20}
+  aria-label="MeshCentral"
+  role="img"
+/>
+```
+
+> **Note:** The `color` prop is accepted but does not affect rendering since the logo is rendered as an embedded PNG bitmap via an SVG `<pattern>`. Use `className` with CSS `opacity` or `filter` utilities to visually adjust the icon appearance.

package/src/components/icons-v2-generated/brand-logos/.meshcentral-logo-icon.md

@@ -0,0 +1,36 @@
+<!-- source-hash: 08b9871f6dee0ff8c832781b749310a3 -->
+React SVG icon component for the MeshCentral logo, rendering a 24×24 PNG-based logo embedded as a base64 pattern within an SVG container.
+
+## Key Components
+
+### `MeshcentralLogoIconProps`
+Interface extending `SVGProps<SVGSVGElement>` (omitting `width`/`height`) with:
+- `className` — optional CSS class string (default: `""`)
+- `size` — icon dimensions in pixels (default: `24`)
+- `color` — fill color token (default: `"currentColor"`)
+
+### `MeshcentralLogoIcon`
+Functional component that renders the MeshCentral logo as an SVG element using an embedded base64 PNG image via an SVG `<pattern>` definition.
+
+## Usage Example
+
+```typescript
+import { MeshcentralLogoIcon } from "./meshcentral-logo-icon";
+
+// Default usage
+<MeshcentralLogoIcon />
+
+// Custom size
+<MeshcentralLogoIcon size={48} />
+
+// With Tailwind class
+<MeshcentralLogoIcon size={32} className="opacity-80 hover:opacity-100" />
+
+// As part of a labeled integration card
+<div className="flex items-center gap-2">
+  <MeshcentralLogoIcon size={20} />
+  <span>MeshCentral</span>
+</div>
+```
+
+> **Note:** The logo image is fully self-contained as a base64-encoded PNG embedded in the SVG `<defs>` block — no external image assets required. The `color` prop is accepted for API consistency but does not affect the rendered PNG logo.

package/src/components/icons-v2-generated/buildings/.index.md

@@ -0,0 +1,48 @@
+<!-- source-hash: 0ec3a9dcabd3c840c303fd5fe5d093ab -->
+Barrel export file for the **Buildings & Infrastructure** icon category, re-exporting 20 individual building and structure-related icon components from their respective modules.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `ArchwayIcon` | Decorative archway structure |
+| `Bridge01Icon` / `Bridge02Icon` | Bridge structure variants |
+| `BuildingIcon` / `BuildingsIcon` | Single and multiple building icons |
+| `BuildingTreeIcon` | Building with tree/nature element |
+| `CampgroundIcon` | Campground/outdoor site |
+| `CastleIcon` | Castle or fortified structure |
+| `ChurchIcon` | Church/religious building |
+| `FenceIcon` | Fence/boundary structure |
+| `FortIcon` | Military fort structure |
+| `GarageIcon` | Garage/vehicle storage |
+| `HospitalIcon` | Medical facility |
+| `HotelIcon` / `HotelAltIcon` | Hotel/lodging variants |
+| `LighthouseIcon` | Lighthouse/coastal structure |
+| `ParkIcon` | Public park |
+| `SchoolIcon` | Educational building |
+| `TerraceIcon` | Terrace/outdoor space |
+| `WarehouseIcon` | Warehouse/storage facility |
+
+## Usage Example
+
+```typescript
+import {
+  BuildingIcon,
+  HospitalIcon,
+  SchoolIcon,
+  WarehouseIcon
+} from './buildings';
+
+// Use in a React component
+const LocationTypeIcon = ({ type }: { type: string }) => {
+  const icons: Record<string, React.FC> = {
+    office: BuildingIcon,
+    medical: HospitalIcon,
+    education: SchoolIcon,
+    storage: WarehouseIcon,
+  };
+
+  const Icon = icons[type];
+  return Icon ? <Icon /> : null;
+};
+```

package/src/components/icons-v2-generated/charts/.index.md

@@ -0,0 +1,40 @@
+<!-- source-hash: 5248cb2f7d7c007e45dfe9db0bdb241f -->
+Barrel export file for the **Charts & Graphs** icon category, re-exporting all chart, graph, activity, and data visualization icons from their individual modules as a single unified entry point.
+
+## Key Components
+
+A flat collection of 37 named icon exports across these visual categories:
+
+| Category | Icons |
+|---|---|
+| **Activity** | `ActivityCircleIcon`, `ActivityIcon`, `ActivitySquareIcon` |
+| **Chart Bars** | `ChartBar01HrIcon`, `ChartBar01VerIcon`, `ChartBar02HrIcon`, `ChartBar02VrIcon`, `ChartBar03HrIcon`, `ChartBar03VerIcon`, `ChartBarSquareHrIcon`, `ChartBarSquareVrIcon` |
+| **Chart Lines** | `ChartLineDownIcon`, `ChartLineHeartIcon`, `ChartLineStarIcon`, `ChartLineUpIcon` |
+| **Chart Shapes** | `ChartDonutIcon`, `ChartPieIcon`, `ChartPyramidIcon`, `ChartRadarIcon`, `ChartScatterIcon` |
+| **Graphs** | `GraphBarIcon`, `GraphCurveArrowIcon`, `GraphLineDownIcon`, `GraphLineUpIcon`, `GraphMixedIcon`, `GraphMixSquareIcon` |
+| **Hierarchy & Network** | `Hierarchy01Icon`, `Hierarchy02Icon`, `NetworkIcon` |
+| **Presentation** | `PresentationBarIcon`, `PresentationIcon`, `PresentationLineIcon` |
+| **Trends** | `TrendDownIcon`, `TrendUpIcon`, `ProgressIcon` |
+| **Other** | `AnalysisIcon`, `VennDiagramIcon` |
+
+## Usage Example
+
+```typescript
+// Import one or many icons from the barrel
+import {
+  ChartPieIcon,
+  TrendUpIcon,
+  AnalysisIcon,
+  NetworkIcon,
+} from '@/components/icons/charts';
+
+export function DashboardMetrics() {
+  return (
+    <div>
+      <ChartPieIcon className="w-5 h-5 text-yellow-400" />
+      <TrendUpIcon className="w-5 h-5 text-green-500" />
+      <AnalysisIcon className="w-5 h-5 text-blue-400" />
+    </div>
+  );
+}
+```

package/src/components/icons-v2-generated/clothes/.index.md

@@ -0,0 +1,48 @@
+<!-- source-hash: 5a5a63afa1bc47e50cf751876c2ca71f -->
+Barrel export file for the **clothing and accessories** icon component collection, re-exporting 24 individual SVG icon components from their respective modules.
+
+## Key Components
+
+| Export | Module |
+|--------|--------|
+| `ApronIcon` | `./apron-icon` |
+| `BowTieIcon` | `./bow-tie-icon` |
+| `ChefHatIcon` | `./chef-hat-icon` |
+| `FootprintsIcon` | `./footprints-icon` |
+| `Glasses01Icon` | `./glasses-01-icon` |
+| `Glasses02Icon` | `./glasses-02-icon` |
+| `GloveSmittenIcon` | `./glove-smitten-icon` |
+| `HangerIcon` | `./hanger-icon` |
+| `HatIcon` | `./hat-icon` |
+| `HeelsChunkyIcon` | `./heels-chunky-icon` |
+| `HeelsHighIcon` | `./heels-high-icon` |
+| `LifeVestIcon` | `./life-vest-icon` |
+| `MustacheIcon` | `./mustache-icon` |
+| `PantsIcon` | `./pants-icon` |
+| `ShoesIcon` / `ShoesRunIcon` | `./shoes-icon` / `./shoes-run-icon` |
+| `SkateBootsIcon` | `./skate-boots-icon` |
+| `SocksIcon` / `StockingsIcon` | `./socks-icon` / `./stockings-icon` |
+| `TankTopIcon` / `TankTopNumberIcon` | `./tank-top-icon` / `./tank-top-number-icon` |
+| `TieIcon` / `TShirtIcon` | `./tie-icon` / `./t-shirt-icon` |
+| `UnderpantsIcon` | `./underpants-icon` |
+
+## Usage Example
+
+```typescript
+import {
+  ChefHatIcon,
+  TShirtIcon,
+  ShoesRunIcon,
+  HangerIcon,
+} from './clothing-icons';
+
+// Use in a React component
+const OutfitPanel = () => (
+  <div>
+    <ChefHatIcon size={24} />
+    <TShirtIcon size={24} />
+    <ShoesRunIcon size={24} />
+    <HangerIcon size={24} />
+  </div>
+);
+```

package/src/components/icons-v2-generated/coding/.index.md

@@ -0,0 +1,42 @@
+<!-- source-hash: 65a3955165a973bf781cb407d69c224b -->
+Barrel export file for the **coding & development** icon category, re-exporting all icon components from their individual modules as a single unified entry point.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `BracketCurly*Icon` | Curly bracket variants (check, ellipsis, minus, plus, xmark) |
+| `BracketRound*Icon` | Round bracket/parenthesis variants |
+| `BracketSquare*Icon` | Square bracket variants |
+| `Code*Icon` | Code-related icons (AI, browser, circle, laptop, monitor, square) |
+| `Coding*Icon` | VCS workflow icons (branch, commit, fork, merge, pull request) |
+| `Terminal*Icon` | Terminal/CLI icons (browser, laptop, monitor, square) |
+| `Package*Icon` | Package management icons (check, lock, minus, plus, search, xmark) |
+| `Database*Icon` | Database and locked database icons |
+| `Browser*Icon` | Browser and browser window icons |
+| `Bug*Icon` | Bug and bug-off icons |
+| `Puzzle*Icon` | Two puzzle piece icon variants |
+| `Sidebar*Icon` | Sidebar and flipped sidebar icons |
+
+## Usage Example
+
+```typescript
+import {
+  CodeAIIcon,
+  CodingBranchIcon,
+  TerminalIcon,
+  DatabaseLockIcon,
+  BracketCurlyIcon,
+  PackageCheckIcon,
+} from './index';
+
+// Use directly in a React/Vue component
+const DevToolbar = () => (
+  <div>
+    <CodeAIIcon />
+    <CodingBranchIcon />
+    <TerminalIcon />
+    <DatabaseLockIcon />
+  </div>
+);
+```

package/src/components/icons-v2-generated/communication/.index.md

@@ -0,0 +1,39 @@
+<!-- source-hash: 155d73e9306c860e0982599d8e1c76b7 -->
+Barrel export file that re-exports all communication-related SVG icon components from their individual modules, providing a single entry point for the icons category.
+
+## Key Components
+
+This file exports **79 icon components** across several communication categories:
+
+| Category | Icons |
+|----------|-------|
+| **Call** | `CallIcon`, `CallInboundIcon`, `CallOutboundIcon`, `CallRingingIcon`, `CallHangupIcon`, `CallMissed01Icon`, `CallMissed02Icon`, `CallPauseIcon`, `CallLockIcon`, `CallUnlockIcon`, `CallSignalIcon`, `CallOffIcon`, `CallMinusIcon`, `CallPlusIcon`, `CallXmarkIcon` |
+| **Chat** | `ChatBlankIcon`, `ChatCheckIcon`, `ChatEllipsisIcon`, `ChatFaceIcon`, `ChatHeartIcon`, `ChatLanguageIcon`, `ChatOffIcon`, `ChatPlusIcon`, `ChatQuoteIcon`, `ChatStarIcon`, `ChatTextIcon`, `ChatVoicemailIcon`, `ChatXmarkIcon` |
+| **Email** | `EmailIcon`, `EmailCheckIcon`, `EmailOpenIcon`, `EmailLockIcon`, `EmailHeartIcon`, `EmailShieldIcon`, `EmailSearchIcon`, `EmailArrowDownIcon`, `EmailArrowUpIcon`, `EmailBannedIcon`, `EmailReadingIcon`, `EmailReadingHeartIcon`, `EmailsIcon` |
+| **Message** | `MessageBlankIcon`, `MessageCheckIcon`, `MessageRobotIcon`, `MessageTextIcon`, `MessageVoicemailIcon`, `MessagesIcon`, `MessageXmarkIcon` |
+| **Inbox** | `InboxIcon`, `InboxArrowDownIcon`, `InboxArrowUpIcon`, `InboxContentIcon` |
+| **Misc** | `AtSignIcon`, `DeleteIcon`, `DialpadIcon`, `MailboxIcon`, `Send01Icon`, `Send02Icon`, `Send03Icon`, `StoryAddIcon`, `TelephoneRetroIcon`, `VoicemailIcon` |
+
+## Usage Example
+
+```typescript
+// Import specific icons from the barrel
+import {
+  CallIcon,
+  EmailIcon,
+  MessageRobotIcon,
+  ChatHeartIcon
+} from '@/components/icons/communication';
+
+// Use in a React component
+function SupportPanel() {
+  return (
+    <div>
+      <CallIcon />
+      <EmailIcon />
+      <MessageRobotIcon /> {/* Mingo AI indicator */}
+      <ChatHeartIcon />
+    </div>
+  );
+}
+```

package/src/components/icons-v2-generated/date-and-time/.index.md

@@ -0,0 +1,29 @@
+<!-- source-hash: 67d533ced843aa9f9abe3a45bf6c7cd2 -->
+Barrel export file for the **date and time icon components** in the Flamingo UI icon library, re-exporting all alarm, calendar, clock, hourglass, stopwatch, and timer icon variants from their individual modules.
+
+## Key Components
+
+| Category | Exports |
+|----------|---------|
+| **Alarm** | `AlarmBlankIcon`, `AlarmCheckIcon`, `AlarmExclamationIcon`, `AlarmIcon`, `AlarmMinusIcon`, `AlarmPlusIcon`, `AlarmSnoozeIcon`, `AlarmXmarkIcon` |
+| **Calendar** | `CalendarArrowLeftIcon`, `CalendarArrowRightIcon`, `CalendarBookmarkIcon`, `CalendarCheckIcon`, `CalendarDayIcon`, `CalendarDaysIcon`, `CalendarHeartIcon`, `CalendarIcon`, `CalendarLockIcon`, `CalendarMinusIcon`, `CalendarOffIcon`, `CalendarPlusIcon`, `CalendarStarIcon`, `CalendarXmarkIcon` |
+| **Clock** | `ClockCheckIcon`, `ClockHistoryIcon`, `ClockIcon`, `ClockPlusIcon` |
+| **Hourglass** | `HourglassClockIcon`, `HourglassIcon` |
+| **Other** | `StopwatchIcon`, `Timer10sIcon`, `TimerIcon` |
+
+## Usage Example
+
+```typescript
+import {
+  CalendarIcon,
+  ClockIcon,
+  AlarmPlusIcon,
+  HourglassIcon,
+  StopwatchIcon
+} from '@flamingo/icons/date-time';
+
+// Use in a React/Vue component
+<CalendarIcon className="w-5 h-5" />
+<ClockIcon className="w-5 h-5" />
+<AlarmPlusIcon className="w-5 h-5 text-yellow-400" />
+```

package/src/components/icons-v2-generated/design/.index.md

@@ -0,0 +1,39 @@
+<!-- source-hash: 56d36627bda0aa65ef7edbe63bf8d405 -->
+Barrel export file for the **design & editing tools** icon collection, re-exporting all individual icon components from their respective modules as named exports.
+
+## Key Components
+
+This file exports **63 icon components** grouped into logical categories:
+
+| Category | Icons |
+|----------|-------|
+| **Alignment** | `AlignBottomIcon`, `AlignLeftIcon`, `AlignRightIcon`, `AlignTopIcon` |
+| **Drawing Tools** | `BrushIcon`, `EraserIcon`, `MarkerIcon`, `PencilIcon`, `Pen01Icon`, `Pen02Icon`, `PenBrushIcon`, `PenEditIcon`, `PenLineIcon`, `PenNibIcon` (+ variants) |
+| **Grid & Layout** | `GridIcon`, `GridAltIcon`, `GridCheckIcon`, `GridLayoutIcon`, `GridMinusIcon`, `GridPlusIcon`, `LayoutIcon` |
+| **Layers** | `LayersIcon`, `LayersMinusIcon`, `LayersOffIcon`, `LayersPlusIcon` |
+| **Geometry & Vectors** | `VectorBezierCurveIcon`, `VectorCircleIcon`, `VectorSquareIcon`, `VectorTriangleIcon`, `AngleIcon`, `Angle90Icon` |
+| **Table** | `TableIcon`, `TableCellIcon`, `TableColIcon`, `TableRowIcon` |
+| **Transform** | `ArrangeIcon`, `CropIcon`, `MoveIcon`, `ReflectHrIcon`, `ReflectVrIcon`, `ScalingUpIcon`, `ScissorsIcon` |
+| **Misc Design** | `DropperIcon`, `FillPourIcon`, `MagicWandIcon`, `PaintRollerIcon`, `StampIcon`, `TextToolIcon` |
+
+## Usage Example
+
+```typescript
+import {
+  PencilIcon,
+  LayersIcon,
+  GridLayoutIcon,
+  VectorBezierCurveIcon,
+} from '@/components/icons/design';
+
+export function DesignToolbar() {
+  return (
+    <div>
+      <PencilIcon size={20} />
+      <LayersIcon size={20} />
+      <GridLayoutIcon size={20} />
+      <VectorBezierCurveIcon size={20} />
+    </div>
+  );
+}
+```

package/src/components/icons-v2-generated/devices/.index.md

@@ -0,0 +1,38 @@
+<!-- source-hash: 2cbdc8d9f2f752e0c508be26a7a9b9f1 -->
+Barrel export file for the **devices & connectivity** icon category, re-exporting all hardware, network, and peripheral-related icon components from their individual modules.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| Battery icons | `BatteryChargingIcon`, `BatteryEmptyIcon`, `BatteryFullIcon`, `BatteryLowIcon`, `BatteryMediumIcon`, `BatteryOffIcon` |
+| Bluetooth icons | `BluetoothIcon`, `BluetoothOffIcon`, `BluetoothConnectingIcon`, `BluetoothBannedIcon`, `BluetoothSearchIcon` |
+| Cloud icons | `CloudIcon`, `CloudArrowDownIcon`, `CloudArrowUpIcon`, `CloudCheckIcon`, `CloudExclamationIcon`, `CloudMusicIcon`, `CloudXmarkIcon` |
+| Device icons | `LaptopIcon`, `MonitorIcon`, `MobilePhoneIcon`, `TabletIcon`, `PcIcon`, `TvIcon`, `PrinterIcon` |
+| Wifi icons | `WifiIcon`, `WifiOffIcon`, `WifiLockIcon`, `WifiShieldIcon`, `WifiExclamationIcon`, `WifiXmarkIcon` |
+| Signal icons | `SignalBroadcast01Icon`, `SignalBroadcast02Icon`, `SignalBroadcast03Icon`, `SignalLevelIcon` |
+| Watch icons | `Watch01Icon`, `Watch02Icon`, `Watch03Icon` |
+| Webcam icons | `WebcamCircleIcon`, `WebcamSquareIcon` |
+
+## Usage Example
+
+```typescript
+import {
+  LaptopIcon,
+  WifiIcon,
+  BluetoothIcon,
+  BatteryFullIcon,
+  MobilePhoneIcon,
+} from './devices';
+
+// Use in a React component
+const DeviceStatusBar = () => (
+  <div>
+    <LaptopIcon />
+    <WifiIcon />
+    <BluetoothIcon />
+    <BatteryFullIcon />
+    <MobilePhoneIcon />
+  </div>
+);
+```

package/src/components/icons-v2-generated/documents/.index.md

@@ -0,0 +1,38 @@
+<!-- source-hash: 59b31b23e35e88b40ac5258ab6d00163 -->
+Barrel export file for the **files & documents** icon category, re-exporting all icon components from their individual modules into a single entry point.
+
+## Key Components
+
+This index consolidates **74 icon exports** across five logical groups:
+
+| Group | Icons |
+|---|---|
+| **Clipboard** | `ClipboardIcon`, `ClipboardCheckIcon`, `ClipboardExclamationIcon`, `ClipboardListIcon`, `ClipboardPlusIcon`, `ClipboardMinusIcon`, `ClipboardInfoIcon`, `ClipboardQuestionIcon`, `ClipboardXmarkIcon` |
+| **Copy / Paste** | `Copy01Icon`, `Copy02Icon`, `Copy03Icon`, `Paste01Icon`, `Paste02Icon`, `Paste03Icon` |
+| **File** | `FileIcon`, `FileActivityIcon`, `FileAttachmentIcon`, `FileAudioIcon`, `FileChartBarIcon`, `FileCodeIcon`, `FileDollarIcon`, `FileShieldIcon`, `FilesIcon`, and more |
+| **Folder** | `FolderIcon`, `FolderCheckIcon`, `FolderLockIcon`, `FolderOpenIcon`, `FolderShieldIcon`, `FoldersIcon`, and more |
+| **Misc** | `BoxArchiveIcon`, `MemoIcon`, `NewspaperIcon`, `PaperclipIcon`, `PinIcon`, `StickerIcon`, `StickersIcon`, and more |
+
+## Usage Example
+
+```typescript
+// Import individual icons from the barrel
+import {
+  FileIcon,
+  FolderOpenIcon,
+  ClipboardCheckIcon,
+  Copy01Icon,
+} from '@/components/icons/files';
+
+// Use in a React/Vue component
+export function DocumentActions() {
+  return (
+    <div>
+      <FileIcon />
+      <FolderOpenIcon />
+      <ClipboardCheckIcon />
+      <Copy01Icon />
+    </div>
+  );
+}
+```

package/src/components/icons-v2-generated/finance/.index.md

@@ -0,0 +1,34 @@
+<!-- source-hash: 0179a2166fc3dff85ae4ce658e49554c -->
+Barrel export file that re-exports all finance and payment-related icon components from their individual modules.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `AtmCardIcon`, `AtmMoneyIcon` | ATM card and cash icons |
+| `BankIcon`, `BankInterestIcon` | Banking-related icons |
+| `CoinIcon`, `CoinInsertIcon`, `CoinsIcon` | Coin and currency icons |
+| `CoinsExchangeIcon`, `CoinsExchangeCurrencyIcon` | Currency exchange icons |
+| `CreditCard*Icon` | Full suite of credit card state icons (lock, edit, plus, minus, search, shield, xmark, arrows) |
+| `HandCoinIcon`, `HandDollarIcon` | Hand-holding payment icons |
+| `MoneyBill*Icon`, `MoneyCheque*Icon` | Bill and cheque variants |
+| `PiggyBankIcon`, `SackIcon` | Savings and money bag icons |
+| `PosMachineIcon` | Point-of-sale terminal icon |
+| `Wallet01Icon`, `Wallet02Icon` | Wallet icon variants |
+
+## Usage Example
+
+```typescript
+import {
+  CreditCardIcon,
+  WalletIcon,
+  BankIcon,
+  PiggyBankIcon
+} from './icons/finance';
+
+// Use in a React/Vue component
+<CreditCardIcon className="w-6 h-6 text-yellow-400" />
+<BankIcon className="w-6 h-6" />
+```
+
+> All icons are exported as named exports, enabling tree-shaking so only the icons actually used are included in your final bundle.

package/src/components/icons-v2-generated/food-and-drinks/.index.md

@@ -0,0 +1,34 @@
+<!-- source-hash: 34fc85d8a6ae50fedd67f492e84d1408 -->
+Barrel export file for the food & drink icon collection, re-exporting all individual food and beverage icon components from their respective modules.
+
+## Key Components
+
+A flat collection of **66 food and drink icons**, organized into categories:
+
+| Category | Icons |
+|---|---|
+| **Fruits & Vegetables** | `AppleFoodIcon`, `AvocadoIcon`, `BananaIcon`, `CarrotIcon`, `CherriesIcon`, `EggplantIcon`, `GarlicIcon`, `GrapesIcon`, `KiwiIcon`, `LeafyGreenIcon`, `LemonIcon`, `LemonSliceIcon`, `MushroomIcon`, `PeachIcon`, `PearIcon`, `StrawberryIcon`, `WatermelonIcon` |
+| **Baked Goods & Sweets** | `BagelIcon`, `BreadLongIcon`, `BreadShortIcon`, `BreadSliceIcon`, `CakeBirthdayIcon`, `CakeSliceIcon`, `CandyCaneIcon`, `CandyIcon`, `CookieIcon`, `CupcakeIcon`, `PieIcon` |
+| **Meat, Seafood & Dairy** | `CheeseIcon`, `EggFriedIcon`, `EggIcon`, `FishBoneIcon`, `FishIcon`, `HamburgerCheeseIcon`, `HamburgerVeggieIcon`, `HotdogIcon`, `MeatIcon`, `MilkBottleIcon`, `MilkCartonIcon`, `SausageIcon`, `ShrimpIcon`, `SteakIcon` |
+| **Beverages** | `BeerIcon`, `CoffeeBeanIcon`, `CoffeeBeansIcon`, `CupBubbleTeaIcon`, `CupToGoIcon`, `CupWaterIcon`, `GlassCocktail01Icon`, `GlassCocktail02Icon`, `GlassesWineIcon`, `GlassWineIcon`, `MugHotIcon`, `MugIcon`, `MugTeaIcon`, `SodaCanIcon`, `WaterBottleIcon` |
+| **Dishes & Other** | `AcornIcon`, `BowlHotIcon`, `BowlNoodleIcon`, `CaterIcon`, `HoneyPotIcon`, `IceCreamIcon`, `JarIcon`, `PizzaSliceIcon`, `SandwichIcon` |
+
+## Usage Example
+
+```typescript
+import {
+  PizzaSliceIcon,
+  CoffeeBeanIcon,
+  HamburgerCheeseIcon
+} from '@/components/icons/food';
+
+export function MenuCard() {
+  return (
+    <div>
+      <PizzaSliceIcon />
+      <CoffeeBeanIcon />
+      <HamburgerCheeseIcon />
+    </div>
+  );
+}
+```

package/src/components/icons-v2-generated/food-and-drinks/.leafy-green-icon.md

@@ -0,0 +1,36 @@
+<!-- source-hash: 8cf2414afdebc977571b0d413a6fece5 -->
+A React SVG icon component rendering a leafy green plant symbol, designed for flexible use across UI contexts.
+
+## Key Components
+
+### `LeafyGreenIconProps`
+Extends `SVGProps<SVGSVGElement>` (omitting `width`/`height`) with:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `className` | `string` | `""` | CSS class for styling |
+| `size` | `number` | `24` | Width and height in pixels |
+| `color` | `string` | `"currentColor"` | Fill color for the SVG paths |
+
+### `LeafyGreenIcon`
+Functional component rendering a 24×24 viewBox SVG with two layered paths forming a leafy green icon. Inherits any additional `SVGSVGElement` props via spread.
+
+## Usage Example
+
+```typescript
+import { LeafyGreenIcon } from "./leafy-green-icon";
+
+// Default usage
+<LeafyGreenIcon />
+
+// Custom size and color
+<LeafyGreenIcon size={32} color="#22c55e" />
+
+// Inherits text color from parent
+<span className="text-green-500">
+  <LeafyGreenIcon size={16} />
+</span>
+
+// With Tailwind class
+<LeafyGreenIcon className="opacity-80 hover:opacity-100" />
+```