npm - reke-ui - Versions diffs - 0.1.0 - Mend

reke-ui 0.1.0

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.

Files changed (80) hide show

package/dist/reke-ui.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { R as k, a as R, b as s, c as o, d as t, e as l, f as g, g as p, h as i, i as n, j as r, k as T, l as d, m as b, n as c, o as h, p as m } from "./reke-chip-Xb0Y_Cqo.js";
+export {
+  k as RekeAlert,
+  R as RekeBadge,
+  s as RekeButton,
+  o as RekeCard,
+  t as RekeCheckbox,
+  l as RekeChip,
+  g as RekeDateRange,
+  p as RekeDialog,
+  i as RekeElement,
+  n as RekeFileUpload,
+  r as RekeInput,
+  T as RekeSelect,
+  d as RekeTable,
+  b as RekeTextarea,
+  c as RekeToast,
+  h as RekeToggle,
+  m as RekeTooltip
+};

package/dist/shared/base-element.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class RekeElement extends LitElement {
+    protected emit<T>(name: string, detail?: T): boolean;
+}
+//# sourceMappingURL=base-element.d.ts.map

package/dist/shared/base-element.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"base-element.d.ts","sourceRoot":"","sources":["../../src/shared/base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,qBAAa,WAAY,SAAQ,UAAU;IACzC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,OAAO;CAUrD"}

package/dist/shared/tailwind-styles.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const tailwindStyles: import("lit").CSSResult;
2	+ //# sourceMappingURL=tailwind-styles.d.ts.map

package/dist/shared/tailwind-styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"tailwind-styles.d.ts","sourceRoot":"","sources":["../../src/shared/tailwind-styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBAAyB,CAAC"}

package/dist/tokens/reke-tokens.css ADDED Viewed

@@ -0,0 +1,107 @@
+/* ================================================================
+   reke-ui Design Tokens
+   Usage:
+     <html>                          → Dark (default)
+     <html data-reke-theme="dark">   → Dark (explicit)
+     <html data-reke-theme="light">  → Light
+     <html data-reke-theme="auto">   → Follows OS preference
+   Override tokens in your project:
+     :root { --reke-color-primary: #6366F1; }
+   ================================================================ */
+/* ===== Shared tokens (theme-independent) ===== */
+:root {
+  /* Accent colors */
+  --reke-color-primary: #22C55E;
+  --reke-color-secondary: #3B82F6;
+  --reke-color-danger: #EF4444;
+  --reke-color-warning: #F59E0B;
+  /* Typography */
+  --reke-font-mono: 'JetBrains Mono', ui-monospace, monospace;
+  --reke-font-size-2xs: 11px;
+  --reke-font-size-xs: 12px;
+  --reke-font-size-sm: 13px;
+  --reke-font-size-md: 14px;
+  --reke-font-size-lg: 18px;
+  --reke-font-size-xl: 36px;
+  --reke-font-size-2xl: 48px;
+  --reke-font-weight-normal: 400;
+  --reke-font-weight-medium: 500;
+  --reke-font-weight-semibold: 600;
+  /* Spacing */
+  --reke-space-2xs: 6px;
+  --reke-space-xs: 8px;
+  --reke-space-sm: 12px;
+  --reke-space-md: 16px;
+  --reke-space-lg: 20px;
+  --reke-space-xl: 24px;
+  --reke-space-2xl: 28px;
+  --reke-space-3xl: 48px;
+  --reke-space-4xl: 64px;
+  --reke-space-5xl: 80px;
+  /* Radii */
+  --reke-radius: 4px;
+}
+/* ===== Dark theme (default) ===== */
+:root,
+[data-reke-theme="dark"] {
+  --reke-color-on-primary: #0A0A0B;
+  --reke-color-bg: #0A0A0B;
+  --reke-color-bg-section: #0F0F10;
+  --reke-color-surface: #1A1A1A;
+  --reke-color-surface-elevated: #151515;
+  --reke-color-border: #252525;
+  --reke-color-border-subtle: #1F1F1F;
+  --reke-color-text: #E5E5E5;
+  --reke-color-text-muted: #525252;
+  --reke-color-text-ghost: #737373;
+  --reke-color-text-disabled: #3B3B3B;
+  --reke-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --reke-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
+}
+/* ===== Light theme ===== */
+[data-reke-theme="light"] {
+  --reke-color-on-primary: #FFFFFF;
+  --reke-color-bg: #FFFFFF;
+  --reke-color-bg-section: #F8F8F8;
+  --reke-color-surface: #FFFFFF;
+  --reke-color-surface-elevated: #F0F0F0;
+  --reke-color-border: #E0E0E0;
+  --reke-color-border-subtle: #EBEBEB;
+  --reke-color-text: #1A1A1A;
+  --reke-color-text-muted: #8A8A8A;
+  --reke-color-text-ghost: #9A9A9A;
+  --reke-color-text-disabled: #C0C0C0;
+  --reke-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
+  --reke-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+/* ===== Auto-detect OS preference (opt-in) ===== */
+@media (prefers-color-scheme: light) {
+  [data-reke-theme="auto"] {
+    --reke-color-on-primary: #FFFFFF;
+    --reke-color-bg: #FFFFFF;
+    --reke-color-bg-section: #F8F8F8;
+    --reke-color-surface: #FFFFFF;
+    --reke-color-surface-elevated: #F0F0F0;
+    --reke-color-border: #E0E0E0;
+    --reke-color-border-subtle: #EBEBEB;
+    --reke-color-text: #1A1A1A;
+    --reke-color-text-muted: #8A8A8A;
+    --reke-color-text-ghost: #9A9A9A;
+    --reke-color-text-disabled: #C0C0C0;
+    --reke-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
+    --reke-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+  }
+}

package/package.json ADDED Viewed

@@ -0,0 +1,149 @@
+{
+  "name": "reke-ui",
+  "version": "0.1.0",
+  "description": "Web Component library built with Lit 3 — dark & light themes",
+  "type": "module",
+  "main": "./dist/reke-ui.js",
+  "module": "./dist/reke-ui.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/reke-ui.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "default": "./dist/react.js"
+    },
+    "./button": {
+      "types": "./dist/components/reke-button/reke-button.d.ts",
+      "default": "./dist/components/reke-button/reke-button.js"
+    },
+    "./input": {
+      "types": "./dist/components/reke-input/reke-input.d.ts",
+      "default": "./dist/components/reke-input/reke-input.js"
+    },
+    "./textarea": {
+      "types": "./dist/components/reke-textarea/reke-textarea.d.ts",
+      "default": "./dist/components/reke-textarea/reke-textarea.js"
+    },
+    "./checkbox": {
+      "types": "./dist/components/reke-checkbox/reke-checkbox.d.ts",
+      "default": "./dist/components/reke-checkbox/reke-checkbox.js"
+    },
+    "./toggle": {
+      "types": "./dist/components/reke-toggle/reke-toggle.d.ts",
+      "default": "./dist/components/reke-toggle/reke-toggle.js"
+    },
+    "./badge": {
+      "types": "./dist/components/reke-badge/reke-badge.d.ts",
+      "default": "./dist/components/reke-badge/reke-badge.js"
+    },
+    "./card": {
+      "types": "./dist/components/reke-card/reke-card.d.ts",
+      "default": "./dist/components/reke-card/reke-card.js"
+    },
+    "./tooltip": {
+      "types": "./dist/components/reke-tooltip/reke-tooltip.d.ts",
+      "default": "./dist/components/reke-tooltip/reke-tooltip.js"
+    },
+    "./dialog": {
+      "types": "./dist/components/reke-dialog/reke-dialog.d.ts",
+      "default": "./dist/components/reke-dialog/reke-dialog.js"
+    },
+    "./select": {
+      "types": "./dist/components/reke-select/reke-select.d.ts",
+      "default": "./dist/components/reke-select/reke-select.js"
+    },
+    "./table": {
+      "types": "./dist/components/reke-table/reke-table.d.ts",
+      "default": "./dist/components/reke-table/reke-table.js"
+    },
+    "./date-range": {
+      "types": "./dist/components/reke-date-range/reke-date-range.d.ts",
+      "default": "./dist/components/reke-date-range/reke-date-range.js"
+    },
+    "./file-upload": {
+      "types": "./dist/components/reke-file-upload/reke-file-upload.d.ts",
+      "default": "./dist/components/reke-file-upload/reke-file-upload.js"
+    },
+    "./alert": {
+      "types": "./dist/components/reke-alert/reke-alert.d.ts",
+      "default": "./dist/components/reke-alert/reke-alert.js"
+    },
+    "./toast": {
+      "types": "./dist/components/reke-toast/reke-toast.d.ts",
+      "default": "./dist/components/reke-toast/reke-toast.js"
+    },
+    "./chip": {
+      "types": "./dist/components/reke-chip/reke-chip.d.ts",
+      "default": "./dist/components/reke-chip/reke-chip.js"
+    },
+    "./tokens/css": "./dist/tokens/reke-tokens.css"
+  },
+  "files": [
+    "dist",
+    "custom-elements.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly && mkdir -p dist/tokens && cp src/tokens/reke-tokens.css dist/tokens/",
+    "build:storybook": "storybook build",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "analyze": "cem analyze --litelement",
+    "lint": "tsc --noEmit",
+    "prepublishOnly": "npm run build && npm run analyze"
+  },
+  "keywords": [
+    "web-components",
+    "lit",
+    "lit-element",
+    "design-system",
+    "components",
+    "ui",
+    "typescript"
+  ],
+  "author": "Jesús Requena Pérez",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JReque/reke-ui.git"
+  },
+  "homepage": "https://github.com/JReque/reke-ui",
+  "bugs": {
+    "url": "https://github.com/JReque/reke-ui/issues"
+  },
+  "customElements": "custom-elements.json",
+  "dependencies": {
+    "@lit/react": "^1.0.8",
+    "lit": "^3.3.2"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "@storybook/addon-a11y": "^10.2.11",
+    "@storybook/web-components-vite": "^10.2.11",
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/react": "^18.3.28",
+    "@vitest/browser": "^4.0.18",
+    "@vitest/browser-playwright": "^4.0.18",
+    "axe-core": "^4.11.1",
+    "playwright": "^1.58.2",
+    "react": "^19.2.4",
+    "storybook": "^10.2.11",
+    "tailwindcss": "^4.2.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
+  }
+}