@bookklik/senangstart-icons 1.0.7 → 1.0.11

package/docs/ms/icons/wifi.md

@@ -0,0 +1,55 @@
+---
+title: Wifi
+---
+
+# Wifi
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M 8.25 13.5 a 3.75 3.75 0 0 1 5.25 0 m -8.25 -3 a 7.5 7.5 0 0 1 11.25 0 m -14.25 -3 a 11.25 11.25 0 0 1 17.25 0 M 11 16.5 a 1.125 1.125 0 1 0 0 2.25 a 1.125 1.125 0 0 0 0 -2.25 z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="wifi"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-wifi"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="wifi" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Wifi |
+| **Slug** | `wifi` |
+| **Tag** | `internet`, `connection`, `network`, `signal`, `online`, `wifi` |
+
+## Laluan SVG
+
+```
+M 8.25 13.5 a 3.75 3.75 0 0 1 5.25 0 m -8.25 -3 a 7.5 7.5 0 0 1 11.25 0 m -14.25 -3 a 11.25 11.25 0 0 1 17.25 0 M 11 16.5 a 1.125 1.125 0 1 0 0 2.25 a 1.125 1.125 0 0 0 0 -2.25 z
+```
+
+## SVG Mentah
+
+```html
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M 8.25 13.5 a 3.75 3.75 0 0 1 5.25 0 m -8.25 -3 a 7.5 7.5 0 0 1 11.25 0 m -14.25 -3 a 11.25 11.25 0 0 1 17.25 0 M 11 16.5 a 1.125 1.125 0 1 0 0 2.25 a 1.125 1.125 0 0 0 0 -2.25 z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/window.md

@@ -0,0 +1,55 @@
+---
+title: Window
+---
+
+# Window
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25m-18 0V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6zM7.5 6h.008v.008H7.5V6zM9.75 6h.008v.008H9.75V6z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="window"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-window"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="window" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Window |
+| **Slug** | `window` |
+| **Tag** | `browser`, `app`, `ui`, `program`, `application`, `window` |
+
+## Laluan SVG
+
+```
+M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25m-18 0V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6zM7.5 6h.008v.008H7.5V6zM9.75 6h.008v.008H9.75V6z
+```
+
+## SVG Mentah
+
+```html
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25m-18 0V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6zM7.5 6h.008v.008H7.5V6zM9.75 6h.008v.008H9.75V6z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/x-mark.md

@@ -0,0 +1,55 @@
+---
+title: X Mark
+---
+
+# X Mark
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 18L18 6M6 6l12 12"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="x-mark"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-x-mark"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="x-mark" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | X Mark |
+| **Slug** | `x-mark` |
+| **Tag** | `close`, `delete`, `remove`, `cancel`, `stop`, `exit`, `deny`, `reject`, `wrong`, `clear`, `x-mark` |
+
+## Laluan SVG
+
+```
+M6 18L18 6M6 6l12 12
+```
+
+## SVG Mentah
+
+```html
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M6 18L18 6M6 6l12 12"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/index.md

@@ -0,0 +1,55 @@
+---
+layout: home
+
+hero:
+  name: "SenangStart Icons"
+  text: "Ikon cantik untuk projek web moden"
+  tagline: Pustaka ikon terkurasi, boleh disesuaikan, dan mudah digunakan
+  actions:
+    - theme: brand
+      text: Bermula
+      link: /ms/guide/getting-started
+    - theme: alt
+      text: Lihat di GitHub
+      link: https://github.com/bookklik-technologies/senangstart-icons
+  image:
+    src: /assets/senangstart-icons-logo.svg
+    alt: SenangStart Icons
+
+features:
+  - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 00-1.72 0L2.36 18.64a1.21 1.21 0 000 1.72l1.28 1.28a1.2 1.2 0 001.72 0L21.64 5.36a1.2 1.2 0 000-1.72M10.5 10.5l3 3M5 6v4M19 15v4M10 3v2M7 8H3M21 17h-4M11 4H9"></path></svg>
+    title: Boleh Disesuaikan
+    details: Mudah menyesuaikan warna, saiz, dan gaya untuk memadankan sistem reka bentuk anda.
+  - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h5L12 8 18 8 8.5 22l3.5-10h-6l2-9z"></path></svg>
+    title: Ringan
+    details: Ikon SVG yang dioptimumkan, pantas dimuatkan dan mesra prestasi.
+  - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9.90 5.32 L9.14 2.94 A9.5 9.5 0 0 1 14.86 2.94 L14.10 5.32 A7 7 0 0 1 16.73 6.84 L18.42 5.00 A9.5 9.5 0 0 1 21.27 9.94 L18.83 10.48 A7 7 0 0 1 18.83 13.52 L21.27 14.06 A9.5 9.5 0 0 1 18.42 19.00 L16.73 17.16 A7 7 0 0 1 14.10 18.68 L14.86 21.06 A9.5 9.5 0 0 1 9.14 21.06 L9.90 18.68 A7 7 0 0 1 7.27 17.16 L5.58 19.00 A9.5 9.5 0 0 1 2.73 14.06 L5.17 13.52 A7 7 0 0 1 5.17 10.48 L2.73 9.94 A9.5 9.5 0 0 1 5.58 5.00 L7.27 6.84 A7 7 0 0 1 9.90 5.32 Z M14.5 12 A2.5 2.5 0 1 0 9.5 12 A2.5 2.5 0 1 0 14.5 12 Z"></path></svg>
+    title: Integrasi Mudah
+    details: API mudah dengan pelbagai cara penggunaan - Web Components, CDN, atau npm.
+---
+
+<style>
+  .image-container .VPImage {
+    filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.2));
+  }
+</style>
+
+## Mula Pantas
+
+Tambah SenangStart Icons ke projek anda:
+
+```html
+<!-- CDN -->
+<script src="https://unpkg.com/@bookklik/senangstart-icons/dist/senangstart-icon.min.js"></script>
+
+<!-- Gunakan ikon -->
+<ss-icon icon="home"></ss-icon>
+<ss-icon icon="search" thicness="2"></ss-icon>
+<i class="ss ss-check"></i>
+```
+
+Atau pasang melalui npm:
+
+```bash
+npm install @bookklik/senangstart-icons
+```