@jegdev/sema-ui 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +63 -0
- package/package.json +42 -23
- package/index.html +0 -16
- package/src/index.ts +0 -1
- package/tsconfig.json +0 -27
package/README.md
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
# Sema UI
|
|
2
|
+
|
|
3
|
+

|
|
4
|
+

|
|
5
|
+

|
|
6
|
+
|
|
7
|
+
[Español](#español) | [English](#english)
|
|
8
|
+
|
|
9
|
+
---
|
|
10
|
+
|
|
11
|
+
## Español
|
|
12
|
+
|
|
13
|
+
**La librería de componentes SEO-First.**
|
|
14
|
+
Web components ligeros y accesibles que automatizan la visibilidad de tu sitio.
|
|
15
|
+
|
|
16
|
+
Sema UI es un sistema de diseño minimalista construido con [Lit](https://lit.dev/). Proporciona componentes de interfaz de usuario hermosos y fáciles de copiar y pegar que inyectan automáticamente datos estructurados de **Schema.org** (JSON-LD) y manejan los estándares de accesibilidad por ti.
|
|
17
|
+
|
|
18
|
+
### Contenido
|
|
19
|
+
|
|
20
|
+
- [Características](#características)
|
|
21
|
+
- [Instalación](#instalación)
|
|
22
|
+
|
|
23
|
+
### Características
|
|
24
|
+
|
|
25
|
+
- **🚀 Extremadamente Rápido:** Construido sobre Web Components nativos. Cero sobrecarga de framework.
|
|
26
|
+
- **🔍 Automatización SEO:** Componentes como `<sema-brand>` o `<sema-breadcrumb>` generan automáticamente JSON-LD compatible con Google.
|
|
27
|
+
- **♿ Accesible:** Cumple con WAI-ARIA desde el primer momento.
|
|
28
|
+
- **🎨 Diseño Minimalista:** Inspirado en estéticas modernas (Shadcn/Vercel), listo para ser personalizado.
|
|
29
|
+
- **⚛️ Agnóstico al Framework:** Funciona en React, Vue, Angular, Svelte o HTML puro.
|
|
30
|
+
|
|
31
|
+
### Instalación
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
npm install @jegdev/sema-ui
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
39
|
+
## English
|
|
40
|
+
|
|
41
|
+
**The SEO-First Component Library.**
|
|
42
|
+
Lightweight, accessible web components that automate your site's visibility.
|
|
43
|
+
|
|
44
|
+
Sema UI is a minimalist design system built with [Lit](https://lit.dev/). It provides beautiful, copy-paste friendly UI components that automatically inject **Schema.org** structured data (JSON-LD) and handle accessibility standards for you.
|
|
45
|
+
|
|
46
|
+
### Contents
|
|
47
|
+
|
|
48
|
+
- Features
|
|
49
|
+
- Installation
|
|
50
|
+
|
|
51
|
+
### Features
|
|
52
|
+
|
|
53
|
+
- **🚀 Blazing Fast:** Built on native Web Components. Zero framework overhead.
|
|
54
|
+
- **🔍 SEO Automations:** Components like `<sema-brand>` or `<sema-breadcrumb>` automatically generate Google-compliant JSON-LD.
|
|
55
|
+
- **♿ Accessible:** WAI-ARIA compliant out of the box.
|
|
56
|
+
- **🎨 Minimalist Design:** Inspired by modern aesthetics (Shadcn/Vercel), ready to be customized.
|
|
57
|
+
- **⚛️ Framework Agnostic:** Works in React, Vue, Angular, Svelte, or vanilla HTML.
|
|
58
|
+
|
|
59
|
+
### Installation
|
|
60
|
+
|
|
61
|
+
```bash
|
|
62
|
+
npm install @jegdev/sema-ui
|
|
63
|
+
```
|
package/package.json
CHANGED
|
@@ -1,23 +1,42 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@jegdev/sema-ui",
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"type": "module",
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "@jegdev/sema-ui",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "0.0.3",
|
|
5
|
+
"description": "Una colección de componentes Lit minimalistas estilo Swiss Design",
|
|
6
|
+
"keywords": ["Next", "React", "Angular", "Vue", "Astro", "Lit"],
|
|
7
|
+
"type": "module",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
11
|
+
"license": "MIT",
|
|
12
|
+
"author": "JEG Dev Studios",
|
|
13
|
+
"contributors": ["JhonnDevJS", "JasubiPL"],
|
|
14
|
+
"main": "./dist/sema-ui.umd.js",
|
|
15
|
+
"module": "./dist/sema-ui.es.js",
|
|
16
|
+
"homepage": "https://github.com/JEGDevStudios/Sema-UI",
|
|
17
|
+
"repository": {
|
|
18
|
+
"type": "git",
|
|
19
|
+
"url": "https://github.com/JEGDevStudios/Sema-UI"
|
|
20
|
+
},
|
|
21
|
+
"exports": {
|
|
22
|
+
".": {
|
|
23
|
+
"import": "./dist/sema-ui.es.js",
|
|
24
|
+
"require": "./dist/sema-ui.umd.js"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
|
|
28
|
+
"publishConfig": {
|
|
29
|
+
"access": "public"
|
|
30
|
+
},
|
|
31
|
+
|
|
32
|
+
"scripts": {
|
|
33
|
+
"dev": "vite",
|
|
34
|
+
"build": "vite build"
|
|
35
|
+
},
|
|
36
|
+
"dependencies": {
|
|
37
|
+
"lit": "^3.0.0"
|
|
38
|
+
},
|
|
39
|
+
"devDependencies": {
|
|
40
|
+
"vite": "^7.3.1"
|
|
41
|
+
}
|
|
42
|
+
}
|
package/index.html
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>sema-ui</title>
|
|
8
|
-
<link rel="stylesheet" href="./src/index.css" />
|
|
9
|
-
<script type="module" src="/src/my-element.ts"></script>
|
|
10
|
-
</head>
|
|
11
|
-
<body>
|
|
12
|
-
<my-element>
|
|
13
|
-
<h1>Vite + Lit</h1>
|
|
14
|
-
</my-element>
|
|
15
|
-
</body>
|
|
16
|
-
</html>
|
package/src/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const version = '0.0.1';
|
package/tsconfig.json
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "ES2022",
|
|
4
|
-
"experimentalDecorators": true,
|
|
5
|
-
"useDefineForClassFields": false,
|
|
6
|
-
"module": "ESNext",
|
|
7
|
-
"lib": ["ES2022", "DOM", "DOM.Iterable"],
|
|
8
|
-
"types": ["vite/client"],
|
|
9
|
-
"skipLibCheck": true,
|
|
10
|
-
|
|
11
|
-
/* Bundler mode */
|
|
12
|
-
"moduleResolution": "bundler",
|
|
13
|
-
"allowImportingTsExtensions": true,
|
|
14
|
-
"verbatimModuleSyntax": true,
|
|
15
|
-
"moduleDetection": "force",
|
|
16
|
-
"noEmit": true,
|
|
17
|
-
|
|
18
|
-
/* Linting */
|
|
19
|
-
"strict": true,
|
|
20
|
-
"noUnusedLocals": true,
|
|
21
|
-
"noUnusedParameters": true,
|
|
22
|
-
"erasableSyntaxOnly": true,
|
|
23
|
-
"noFallthroughCasesInSwitch": true,
|
|
24
|
-
"noUncheckedSideEffectImports": true
|
|
25
|
-
},
|
|
26
|
-
"include": ["src"]
|
|
27
|
-
}
|