@jegdev/sema-ui 0.0.6 → 0.0.8

package/LICENCE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright 2026 JEG Dev Studios
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,63 +1,63 @@
-# Sema UI
-
-![NPM Version](https://img.shields.io/npm/v/@jegdev/sema-ui)
-![License](https://img.shields.io/npm/l/@jegdev/sema-ui)
-![Built with Lit](https://img.shields.io/badge/built%20with-Lit-blue)
-
-[Español](#español) | [English](#english)
-
----
-
-## Español
-
-**La librería de componentes SEO-First.**
-Web components ligeros y accesibles que automatizan la visibilidad de tu sitio.
-
-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.
-
-### Contenido
-
-- [Características](#características)
-- [Instalación](#instalación)
-
-### Características
-
-- **🚀 Extremadamente Rápido:** Construido sobre Web Components nativos. Cero sobrecarga de framework.
-- **🔍 Automatización SEO:** Componentes como `<sema-brand>` o `<sema-breadcrumb>` generan automáticamente JSON-LD compatible con Google.
-- **♿ Accesible:** Cumple con WAI-ARIA desde el primer momento.
-- **🎨 Diseño Minimalista:** Inspirado en estéticas modernas (Shadcn/Vercel), listo para ser personalizado.
-- **⚛️ Agnóstico al Framework:** Funciona en React, Vue, Angular, Svelte o HTML puro.
-
-### Instalación
-
-```bash
-npm install @jegdev/sema-ui
-```
-
----
-
-## English
-
-**The SEO-First Component Library.**
-Lightweight, accessible web components that automate your site's visibility.
-
-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.
-
-### Contents
-
-- Features
-- Installation
-
-### Features
-
-- **🚀 Blazing Fast:** Built on native Web Components. Zero framework overhead.
-- **🔍 SEO Automations:** Components like `<sema-brand>` or `<sema-breadcrumb>` automatically generate Google-compliant JSON-LD.
-- **♿ Accessible:** WAI-ARIA compliant out of the box.
-- **🎨 Minimalist Design:** Inspired by modern aesthetics (Shadcn/Vercel), ready to be customized.
-- **⚛️ Framework Agnostic:** Works in React, Vue, Angular, Svelte, or vanilla HTML.
-
-### Installation
-
-```bash
-npm install @jegdev/sema-ui
-```
+# Sema UI
+
+![NPM Version](https://img.shields.io/npm/v/@jegdev/sema-ui)
+![License](https://img.shields.io/npm/l/@jegdev/sema-ui)
+![Built with Lit](https://img.shields.io/badge/built%20with-Lit-blue)
+
+[Español](#español) | [English](#english)
+
+---
+
+## Español
+
+**La librería de componentes SEO-First.**
+Web components ligeros y accesibles que automatizan la visibilidad de tu sitio.
+
+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.
+
+### Contenido
+
+- [Características](#características)
+- [Instalación](#instalación)
+
+### Características
+
+- **🚀 Extremadamente Rápido:** Construido sobre Web Components nativos. Cero sobrecarga de framework.
+- **🔍 Automatización SEO:** Componentes como `<sema-brand>` o `<sema-breadcrumb>` generan automáticamente JSON-LD compatible con Google.
+- **♿ Accesible:** Cumple con WAI-ARIA desde el primer momento.
+- **🎨 Diseño Minimalista:** Inspirado en estéticas modernas (Shadcn/Vercel), listo para ser personalizado.
+- **⚛️ Agnóstico al Framework:** Funciona en React, Vue, Angular, Svelte o HTML puro.
+
+### Instalación
+
+```bash
+npm install @jegdev/sema-ui
+```
+
+---
+
+## English
+
+**The SEO-First Component Library.**
+Lightweight, accessible web components that automate your site's visibility.
+
+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.
+
+### Contents
+
+- Features
+- Installation
+
+### Features
+
+- **🚀 Blazing Fast:** Built on native Web Components. Zero framework overhead.
+- **🔍 SEO Automations:** Components like `<sema-brand>` or `<sema-breadcrumb>` automatically generate Google-compliant JSON-LD.
+- **♿ Accessible:** WAI-ARIA compliant out of the box.
+- **🎨 Minimalist Design:** Inspired by modern aesthetics (Shadcn/Vercel), ready to be customized.
+- **⚛️ Framework Agnostic:** Works in React, Vue, Angular, Svelte, or vanilla HTML.
+
+### Installation
+
+```bash
+npm install @jegdev/sema-ui
+```

package/dist/index.d.ts

@@ -0,0 +1,76 @@
+import { CSSResult } from 'lit';
+import { LitElement } from 'lit';
+import { TemplateResult } from 'lit-html';
+
+declare interface DropdownCategory {
+    category: string;
+    items: DropdownItem[];
+}
+
+declare interface DropdownItem {
+    label: string;
+    path?: string;
+}
+
+export declare class SemaAccordion extends LitElement {
+    static styles: CSSResult[];
+    question: string;
+    answer: string;
+    color: string;
+    open: true | Boolean;
+    render(): TemplateResult<1>;
+    _changeIsOpen(): void;
+}
+
+export declare class SemaAlerts extends LitElement {
+    static styles: CSSResult[];
+    type: 'info' | 'warn' | 'error' | string;
+    title: string;
+    message: string;
+    render(): TemplateResult<1>;
+}
+
+export declare class SemaBreadcrumbs extends LitElement {
+    static styles: CSSResult[];
+    items: any[];
+    color: string;
+    render(): TemplateResult<1>;
+}
+
+export declare class SemaButton extends LitElement {
+    static styles: CSSResult[];
+    mode: 'outline' | 'ghost' | '';
+    kind: 'link' | 'button';
+    custom: 'on' | 'off';
+    firstColor?: string;
+    secondaryColor?: string;
+    size: 'sm' | 'md' | 'lg' | 'full';
+    fontSize: 'sm' | 'md' | 'lg' | 'xl';
+    url: string;
+    target: '_blank' | '_self';
+    altText: string;
+    render(): TemplateResult<1>;
+}
+
+export declare class SemaDropdown extends LitElement {
+    static styles: CSSResult[];
+    label: string;
+    color: string;
+    bgColor: string;
+    open: boolean;
+    items: (DropdownItem | DropdownCategory)[];
+    render(): TemplateResult<1>;
+    _changeIsOpen(): void;
+}
+
+export declare class SemaFaqs extends LitElement {
+    static styles: CSSResult[];
+    title: string;
+    color: string;
+    faqs: any[];
+    render(): TemplateResult<1>;
+}
+
+export declare const version = "0.0.1";
+
+export { }