@flamingo-stack/openframe-frontend-core 0.0.213 → 0.0.214-snapshot.20260528192313

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

@@ -0,0 +1,39 @@
+<!-- source-hash: 38c360ceccfa6ac67ce7ea99f86233a7 -->
+A reusable React SVG icon component rendering a strawberry graphic, built on native SVG props with size, color, and className customization.
+
+## Key Components
+
+### `StrawberryIconProps`
+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 (inherits CSS color by default) |
+
+### `StrawberryIcon`
+Functional component rendering a 24×24 viewBox SVG strawberry with two path elements — one for the outer fruit shape and one for the seeds/detail pattern.
+
+## Usage Example
+
+```typescript
+import { StrawberryIcon } from "./strawberry-icon";
+
+// Default usage
+<StrawberryIcon />
+
+// Custom size and color
+<StrawberryIcon size={32} color="#FF4D6A" />
+
+// Tailwind CSS styling
+<StrawberryIcon className="text-red-500 hover:text-red-700" size={20} />
+
+// Inside a button
+<button className="flex items-center gap-2">
+  <StrawberryIcon size={16} />
+  Fresh Picks
+</button>
+```
+
+> **Note:** Using `color="currentColor"` (default) lets the icon inherit its fill from the parent element's CSS `color` property, making it easy to control via Tailwind or CSS classes.

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

@@ -0,0 +1,40 @@
+<!-- source-hash: c41b0a5f050156fa5fd8e64be55c0c69 -->
+Barrel export file that re-exports all medical/health-related SVG icon components from their individual modules, providing a single entry point for the medical icon collection.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `BandageIcon`, `BandagesIcon` | Wound care icons |
+| `BloodPressureIcon`, `HeartPulseIcon`, `PulseIcon` | Cardiovascular monitoring icons |
+| `BrainIcon`, `BrainAIIcon` | Neurology and AI-assisted brain icons |
+| `CapsuleIcon`, `CapsuleTabletIcon`, `SyringeIcon` | Medication and treatment icons |
+| `HeartIcon`, `HeartBrokenIcon` | Heart condition icons |
+| `StethoscopeIcon`, `ThermometerIcon` | Medical instrument icons |
+| `Virus01Icon`, `Virus02Icon` | Pathogen/infection icons |
+| `WheelchairIcon`, `FaceMaskIcon` | Accessibility and PPE icons |
+| `DnaIcon`, `SkullIcon` | Biology and anatomy icons |
+
+## Usage Example
+
+```typescript
+// Import specific icons
+import { StethoscopeIcon, HeartPulseIcon, BrainAIIcon } from './medical-icons';
+
+// Use in a React component
+const PatientDashboard = () => (
+  <div>
+    <StethoscopeIcon size={24} />
+    <HeartPulseIcon size={24} color="red" />
+    <BrainAIIcon size={24} />
+  </div>
+);
+
+// Or import multiple at once for an icon picker
+import * as MedicalIcons from './medical-icons';
+
+const iconList = Object.keys(MedicalIcons);
+// ['BandageIcon', 'BandagesIcon', 'BloodPressureIcon', ...]
+```
+
+> **46 medical icons** are exported from this barrel file, covering anatomy, diagnostics, treatment, equipment, and patient care categories.

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

@@ -0,0 +1,45 @@
+<!-- source-hash: 0c914c7a9269ca8143f7b4b354fd549f -->
+Barrel export file for the **home & household** icon set, re-exporting all household-related SVG icon components from their individual modules as a single unified entry point.
+
+## Key Components
+
+A flat collection of **70 household and home-related icons** organized into logical categories:
+
+| Category | Icons |
+|---|---|
+| **Furniture** | `BedIcon`, `BedBunkIcon`, `BedFrontIcon`, `CouchIcon`, `ChairIcon`, `ChairSwivelIcon`, `LampIcon`, `LampDeskIcon` |
+| **Kitchen** | `BlenderIcon`, `KettleIcon`, `MicrowaveIcon`, `MixerIcon`, `OvenIcon`, `PanHotIcon`, `PotIcon`, `RefrigeratorIcon`, `ForkKnifeIcon`, `ForkPlateIcon`, `ForkSpoonIcon` |
+| **Home Structure** | `DoorIcon`, `DoorOpenIcon`, `HouseIcon`, `HouseDoorIcon`, `HouseWindowIcon`, `WindowIcon`, `CurtainIcon`, `StairsIcon` |
+| **Tools & Appliances** | `WrenchIcon`, `WrenchScrewdiverIcon`, `HammerIcon`, `ShovelIcon`, `DryerIcon`, `WasherIcon`, `VacuumIcon`, `FanIcon` |
+| **Safety & Utilities** | `FireExtinguisherIcon`, `SirenIcon`, `SirenOnIcon`, `ElectricalPlugIcon`, `SocketIcon`, `SolarPanelIcon` |
+| **Personal Care** | `HairdryerIcon`, `ToothbrushIcon`, `MirrorIcon`, `LipstickIcon` |
+
+## Usage Example
+
+```typescript
+// Import individual icons as needed
+import { WrenchIcon, HouseIcon, RefrigeratorIcon } from './icons/home';
+
+// Use in a React/Vue component
+function RoomCard() {
+  return (
+    <div>
+      <HouseIcon />
+      <RefrigeratorIcon />
+      <WrenchIcon />
+    </div>
+  );
+}
+```
+
+```typescript
+// Import multiple icons for an icon registry
+import {
+  BedIcon,
+  CouchIcon,
+  LampIcon,
+  OvenIcon,
+} from './icons/home';
+
+const furnitureIcons = { BedIcon, CouchIcon, LampIcon, OvenIcon };
+```

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

@@ -0,0 +1,36 @@
+<!-- source-hash: 410ceb21709c9dcc8cb618a745b56335 -->
+Central barrel export file for the UI icon library, re-exporting all icon components from their individual modules as named exports.
+
+## Key Components
+
+This file exports **85 icon components** grouped by category:
+
+| Category | Icons |
+|----------|-------|
+| **Alert** | `AlertAltIcon`, `AlertCircleIcon`, `AlertDiamondIcon`, `AlertHexagonIcon`, `AlertOctagonIcon`, `AlertSquareIcon`, `AlertTriangleIcon` |
+| **Bell** | `BellIcon`, `BellCheckIcon`, `BellExclamationIcon`, `BellIndicatorIcon`, `BellMinusIcon`, `BellOffIcon`, `BellPlusIcon`, `BellRingingIcon`, `BellSnoozeIcon`, `BellXmarkIcon` + variants |
+| **Ellipsis** | `Ellipsis01Icon`, `Ellipsis02Icon` + circle/square/stroke variants |
+| **Eye** | `EyeIcon`, `EyeAltIcon`, `EyeCloseIcon`, `EyeOffIcon` + variants |
+| **Home** | `HomeIcon`, `HomeAltIcon`, `HomeCircleIcon`, `HomeDoorIcon`, `HomeHeartIcon` + variants |
+| **Link** | `Link01Icon`, `Link02Icon` + break/horizontal variants |
+| **Loading** | `Loading01Icon`, `Loading02Icon`, `Loading03Icon` |
+| **Menu** | `Menu01Icon`, `Menu02Icon` + circle/square variants |
+| **Trash** | `TrashIcon`, `TrashBlankIcon`, `TrashCheckIcon`, `TrashClockIcon`, `TrashExclamationIcon`, `TrashXmarkIcon` |
+| **Misc** | `SearchIcon`, `Settings01Icon`, `Settings02Icon`, `ShareIcon`, `TranslateIcon`, `RobotIcon`, `UploadIcon`, `DownloadIcon`, etc. |
+
+## Usage Example
+
+```typescript
+import {
+  AlertTriangleIcon,
+  BellRingingIcon,
+  SearchIcon,
+  TrashIcon,
+  Loading01Icon,
+} from '@/components/icons';
+
+// Use directly in JSX/TSX
+<AlertTriangleIcon />
+<BellRingingIcon />
+<TrashIcon />
+```

package/src/components/icons-v2-generated/map-and-travel/.index.md

@@ -0,0 +1,41 @@
+<!-- source-hash: ec3d5d7cf835c00bc498acd8fa94d0d2 -->
+Barrel export file that re-exports all location, navigation, and travel-related icon components from their individual modules.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `ArrowLocationHrIcon`, `ArrowLocationIcon`, `ArrowLocationOffIcon` | Directional arrow with location variants |
+| `LocationIcon`, `LocationCheckIcon`, `LocationExclamationIcon`, `LocationHeartIcon`, etc. | Location pin variants (check, exclamation, heart, minus, off, plus, star, xmark) |
+| `MapIcon`, `MapLocationIcon`, `MapSearchIcon`, `MapSquareIcon` | Map display variants |
+| `RouteIcon`, `RouteArrowIcon`, `RouteLocationIcon`, `RouteXmarkIcon` | Route/path navigation icons |
+| `Flag01Icon`, `Flag02Icon`, `Flag03Icon` | Flag style variants |
+| `PinLocation01Icon`, `PinLocation02Icon` | Pin location style variants |
+| `Crosshair01Icon`, `Crosshair02Icon`, `CrosshairOffIcon` | Crosshair/targeting variants |
+| `PlaneArrivalIcon`, `PlaneDepartureIcon`, `TicketAirlineIcon` | Air travel icons |
+| `BriefcaseIcon`, `BriefcaseWorkIcon`, `SuitcaseIcon`, `TrolleyCaseIcon` | Luggage and travel bag icons |
+| `BeachIcon`, `IslandIcon`, `PoolIcon`, `SpaIcon` | Leisure/destination icons |
+| `CompassIcon`, `RadarIcon`, `PassportIcon`, `StreetViewIcon` | Navigation and travel utility icons |
+
+## Usage Example
+
+```typescript
+import {
+  LocationIcon,
+  MapSearchIcon,
+  RouteArrowIcon,
+  PlaneArrivalIcon,
+  CompassIcon
+} from './index';
+
+// Use in a React/Vue component
+const TravelDashboard = () => (
+  <div>
+    <LocationIcon />
+    <MapSearchIcon />
+    <RouteArrowIcon />
+    <PlaneArrivalIcon />
+    <CompassIcon />
+  </div>
+);
+```

package/src/components/icons-v2-generated/media-playback/.index.md

@@ -0,0 +1,51 @@
+<!-- source-hash: 7029a8fac8a20b2b1e7b093f8ea32a0e -->
+Barrel export file for the **media controls and playback icon set**, re-exporting all icon components from their individual modules for convenient single-import access.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `PlayIcon`, `PLAY_ICON_PATH` | Play button icon with exposed SVG path constant |
+| `PauseIcon`, `PauseCircleIcon` | Pause state variants |
+| `StopIcon`, `StopCircleIcon` | Stop state variants |
+| `RecordingIcon`, `RecordingCircleIcon` | Recording state indicators |
+| `MicIcon`, `MicAltIcon`, `MicOffIcon` | Microphone state variants |
+| `Expand01–04`, `Collapse01–04` | Expand/collapse UI control variants (including dot variants) |
+| `FastForwardIcon`, `FastBackwardIcon` | Fast seek controls |
+| `ForwardIcon`, `BackwardIcon` | Standard seek controls |
+| `NextIcon`, `PreviousIcon` | Track navigation controls |
+| `Flip01/02 Left/Right` | Flip direction variants |
+| `Refresh01/02` variants | Refresh/reload icons (directional and state variants) |
+| `RepeatIcon`, `RepeatOneIcon` | Playback repeat modes |
+| `ShuffleIcon` | Shuffle playback |
+| `Rotate360Icon` | Full rotation indicator |
+| `SubtitleIcon` | Subtitle/caption toggle |
+| `WaveformIcon` | Audio waveform visualization |
+| `ExpandSquareIcon` | Square expand variant |
+
+## Usage Example
+
+```typescript
+import {
+  PlayIcon,
+  PauseIcon,
+  StopIcon,
+  MicOffIcon,
+  PLAY_ICON_PATH,
+  RecordingCircleIcon,
+} from '@/components/icons/media';
+
+// Use in a React/Vue component
+const PlayerControls = () => (
+  <div>
+    <PlayIcon size={24} />
+    <PauseIcon size={24} />
+    <StopIcon size={24} />
+    <MicOffIcon size={24} color="red" />
+    <RecordingCircleIcon size={24} />
+  </div>
+);
+
+// Access raw SVG path data
+console.log(PLAY_ICON_PATH); // "M8 5v14l11-7z"
+```

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

@@ -0,0 +1,41 @@
+<!-- source-hash: 31b697bfae42b4489d68abb79697d9a4 -->
+Barrel export file that re-exports all numeric and age-rating icon components from their individual modules into a single entry point.
+
+## Key Components
+
+Three icon categories are exported:
+
+| Category | Exports | Description |
+|----------|---------|-------------|
+| **Age Limit Icons** | `AgeLimit0Icon` – `AgeLimit21Icon` | Content rating badges (0, 3, 6, 10, 12, 13, 16, 17, 18, 21) |
+| **Dice Icons** | `Dice1Icon` – `Dice6Icon` | Dice face icons representing values 1 through 6 |
+| **Number Icons** | `Number0Icon` – `Number9Icon` | Standalone digit icons 0–9 |
+| **Numeral Circle Icons** | `Numer0CircleIcon` – `Numer9CircleIcon` | Digits 0–9 inside a circle shape |
+| **Numeral Square Icons** | `Numer0SquareIcon` – `Numer9SquareIcon` | Digits 0–9 inside a square shape |
+
+## Usage Example
+
+```typescript
+import {
+  AgeLimit18Icon,
+  Dice6Icon,
+  Number7Icon,
+  Numer3CircleIcon,
+  Numer3SquareIcon,
+} from './index';
+
+// Age rating badge
+<AgeLimit18Icon size={24} />
+
+// Dice face
+<Dice6Icon className="dice-icon" />
+
+// Plain digit
+<Number7Icon />
+
+// Digit in shaped container
+<Numer3CircleIcon />
+<Numer3SquareIcon />
+```
+
+> **Note:** All icons are sourced from individual modules, keeping each component tree-shakeable. Import only what you need to avoid bundling unused icons.

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

@@ -0,0 +1,37 @@
+<!-- source-hash: f3fd697fe7efe3ae72c6ada9c258fc54 -->
+Barrel export file for the **education & science** icon category, re-exporting all individual icon components from their respective modules into a single entry point.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `AtomIcon`, `FlaskIcon`, `MicroscopeIcon`, `TelescopeIcon` | Science & lab instrument icons |
+| `BookIcon`, `BooksIcon`, `BookOpenIcon`, `BookmarkIcon` + variants | Book and bookmark icon family |
+| `GlobeIcon`, `PlanetIcon` | Geography and astronomy icons |
+| `GraduationCapIcon`, `HonorIcon`, `HonorStarIcon` | Academic achievement icons |
+| `ShapeCircleIcon`, `ShapeHexagonIcon`, `ShapeTriangleIcon` + variants | Geometric shape icons |
+| `Calculator01Icon`, `Calculator02Icon`, `RulerIcon`, `RulerTriangleIcon` | Math and measurement tools |
+| `QuoteLeftIcon`, `QuoteRightIcon`, `QuoteSquareIcon` | Typography/quote icons |
+
+## Usage Example
+
+```typescript
+import {
+  AtomIcon,
+  GraduationCapIcon,
+  BookOpenIcon,
+  MicroscopeIcon,
+} from '@your-package/icons/education';
+
+// Use in a React component
+const CourseCard = () => (
+  <div>
+    <GraduationCapIcon />
+    <BookOpenIcon />
+    <MicroscopeIcon />
+    <AtomIcon />
+  </div>
+);
+```
+
+> Import from this index instead of individual module paths to keep imports clean and maintainable. Adding or renaming icons only requires updating this barrel file.

package/src/components/icons-v2-generated/security/.fingerprint-icon.md

@@ -0,0 +1,38 @@
+<!-- source-hash: eb73700c4c2f22a73b0bba4f89a2de19 -->
+A reusable React SVG icon component rendering a fingerprint symbol, built with configurable size, color, and className props.
+
+## Key Components
+
+### `FingerprintIconProps`
+Interface extending React's `SVGProps<SVGSVGElement>` (excluding `width` and `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 (inherits CSS color by default) |
+
+### `FingerprintIcon`
+Functional component rendering a 24×24 viewBox SVG fingerprint icon with dual overlapping paths for visual detail.
+
+## Usage Example
+
+```typescript
+import { FingerprintIcon } from "./fingerprint-icon";
+
+// Default usage
+<FingerprintIcon />
+
+// Custom size and color
+<FingerprintIcon size={32} color="#FFC008" />
+
+// With Tailwind CSS className
+<FingerprintIcon className="text-yellow-400 hover:opacity-80" size={20} />
+
+// Inheriting color from parent CSS
+<div style={{ color: "blue" }}>
+  <FingerprintIcon /> {/* renders in blue */}
+</div>
+```
+
+> **Tip:** Using `color="currentColor"` (the default) lets the icon inherit its color from the parent element's CSS `color` property, making it easy to theme alongside text.

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

@@ -0,0 +1,39 @@
+<!-- source-hash: def7dba82fae20379eef900a6c9a5e12 -->
+Barrel export file that re-exports all security-related icon components from their individual modules, providing a single entry point for the security icons collection.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `AuditIcon` | Audit/review action icon |
+| `BannedIcon` | Banned/blocked state icon |
+| `FingerprintIcon` | Biometric fingerprint icon |
+| `KeyholeCircleIcon` / `KeyholeSquareIcon` | Keyhole shape variants |
+| `KeyIcon` / `KeySkeletonIcon` | Key representations |
+| `LockIcon` + variants | Lock states: `LockAltIcon`, `LockCheckIcon`, `LockCircleIcon`, `LockKeyholeIcon`, `LockKeyholeOffIcon`, `LockOpenIcon`, `LockOpenKeyholeIcon`, `LockSquareIcon` |
+| `PasscodeIcon` | Passcode/PIN entry icon |
+| `ScanIcon` | Scan/detect action icon |
+| `ShieldIcon` + variants | Shield states: `ShieldAltIcon`, `ShieldCheckIcon`, `ShieldExclamationIcon`, `ShieldKeyholeIcon`, `ShieldLightningIcon`, `ShieldLockIcon`, `ShieldMinusIcon`, `ShieldOffIcon`, `ShieldPlusIcon`, `ShieldUserIcon`, `ShieldWifiIcon`, `ShieldXmarkIcon` |
+| `SignatureIcon` / `SignatureDocumentIcon` | Signature-related icons |
+| `UnlockIcon` / `UnlockKeyholeIcon` | Unlocked state icons |
+
+## Usage Example
+
+```typescript
+// Import one or more security icons from the barrel
+import {
+  ShieldCheckIcon,
+  LockIcon,
+  FingerprintIcon,
+  KeyIcon
+} from '@/components/icons/security';
+
+// Use in a React/Vue component
+const SecurityBadge = () => (
+  <div>
+    <ShieldCheckIcon />
+    <LockIcon />
+    <FingerprintIcon />
+  </div>
+);
+```

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

@@ -0,0 +1,42 @@
+<!-- source-hash: ab01bea350de77e19d09e20beae5d772 -->
+Barrel export file for the **commerce & shopping** icon set, re-exporting all commerce-related icon components from their individual modules as a single unified entry point.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `Bag*Icon` | Shopping bag variants (check, minus, plus, xmark, arrows, etc.) |
+| `Basket*Icon` | Shopping basket variants (blank, check, exclamation, arrows, etc.) |
+| `Cart*Icon` | Shopping cart variants (check, exclamation, minus, plus, arrows, etc.) |
+| `Badge*Icon` | Dollar and percent badge icons |
+| `Tag*Icon` | Price/label tag variants (dollar, percent, tags) |
+| `Receipt*Icon` | Receipt document variants |
+| `Voucher*Icon` | Voucher/coupon variants (dollar, percent) |
+| `Megaphone*Icon` | Promotional megaphone variants |
+| `Scale*Icon` | Balanced/unbalanced scale icons |
+| `Certified*Icon` | Certification badge variants |
+| Misc | `CrownIcon`, `StarIcon`, `GiftIcon`, `GiftcardIcon`, `TicketIcon`, `DiamondGemIcon`, `FeedbackIcon`, `ShopIcon`, `ShopLocationIcon`, `MonitorChartIcon`, `CodeBarIcon`, `CodeQrIcon`, etc. |
+
+## Usage Example
+
+```typescript
+import {
+  CartPlusIcon,
+  TagPercentIcon,
+  BadgeDollarIcon,
+  Receipt01Icon,
+  GiftIcon,
+} from '@/components/icons/commerce';
+
+export function ProductCard() {
+  return (
+    <div>
+      <CartPlusIcon />
+      <TagPercentIcon />
+      <BadgeDollarIcon />
+      <Receipt01Icon />
+      <GiftIcon />
+    </div>
+  );
+}
+```

package/src/components/icons-v2-generated/signs-and-symbols/.index.md

@@ -0,0 +1,32 @@
+<!-- source-hash: db0e5b86804d92ca06e77c00bc709b3b -->
+Barrel export file that re-exports all symbol and sign icon components from their individual module files, providing a single entry point for this icon category.
+
+## Key Components
+
+A collection of 55 icon components organized by theme:
+
+| Category | Icons |
+|---|---|
+| **Check/Validation** | `CheckIcon`, `CheckAltIcon`, `CheckCircleIcon`, `CheckFillIcon`, `ChecksIcon`, `CheckSquareIcon`, `CheckboxCheckmarkIcon` |
+| **Currency** | `BitcoinIcon`, `BitcoinCircleIcon`, `DollarIcon`, `DollarCircleIcon`, `EuroIcon`, `EuroCircleIcon`, `PoundIcon`, `PoundCircleIcon` |
+| **Math/Symbols** | `PlusIcon`, `PlusAltIcon`, `PlusCircleIcon`, `PlusSquareIcon`, `MinusIcon`, `MinusAltIcon`, `MinusCircleIcon`, `MinusSquareIcon` |
+| **Percent** | `PercentIcon`, `PercentCircleIcon`, `PercentSquareIcon`, `PercentStrokeIcon` |
+| **Info/Status** | `InfoIcon`, `InfoCircleIcon`, `ExclamationIcon`, `QuestionIcon`, `QuestionAltIcon`, `QuestionCircleIcon`, `QuestionSquareIcon` |
+| **Xmark** | `XmarkIcon`, `XmarkAltIcon`, `XmarkCircleIcon`, `XmarkSquareIcon` |
+| **Misc** | `AsteriskIcon`, `HashIcon`, `RecycleIcon`, `YinYangIcon`, `SmokingIcon`, `SmokingOffIcon`, `SmokingOffCircleIcon` |
+
+## Usage Example
+
+```typescript
+import {
+  CheckCircleIcon,
+  XmarkCircleIcon,
+  DollarIcon,
+  PercentIcon,
+  InfoCircleIcon,
+} from '@/components/icons/symbols';
+
+export function StatusBadge({ success }: { success: boolean }) {
+  return success ? <CheckCircleIcon /> : <XmarkCircleIcon />;
+}
+```

package/src/components/icons-v2-generated/sort-and-filter/.index.md

@@ -0,0 +1,35 @@
+<!-- source-hash: a122b8a7b05e8056f87f9597c3d00096 -->
+Barrel export file that re-exports all filter, sort, slider, and toggle icon components from their individual modules.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `Filter01CheckIcon`, `Filter01ClockIcon`, `Filter01Icon`, `Filter01ListIcon` | Filter variant icons with status indicators |
+| `Filter02Icon`, `Filter03HrIcon`, `Filter03VrIcon`, `Filter04HrIcon`, `Filter04VrIcon` | Additional filter style variants (horizontal/vertical) |
+| `SliderRightIcon`, `SlidersIcon` | Slider control icons |
+| `Sort19DownIcon`, `Sort19UpIcon`, `Sort91DownIcon`, `Sort91UpIcon` | Numeric sort direction icons |
+| `SortAzDownIcon`, `SortAzUpIcon`, `SortZaDownIcon`, `SortZaUpIcon` | Alphabetical sort direction icons |
+| `SortItemDownIcon`, `SortItemUpIcon` | Generic item sort direction icons |
+| `ToggleAltRightIcon`, `ToggleRightIcon`, `TogglesIcon` | Toggle switch icons |
+
+## Usage Example
+
+```typescript
+import {
+  Filter01Icon,
+  SortAzDownIcon,
+  SlidersIcon,
+  ToggleRightIcon
+} from './index';
+
+// Use in a React component
+const FilterBar = () => (
+  <div>
+    <Filter01Icon />
+    <SortAzDownIcon />
+    <SlidersIcon />
+    <ToggleRightIcon />
+  </div>
+);
+```

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

@@ -0,0 +1,41 @@
+<!-- source-hash: d28a517bfdd9de9dfa1ecb00034f7599 -->
+Barrel export file that re-exports all sports and fitness-related icon components from their individual modules into a single entry point.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `AmericanFootballIcon` | American football sport icon |
+| `ArcheryArrowIcon`, `ArcheryBowIcon`, `ArcheryTargetIcon` | Archery-related icons |
+| `BaseballIcon`, `BasketballIcon`, `BasketballBasketIcon` | Ball sport icons |
+| `BikingIcon`, `BowlingIcon`, `BoxingIcon` | Activity sport icons |
+| `ChessIcon`, `CourtIcon`, `DumbellIcon` | Equipment and venue icons |
+| `FootballIcon`, `PingpongIcon`, `VolleyballIcon` | Team sport icons |
+| `Medal01Icon`, `Medal02Icon`, `TrophyIcon` | Achievement/award icons |
+| `RankingIcon`, `RewardBadgeIcon`, `RewardBadgeCheckIcon`, `RewardBadgeStarIcon` | Ranking and reward icons |
+| `RunningIcon`, `SwimmingIcon`, `SkippingRopeIcon`, `SnorkelIcon` | Athletic activity icons |
+| `WhistleIcon` | Sports officiating icon |
+
+## Usage Example
+
+```typescript
+// Import specific icons as needed
+import {
+  TrophyIcon,
+  BasketballIcon,
+  Medal01Icon,
+  RunningIcon
+} from './index';
+
+// Or import all sports icons at once
+import * as SportsIcons from './index';
+
+// Usage in a React component
+const SportsPage = () => (
+  <div>
+    <TrophyIcon />
+    <Medal01Icon />
+    <BasketballIcon />
+  </div>
+);
+```

package/src/components/icons-v2-generated/text-editor/.index.md

@@ -0,0 +1,44 @@
+<!-- source-hash: 702f25f38fbf510b3bafff1b2f6a52ee -->
+Barrel export file that re-exports all text-formatting and typography-related icon components from their individual modules, providing a single import entry point for the icon library.
+
+## Key Components
+
+| Export | Description |
+|--------|-------------|
+| `BlockQuoteIcon` | Blockquote formatting icon |
+| `BoldIcon`, `BoldAltIcon` | Bold text variants |
+| `ItalicIcon`, `UnderlineIcon`, `StrikeThroughIcon` | Inline text styling icons |
+| `HeadingIcon`, `HeadingH1Icon`–`HeadingH6Icon`, `HeadingAltIcon` | Heading level icons |
+| `GridDots*Icon` | Grid alignment/positioning icons (blank, bottom, center, left, right, top, outer, HR/VR variants) |
+| `ListBulletIcon`, `ListCheckIcon`, `ListNumberIcon`, `ListTreeIcon` | List type icons |
+| `TextAlign*Icon` | Text alignment icons (center, justify, left, right) |
+| `FontIcon`, `FontAltIcon` | Font selection icons |
+| `ParagraphIcon`, `IndentIcon`, `LineHeightIcon` | Paragraph formatting icons |
+| `SpacingHrIcon`, `SpacingVrIcon` | Horizontal/vertical spacing icons |
+| `ICursorIcon`, `TextAreaDraggerIcon` | Cursor and textarea interaction icons |
+
+## Usage Example
+
+```typescript
+import {
+  BoldIcon,
+  ItalicIcon,
+  UnderlineIcon,
+  HeadingH1Icon,
+  ListBulletIcon,
+  TextAlignLeftIcon,
+} from '@/components/icons';
+
+export function EditorToolbar() {
+  return (
+    <div className="toolbar">
+      <BoldIcon />
+      <ItalicIcon />
+      <UnderlineIcon />
+      <HeadingH1Icon />
+      <ListBulletIcon />
+      <TextAlignLeftIcon />
+    </div>
+  );
+}
+```

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

@@ -0,0 +1,45 @@
+<!-- source-hash: d83d91c37d3b17221026aeba7979daa1 -->
+Barrel export file for the **users & people** icon category, re-exporting all user, avatar, face expression, and contact-related icon components from their individual modules.
+
+## Key Components
+
+| Export | Description |
+|---|---|
+| `UserIcon`, `UsersIcon`, `UsersGroupIcon` | Core user and group icons |
+| `UserCheckIcon`, `UserBannedIcon`, `UserXmarkIcon` | User status/action icons |
+| `UserPlusIcon`, `UserMinusIcon`, `UserEditIcon` | User management action icons |
+| `UserLockIcon`, `UserSearchIcon`, `UserSettingsIcon` | User permission/utility icons |
+| `AvatarCircleIcon`, `AvatarSquareIcon` | Avatar shape variants |
+| `FaceSmile01Icon`, `FaceLaughIcon`, `FaceAngryIcon`, etc. | Face expression icons |
+| `AddressBookIcon`, `BookUserIcon`, `IdCardIcon` | Contact/identity icons |
+| `HeadHeartIcon`, `HeadSettingsIcon` | Head/cognitive icons |
+| `HouseUserIcon`, `UsersPlusIcon` | User context icons |
+
+## Usage Example
+
+```typescript
+import {
+  UserIcon,
+  UsersGroupIcon,
+  UserCheckIcon,
+  FaceSmile01Icon,
+  AvatarCircleIcon,
+} from './index';
+
+// Use in a React component
+const UserProfile = () => (
+  <div>
+    <AvatarCircleIcon />
+    <UserIcon />
+    <UserCheckIcon />
+    <FaceSmile01Icon />
+  </div>
+);
+
+// Or import the full set for dynamic rendering
+import * as UserIcons from './index';
+
+const icon = UserIcons['UserSettingsIcon'];
+```
+
+> All icons in this category share a consistent API. Import only what you need to support tree-shaking and minimize bundle size.