{"_id":"@arivedha/astro-icons","_rev":"3-73d46cc6c93073912b4e0dce4a4778fc","name":"@arivedha/astro-icons","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@arivedha/astro-icons","version":"0.1.0","keywords":["astrology","vedic","rashi","zodiac","icons","svg","web-components"],"author":{"url":"https://arivedha.us","name":"Sudhakar Balakrishnan","email":"sudhakar.ai77777@gmail.com"},"license":"MIT","_id":"@arivedha/astro-icons@0.1.0","maintainers":[{"name":"sudhakar.ai77777","email":"sudhakar.ai77777@gmail.com"}],"homepage":"https://arivedha.us","bugs":{"url":"https://github.com/Sudhakar77777/astro-icons/issues"},"dist":{"shasum":"7ef1cdfa19528dfa2d1f98d0be0343f854698318","tarball":"https://registry.npmjs.org/@arivedha/astro-icons/-/astro-icons-0.1.0.tgz","fileCount":30,"integrity":"sha512-fDZRg+HNYeGtiJ/7l2j1k7XbOS5oT/zodBJ+CI1hoCw/7AITWttha/MZH0hB7W3rCBYzZbmCDQ2n4QeHtA8bCg==","signatures":[{"sig":"MEUCIClutURYznbW0wAMEctlpH2nRy70hU8DZr4A5sB+0UAVAiEA46FDAT8x/b/XGJ12+J8ZbbNGoFbL+To6oHqA44M5wlc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2612350},"main":"./dist/index.js","type":"module","module":"./dist/index.js","exports":{".":"./dist/index.js","./rashi/*":"./src/rashi/*","./rashi/compact/*":"./src/rashi/compact/*"},"gitHead":"81874059378cc24987592b4b48eac05f678c0bb7","scripts":{"dev":"vite","build":"vite build"},"_npmUser":{"name":"sudhakar.ai77777","email":"sudhakar.ai77777@gmail.com"},"repository":{"url":"git+https://github.com/Sudhakar77777/astro-icons.git","type":"git"},"_npmVersion":"11.19.0","description":"SVG Web Components for Indian astrology","directories":{},"_nodeVersion":"26.7.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/astro-icons_0.1.0_1789088243547_0.24989342024743344","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@arivedha/astro-icons","version":"0.1.1","keywords":["astrology","vedic","rashi","zodiac","icons","svg","web-components"],"author":{"url":"https://arivedha.us","name":"Sudhakar Balakrishnan","email":"sudhakar.ai77777@gmail.com"},"license":"MIT","_id":"@arivedha/astro-icons@0.1.1","maintainers":[{"name":"sudhakar.ai77777","email":"sudhakar.ai77777@gmail.com"}],"homepage":"https://arivedha.us","bugs":{"url":"https://github.com/Sudhakar77777/astro-icons/issues"},"dist":{"shasum":"43df4bc5f8074daba1d058a3e1a480e792ccc546","tarball":"https://registry.npmjs.org/@arivedha/astro-icons/-/astro-icons-0.1.1.tgz","fileCount":30,"integrity":"sha512-zi5hfc88mTi+xUqBwzS1kDQkxPkUXbk9MHQedmcYMc8IOF4QBzMBAqJBbHMKW+SV81MEhtiA+PplvTIt09sJyg==","signatures":[{"sig":"MEUCIQCUy+NxtgXnnAVXDzwOND77x9nlkFfsmAhWw2fUGu18GgIgNiWi1FnrUKy74DEqn+NGYtFZE4jF6hWMYQplgJCx1I0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEQCIGDnIDEf5jWrw9ZdmMPt6GKONKxUy+KfeuZeaQVuxaQLAiBXAqVuzKcjNwhGzdigyRwSC3J07UFLp6uTeEFNXz9+/A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2615327},"main":"./dist/index.js","type":"module","module":"./dist/index.js","exports":{".":"./dist/index.js","./rashi/*":"./src/rashi/*","./rashi/compact/*":"./src/rashi/compact/*"},"gitHead":"8acd70ad43b8b66c03c03f3ad2b0b7b866d37ffd","scripts":{"dev":"vite","test":"node --test tests/*.test.js","build":"vite build","build:demo":"vite build --config vite.config.demo.js"},"_npmUser":{"name":"sudhakar.ai77777","email":"sudhakar.ai77777@gmail.com"},"repository":{"url":"git+https://github.com/Sudhakar77777/astro-icons.git","type":"git"},"_npmVersion":"11.19.0","description":"SVG Web Components for Indian astrology","directories":{},"_nodeVersion":"26.7.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/astro-icons_0.1.1_1789090742454_0.14560405295548673","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"_id":"@arivedha/astro-icons@0.1.2","bugs":{"url":"https://github.com/Sudhakar77777/astro-icons/issues"},"dist":{"shasum":"fbd45eeee7d68091812280098d7d21452b51405a","tarball":"https://registry.npmjs.org/@arivedha/astro-icons/-/astro-icons-0.1.2.tgz","fileCount":30,"integrity":"sha512-R4609SfvC6GZ0fPOPyVQ4OGPwMk5B4Slb0KqDVZCpHK3vH/ejOBu+pec2q4HSHI0vNsRAbA5Wc+UJg4nYPhKgg==","signatures":[{"sig":"MEQCIGmDDytf/q62gf2F2M7uXNnL+I347IUv99IOkGj55uzOAiAT/yccf7K1YpoejeqQK2b7z97a8razdKqGwWksSiKqkw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBCfCNk+RIrabp8ZMLynm3kv6Ckk0TIoAS9Sg3ZzBls3AiEAxnKcXDSCVKjEquWaJZek7wil28eEnNYLGAoyGg11ylE="}],"unpackedSize":2615715},"main":"./dist/index.js","name":"@arivedha/astro-icons","type":"module","author":{"url":"https://arivedha.us","name":"Sudhakar Balakrishnan","email":"sudhakar.ai77777@gmail.com"},"module":"./dist/index.js","exports":{".":"./dist/index.js","./rashi/*":"./src/rashi/*","./rashi/compact/*":"./src/rashi/compact/*"},"gitHead":"443988e49da52070b7dfeb719f14cdce643719df","license":"MIT","scripts":{"dev":"vite","test":"node --test tests/*.test.js","build":"vite build","build:demo":"vite build --config vite.config.demo.js"},"version":"0.1.2","_npmUser":{"name":"sudhakar.ai77777","email":"sudhakar.ai77777@gmail.com"},"homepage":"https://arivedha.us","keywords":["astrology","vedic","rashi","zodiac","icons","svg","web-components"],"repository":{"url":"git+https://github.com/Sudhakar77777/astro-icons.git","type":"git"},"_npmVersion":"11.19.0","description":"SVG Web Components for Indian astrology","directories":{},"maintainers":[{"name":"sudhakar.ai77777","email":"sudhakar.ai77777@gmail.com"}],"_nodeVersion":"26.7.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/astro-icons_0.1.2_1789091083589_0.6152663134379344"}}},"time":{"created":"2026-09-11T00:57:23.268Z","modified":"2026-09-11T01:44:43.910Z","0.1.0":"2026-09-11T00:57:23.702Z","0.1.1":"2026-09-11T01:39:02.645Z","0.1.2":"2026-09-11T01:44:43.709Z"},"bugs":{"url":"https://github.com/Sudhakar77777/astro-icons/issues"},"author":{"url":"https://arivedha.us","name":"Sudhakar Balakrishnan","email":"sudhakar.ai77777@gmail.com"},"license":"MIT","homepage":"https://arivedha.us","keywords":["astrology","vedic","rashi","zodiac","icons","svg","web-components"],"repository":{"url":"git+https://github.com/Sudhakar77777/astro-icons.git","type":"git"},"description":"SVG Web Components for Indian astrology","maintainers":[{"name":"sudhakar.ai77777","email":"sudhakar.ai77777@gmail.com"}],"readme":"# @arivedha/astro-icons\n\n[![npm version](https://img.shields.io/npm/v/@arivedha/astro-icons.svg?color=blue)](https://www.npmjs.com/package/@arivedha/astro-icons)\n[![CI](https://github.com/Sudhakar77777/astro-icons/actions/workflows/ci.yml/badge.svg)](https://github.com/Sudhakar77777/astro-icons/actions/workflows/ci.yml)\n[![GitHub Pages](https://img.shields.io/badge/GitHub%20Pages-Live%20Workbench-success.svg)](https://sudhakar77777.github.io/astro-icons/)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![Dependencies](https://img.shields.io/badge/dependencies-0-success.svg)](#)\n[![Bundle Size](https://img.shields.io/badge/bundle-zero--runtime--deps-emerald.svg)](#)\n\nA gold-standard vector SVG iconography package for **Indian & Vedic Astrology** (12 Rāśi / Zodiac Signs).\n\nEngineered for temple-grade authenticity and publication-level media aesthetics (inspired by traditional Tamil Rasipalan & Dinamalar gold medallions). Built as a lightweight, **zero-runtime-dependency** Web Component library with first-class support for **Vanilla HTML**, **Astro**, **React**, **Next.js**, **Vue**, and **Svelte**.\n\n---\n\n## 🌐 Live Interactive Playground & Studio\n\nExperience and configure all 12 Vedic Rāśi icons first-hand in our live browser studio:\n\n👉 **[https://sudhakar77777.github.io/astro-icons/](https://sudhakar77777.github.io/astro-icons/)**\n\n- **⚡ Dual-Pane Live Customizer**: Test color pickers, background colors, circular vs square borders, lighting bevels, and glow effects side-by-side with live HTML code generation.\n- **🔍 6-Tier Optical Sizing Matrix**: Inspect all 12 signs across $128\\text{px}$, $96\\text{px}$, $64\\text{px}$, $48\\text{px}$, $36\\text{px}$, and $24\\text{px}$.\n- **🏆 1-Click Stamped 3D Presets**: Test Gold Medallions, Tactical Buttons, Inset Carved, Sacred Glow, and Frosted Glassmorphism.\n- **🎨 Canvas Themes**: Switch live preview backgrounds between Dark Nebula, Light Slate, Vintage Parchment, and Checkerboard Alpha.\n\n---\n\n## ✨ Features\n\n- **🏛 Authentic Temple-Grade Iconography**: Gold-standard traditional Vedic artwork without cartoonish faces or exaggerated expressions.\n- **⚡ Zero Runtime Dependencies**: Pure, vanilla Web Component architecture (`<astro-rashi>`) that runs natively in every modern browser (`dependencies: {}`).\n- **🎨 100% `currentColor` Theming**: Vector paths inherit text color automatically, or can be customized to any hex/RGB color.\n- **🔍 Dual Optical Sizing**:\n  - **`detailed` ($\\ge 48\\text{px}$)**: High-resolution temple engraving with fine details and rich textures.\n  - **`compact` ($< 48\\text{px}$)**: Cleaned micro-cuts with hairline noise filtered out for sharp $24\\text{px}$ and $36\\text{px}$ legibility.\n  - **`auto`**: Seamlessly switches between detailed and compact variants based on the `size` attribute.\n- **🛡 Circular Safe-Zone Guaranteed**: All 12 icons are calibrated inside circular safe zones so they **never collide with or intersect the rim** when `radius=\"50%\"`.\n- **🏆 3D Stamped Medallion & Lighting**: Built-in 3D Gold Medallion, Raised Tactical Button, Glassmorphism, Inset Carved, and Sacred Glow presets.\n- **🏁 100% Transparent Background Support**: Setting `bg=\"none\"` or `bg=\"transparent\"` yields true alpha transparency with zero background boxes, zero padding, and zero circular smudges.\n- **⚛️ Universal Framework Support**: Works natively across HTML, Astro, React 19+, Next.js, Vite, Vue, and Svelte.\n\n---\n\n## 📦 Installation\n\n```bash\nnpm install @arivedha/astro-icons\n```\n\nOr clone the repository directly:\n\n```bash\ngit clone https://github.com/Sudhakar77777/astro-icons.git\n```\n\n---\n\n## 🚀 Quick Start Guide\n\n### 1. Plain HTML / Vanilla JS\n\nImport the component once in your application entry or HTML `<head>`:\n\n```html\n<script type=\"module\" src=\"node_modules/@arivedha/astro-icons/dist/index.js\"></script>\n\n<!-- 1. Pure Flat Vector on Transparent Background (No Rim, No Background) -->\n<astro-rashi icon=\"simha\" size=\"48\" color=\"#facc15\" bg=\"none\" ring=\"none\"></astro-rashi>\n\n<!-- 2. Small 24px Navigation Bar Icon (Auto-switches to Clean Micro-Cut) -->\n<astro-rashi icon=\"mesha\" size=\"24\" color=\"#38bdf8\" bg=\"none\" ring=\"none\"></astro-rashi>\n\n<!-- 3. Authentic 3D Gold Medallion on Crimson Background -->\n<astro-rashi icon=\"kanya\" size=\"64\" color=\"#facc15\" bg=\"#781d1d\" ring=\"#facc15\" effect=\"medallion\" radius=\"50%\"></astro-rashi>\n\n<!-- 4. Tactical 3D Raised Button -->\n<astro-rashi icon=\"makara\" size=\"56\" color=\"#ffffff\" bg=\"#111827\" ring=\"#38bdf8\" effect=\"button\" radius=\"12\"></astro-rashi>\n```\n\n---\n\n### 2. Astro Framework (`.astro`)\n\nImport `@arivedha/astro-icons` in your Astro component frontmatter:\n\n```astro\n---\nimport \"@arivedha/astro-icons\";\n---\n\n<div class=\"zodiac-grid\">\n  <!-- Flat Vector -->\n  <astro-rashi icon=\"mesha\" size=\"48\" color=\"#7C2D12\" />\n\n  <!-- 3D Gold Medallion -->\n  <astro-rashi icon=\"simha\" size=\"64\" color=\"#facc15\" bg=\"#781d1d\" ring=\"#facc15\" effect=\"medallion\" radius=\"50%\" />\n\n  <!-- Tactical Button -->\n  <astro-rashi icon=\"kanya\" size=\"48\" color=\"#10b981\" bg=\"#022c22\" ring=\"#059669\" effect=\"button\" radius=\"10\" />\n</div>\n```\n\n---\n\n### 3. React / Next.js (`.jsx` / `.tsx`)\n\nImport the library once (in your root layout or component), then use standard `<astro-rashi>` elements:\n\n```tsx\nimport \"@arivedha/astro-icons\";\n\nexport function HoroscopeCard() {\n  return (\n    <div className=\"card\">\n      {/* Flat Transparent Icon */}\n      <astro-rashi \n        icon=\"simha\" \n        size=\"36\" \n        color=\"#facc15\" \n        bg=\"none\" \n        ring=\"none\" \n      />\n\n      {/* 3D Gold Medallion */}\n      <astro-rashi \n        icon=\"kanya\" \n        size=\"64\" \n        color=\"#facc15\" \n        bg=\"#781d1d\" \n        ring=\"#facc15\" \n        effect=\"medallion\" \n        radius=\"50%\" \n      />\n    </div>\n  );\n}\n```\n\n> **Note for TypeScript in React**: You can declare the custom element in your `global.d.ts`:\n> ```ts\n> declare namespace JSX {\n>   interface IntrinsicElements {\n>     'astro-rashi': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {\n>       icon: string;\n>       size?: number | string;\n>       color?: string;\n>       bg?: string;\n>       ring?: string;\n>       effect?: string;\n>       radius?: string;\n>       variant?: string;\n>       padding?: string;\n>     };\n>   }\n> }\n> ```\n\n---\n\n### 4. Direct Raw SVG Imports\n\nAll 12 icons are available as standalone SVGs in both Detailed and Clean Compact variants:\n\n- **Detailed SVGs**: `@arivedha/astro-icons/rashi/[icon].svg`\n- **Clean Compact SVGs**: `@arivedha/astro-icons/rashi/compact/[icon].svg`\n\n```jsx\nimport SimhaSvg from '@arivedha/astro-icons/rashi/simha.svg';\n\n<img src={SimhaSvg} width=\"64\" height=\"64\" alt=\"Simha Rāśi\" />\n```\n\n---\n\n## 📜 12 Rāśi ID Reference\n\n| ID | Sanskrit Name | Tamil Name (தமிழ்) | English / Western Symbol | Ruling Planet | Element |\n| :--- | :--- | :--- | :--- | :--- | :--- |\n| `mesha` | Meṣa | மேஷம் | Ram (Aries) | Mars (செவ்வாய்) | Fire |\n| `rishabha` | Vṛṣabha | ரிஷபம் | Bull (Taurus) | Venus (சுக்கிரன்) | Earth |\n| `mithuna` | Mithuna | மிதுனம் | Twins (Gemini) | Mercury (புதன்) | Air |\n| `kataka` | Karkaṭa | கடகம் | Crab (Cancer) | Moon (சந்திரன்) | Water |\n| `simha` | Siṃha | சிம்மம் | Lion (Leo) | Sun (சூரியன்) | Fire |\n| `kanya` | Kanyā | கன்னி | Maiden (Virgo) | Mercury (புதன்) | Earth |\n| `thula` | Tulā | துலாம் | Balance Scales (Libra) | Venus (சுக்கிரன்) | Air |\n| `vrischika` | Vṛścika | விருச்சிகம் | Scorpion (Scorpio) | Mars (செவ்வாய்) | Water |\n| `dhanus` | Dhanus | தனுசு | Bow & Arrow (Sagittarius) | Jupiter (குரு) | Fire |\n| `makara` | Makara | மகரம் | Makara Sea-Beast (Capricorn) | Saturn (சனி) | Earth |\n| `kumbha` | Kumbha | கும்பம் | Kalasha Water Pot (Aquarius) | Saturn (சனி) | Air |\n| `meena` | Mīna | மீனம் | Twin Fish (Pisces) | Jupiter (குரு) | Water |\n\n---\n\n## ⚙️ Attributes Reference\n\nYou can configure `<astro-rashi>` components using HTML attributes, or using equivalent CSS Custom Properties.\n\n| Attribute | CSS Variable Equivalent | Type | Default | Description |\n| :--- | :--- | :--- | :--- | :--- |\n| `icon` | `--rashi-icon` | `string` | **(Required)** | One of the 12 Rāśi IDs (e.g. `simha`, `kanya`, `mesha`) |\n| `size` | `--rashi-size` | `number \\| string` | `24` | Width & height in pixels (e.g. `24`, `36`, `48`, `64`, `128`) |\n| `color` | `--rashi-color` | `string` | `\"currentColor\"` | Foreground color of the icon vector path (e.g. `#facc15`, `white`) |\n| `bg` | `--rashi-bg` | `string` | `\"transparent\"` | Container background color. Use `\"none\"` or `\"transparent\"` for alpha transparency. |\n| `ring` | `--rashi-ring` | `string` | `\"none\"` | Outer border/rim contrast color. Use `\"none\"` to remove border completely. |\n| `effect` | `--rashi-effect` | `string` | `\"none\"` | 3D lighting effect: `\"none\"`, `\"medallion\"`, `\"button\"`, `\"glass\"`, `\"emboss\"`, `\"glow\"` |\n| `radius` | `--rashi-radius` | `string` | `\"0\"` | Corner curvature: `\"50%\"`, `\"circle\"`, `\"16\"`, `\"10\"`, `\"0\"` |\n| `variant` | `--rashi-variant` | `string` | `\"auto\"` | Optical sizing: `\"auto\"` ($<48\\text{px}$ compact, $\\ge 48\\text{px}$ detailed), `\"compact\"`, `\"detailed\"` |\n| `padding` | `--rashi-padding` | `string` | `auto` | Inner padding around vector icon. Defaults to `0px` when background is transparent. |\n| `border` | `--rashi-border` | `string` | `auto` | Custom CSS border override (e.g. `2px dashed gold`) |\n\n---\n\n## 🎨 Visual Effects & Presets\n\n### 1. Pure Flat Vector (`effect=\"none\"`)\nRenders crisp vector contours that inherit parent typography color via `currentColor`.\n```html\n<astro-rashi icon=\"simha\" size=\"36\" color=\"#facc15\" bg=\"none\" ring=\"none\"></astro-rashi>\n```\n\n### 2. 3D Gold Medallion (`effect=\"medallion\"`)\nSimulates authentic stamped temple medallions with outer rim bevel, drop-shadow, and light highlights.\n```html\n<astro-rashi icon=\"simha\" size=\"64\" color=\"#facc15\" bg=\"#781d1d\" ring=\"#facc15\" effect=\"medallion\" radius=\"50%\"></astro-rashi>\n```\n\n### 3. Tactical 3D Button (`effect=\"button\"`)\nModern tactile button styling with top bevel highlight and bottom shadow.\n```html\n<astro-rashi icon=\"makara\" size=\"48\" color=\"#ffffff\" bg=\"#1e293b\" ring=\"#38bdf8\" effect=\"button\" radius=\"10\"></astro-rashi>\n```\n\n### 4. Glassmorphism (`effect=\"glass\"`)\nFrosted glass translucent container with `backdrop-filter: blur(12px)`.\n```html\n<astro-rashi icon=\"kanya\" size=\"56\" color=\"#38bdf8\" bg=\"rgba(255,255,255,0.08)\" ring=\"rgba(255,255,255,0.2)\" effect=\"glass\" radius=\"16\"></astro-rashi>\n```\n\n### 5. Inset Carved Stamping (`effect=\"emboss\"`)\nSimulates engraved stone carving with deep inset shadows.\n```html\n<astro-rashi icon=\"vrischika\" size=\"56\" color=\"#cbd5e1\" bg=\"#090d16\" ring=\"none\" effect=\"emboss\" radius=\"12\"></astro-rashi>\n```\n\n### 6. Sacred Aura Glow (`effect=\"glow\"`)\nRadiates a warm, ethereal golden glow around the emblem.\n```html\n<astro-rashi icon=\"simha\" size=\"64\" color=\"#facc15\" bg=\"#1a1300\" ring=\"#eab308\" effect=\"glow\" radius=\"50%\"></astro-rashi>\n```\n\n---\n\n## 💻 JavaScript API\n\nThe package exposes the canonical icon list, detailed/compact maps, and the custom element class:\n\n```js\nimport { AstroRashi, rashiIcons, detailedIcons, compactIcons } from \"@arivedha/astro-icons\";\n\nconsole.log(rashiIcons);\n// [\"mesha\", \"rishabha\", \"mithuna\", \"kataka\", \"simha\", \"kanya\", \"thula\", \"vrischika\", \"dhanus\", \"makara\", \"kumbha\", \"meena\"]\n```\n\n---\n\n## 💻 CSS Variables & Stylesheet Classes\n\nAll visual attributes can be styled dynamically via CSS Custom Properties. You can apply these either via inline `style=\"\"` or in your global CSS stylesheets:\n\n```css\n/* Custom class in your stylesheet */\n.temple-gold-badge {\n  --rashi-color: #facc15;\n  --rashi-bg: #781d1d;\n  --rashi-ring: #facc15;\n  --rashi-radius: 50%;\n  --rashi-effect: medallion;\n}\n\n.tactical-nav-icon {\n  --rashi-color: #ffffff;\n  --rashi-bg: #111827;\n  --rashi-ring: #38bdf8;\n  --rashi-radius: 12px;\n  --rashi-effect: button;\n}\n```\n\n```html\n<!-- Component inherits styles from the CSS class -->\n<astro-rashi icon=\"simha\" size=\"64\" class=\"temple-gold-badge\"></astro-rashi>\n<astro-rashi icon=\"makara\" size=\"48\" class=\"tactical-nav-icon\"></astro-rashi>\n```\n\n---\n\n## 🧪 Interactive Studio Workbench\n\nYou can preview and interact with the workbench either online or locally:\n\n- **🌐 Live Hosted Studio**: [https://sudhakar77777.github.io/astro-icons/](https://sudhakar77777.github.io/astro-icons/)\n- **💻 Run Locally**:\n  ```bash\n  npm install\n  npm run dev\n  ```\n  Open `http://localhost:5173` in your browser.\n- **🏗 Build Workbench for Static Hosting**:\n  ```bash\n  npm run build:demo\n  ```\n\n---\n\n## 📄 License\n\nMIT License © 2026 [Arivedha](https://arivedha.us) / [Sudhakar Balakrishnan](https://github.com/Sudhakar77777). Free for personal and commercial astrology applications, horoscopes, panchangam software, and web portals.\n","readmeFilename":"README.md"}