@ccslabs/xtend 0.1.0-rc.1

package/xtend.css

@@ -0,0 +1,402 @@
+:root {
+  /* Colors */
+  --primary-color: #007bff;
+  --secondary-color: #6c757d;
+  --info-color: #17a2b8;
+  --success-color: #28a745;
+  --warning-color: #ffc107;
+  --error-color: #dc3545;
+  --background-color: #ffffff;
+  --text-color: #000000;
+
+  /* Spacing */
+  --spacing-small: 0.5em;
+  --spacing-medium: 1em;
+  --spacing-large: 2em;
+
+  /* Typography */
+  --font-size-small: 0.875rem;
+  --font-size-medium: 1rem;
+  --font-size-large: 1.25rem;
+
+  /* Shadows */
+  --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
+  --shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.5);
+
+  --border-radius: 4px;
+  --padding: 0.5em 1em;
+  --focus-outline: 2px solid #0056b3;
+  --form-background: #ffffff;
+  --xtend-skeleton-bg: rgba(148, 163, 184, 0.16);
+  --xtend-skeleton-highlight: rgba(255, 255, 255, 0.72);
+  --xtend-skeleton-surface: rgba(148, 163, 184, 0.12);
+  --xtend-skeleton-line-bg: rgba(148, 163, 184, 0.24);
+}
+
+html {
+  box-sizing: border-box;
+  max-width: 100%;
+  overflow-x: hidden;
+  overflow-x: clip;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+body {
+  min-width: 0;
+  max-width: 100%;
+  overflow-x: hidden;
+  overflow-x: clip;
+}
+
+img,
+video,
+canvas,
+iframe,
+object,
+embed {
+  max-width: 100%;
+}
+
+img,
+video {
+  height: auto;
+}
+
+pre {
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+main {
+  box-sizing: border-box;
+  min-width: 0;
+  width: 100%;
+  padding: var(--xtend-main-padding, 0);
+}
+
+section {
+  box-sizing: border-box;
+  min-width: 0;
+  margin-block-end: var(--xtend-section-margin-block-end, 0);
+}
+
+[data-theme="dark"] {
+  --primary-color: #0d6efd;
+  --secondary-color: #adb5bd;
+  --info-color: #17a2b8;
+  --success-color: #28a745;
+  --warning-color: #ffc107;
+  --error-color: #dc3545;
+  --background-color: #121212;
+  --text-color: #f0f0f0;
+  --form-background: #1e1e1e;
+  --shadow-light: var(--shadow-dark);
+  --card-bg: #1e1e1e;
+  --card-text: #ffffff;
+  --section-bg: #1e1e1e;
+  --primary-color-hover: #0a58ca;
+  --xtend-skeleton-bg: rgba(148, 163, 184, 0.12);
+  --xtend-skeleton-highlight: rgba(226, 232, 240, 0.10);
+  --xtend-skeleton-surface: rgba(226, 232, 240, 0.045);
+  --xtend-skeleton-line-bg: rgba(148, 163, 184, 0.18);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    --xtend-skeleton-bg: rgba(148, 163, 184, 0.12);
+    --xtend-skeleton-highlight: rgba(226, 232, 240, 0.10);
+    --xtend-skeleton-surface: rgba(226, 232, 240, 0.045);
+    --xtend-skeleton-line-bg: rgba(148, 163, 184, 0.18);
+  }
+}
+
+body {
+  background-color: var(--background-color);
+  color: var(--text-color);
+  font-family: sans-serif;
+  margin: 0;
+  padding: 0;
+  line-height: 1.6;
+}
+
+body[xt-ui-effects~="fade-in"],
+body[data-xt-ui-effects~="fade-in"] {
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity var(--xt-ui-effects-fade-duration, 0.5s) ease;
+}
+
+body[xt-ui-effects~="fade-in"][data-xt-ui-effects-ready="true"],
+body[data-xt-ui-effects~="fade-in"][data-xt-ui-effects-ready="true"],
+body[data-xt-ui-effects-state="ready"] {
+  visibility: visible;
+  opacity: 1;
+}
+
+@keyframes xtend-skeleton-shimmer {
+  0% {
+    background-position: 160% 0;
+  }
+  100% {
+    background-position: -160% 0;
+  }
+}
+
+[data-xtend-skeleton]:not(:defined) {
+  display: block;
+  position: relative;
+  min-width: 0;
+  min-height: var(--xtend-skeleton-min-height, 4rem);
+  overflow: hidden;
+  contain: layout paint;
+  pointer-events: none;
+  color: transparent !important;
+  border-radius: var(--xtend-skeleton-radius, 8px);
+  background:
+    linear-gradient(
+      90deg,
+      var(--xtend-skeleton-bg, rgba(148, 163, 184, 0.16)) 0%,
+      var(--xtend-skeleton-highlight, rgba(255, 255, 255, 0.72)) 48%,
+      var(--xtend-skeleton-bg, rgba(148, 163, 184, 0.16)) 100%
+    );
+  background-size: 220% 100%;
+  animation: xtend-skeleton-shimmer var(--xtend-skeleton-speed, 1.1s) ease-in-out infinite;
+}
+
+[data-xtend-skeleton]:not(:defined) > * {
+  visibility: hidden !important;
+}
+
+[data-xtend-skeleton="inline"]:not(:defined) {
+  display: inline-block;
+  min-width: var(--xtend-skeleton-width, 7rem);
+  min-height: var(--xtend-skeleton-min-height, 2.25rem);
+  vertical-align: middle;
+}
+
+x-alert:not(:defined):not([data-xtend-skeleton]),
+x-button:not(:defined):not([data-xtend-skeleton]),
+x-calendar:not(:defined):not([data-xtend-skeleton]),
+x-cards:not(:defined):not([data-xtend-skeleton]),
+x-checkbox:not(:defined):not([data-xtend-skeleton]),
+x-code:not(:defined):not([data-xtend-skeleton]),
+x-dialog:not(:defined):not([data-xtend-skeleton]),
+x-drawer:not(:defined):not([data-xtend-skeleton]),
+x-footer:not(:defined):not([data-xtend-skeleton]),
+x-form:not(:defined):not([data-xtend-skeleton]),
+x-header:not(:defined):not([data-xtend-skeleton]),
+x-hero:not(:defined):not([data-xtend-skeleton]),
+x-icon:not(:defined):not([data-xtend-skeleton]),
+x-input:not(:defined):not([data-xtend-skeleton]),
+x-lightbox:not(:defined):not([data-xtend-skeleton]),
+x-link:not(:defined):not([data-xtend-skeleton]),
+x-masonry:not(:defined):not([data-xtend-skeleton]),
+x-menu:not(:defined):not([data-xtend-skeleton]),
+x-modal:not(:defined):not([data-xtend-skeleton]),
+x-player:not(:defined):not([data-xtend-skeleton]),
+x-popover:not(:defined):not([data-xtend-skeleton]),
+x-progress:not(:defined):not([data-xtend-skeleton]),
+x-radio:not(:defined):not([data-xtend-skeleton]),
+x-router:not(:defined):not([data-xtend-skeleton]),
+x-section:not(:defined):not([data-xtend-skeleton]),
+x-select:not(:defined):not([data-xtend-skeleton]),
+x-side-panel:not(:defined):not([data-xtend-skeleton]),
+x-spinner:not(:defined):not([data-xtend-skeleton]),
+x-status:not(:defined):not([data-xtend-skeleton]),
+x-summary:not(:defined):not([data-xtend-skeleton]),
+x-surface-manager:not(:defined):not([data-xtend-skeleton]),
+x-surface-window:not(:defined):not([data-xtend-skeleton]),
+x-tabs:not(:defined):not([data-xtend-skeleton]),
+x-textarea:not(:defined):not([data-xtend-skeleton]),
+x-toast:not(:defined):not([data-xtend-skeleton]),
+x-tooltip:not(:defined):not([data-xtend-skeleton]),
+x-type:not(:defined):not([data-xtend-skeleton]),
+x-writer:not(:defined):not([data-xtend-skeleton]),
+xtend-doc-page:not(:defined):not([data-xtend-skeleton]) {
+  visibility: hidden;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  body[xt-ui-effects~="fade-in"],
+  body[data-xt-ui-effects~="fade-in"],
+  [data-xtend-skeleton]:not(:defined) {
+    transition-duration: 0.01ms;
+    animation-duration: 0.01ms;
+    animation-iteration-count: 1;
+  }
+}
+
+a {
+  color: var(--primary-color);
+  text-decoration: none;
+}
+
+a:focus {
+  outline: var(--focus-outline);
+}
+
+/* Framework-Wide CSS Changes */
+
+/* General Button Styles */
+button, [role="tab"], [role="menuitem"], [role="button"] {
+  cursor: pointer;
+  border: none;
+  border-radius: var(--border-radius);
+  padding: var(--padding);
+  background: var(--primary-color);
+  color: #fff;
+  font-size: 1em;
+  transition: background 0.3s ease;
+}
+
+button:hover, [role="tab"]:hover, [role="menuitem"]:hover, [role="button"]:hover {
+  background: var(--primary-color-hover, #0056b3);
+}
+
+button:focus, [role="tab"]:focus, [role="menuitem"]:focus, [role="button"]:focus {
+  outline: var(--focus-outline);
+}
+
+/* Section Styles */
+.section {
+  padding: 4rem 2rem;
+}
+
+.section-title {
+  text-align: center;
+  font-size: 2rem;
+  margin-bottom: 2rem;
+}
+
+.section-description {
+  text-align: center;
+  max-width: 800px;
+  margin: 0 auto;
+  font-size: 1.2rem;
+}
+
+/* Features Section */
+.features {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 1rem;
+}
+
+.feature-card {
+  background: var(--card-bg, #ffffff);
+  color: var(--card-text, #000000);
+  padding: 1.5rem;
+  border-radius: var(--border-radius);
+  box-shadow: var(--shadow-light);
+  text-align: center;
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.feature-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+}
+
+.feature-icon {
+  width: 48px;
+  margin-bottom: 1rem;
+}
+
+/* Comparison Section */
+.comparison-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 2rem;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.comparison-card {
+  background: var(--card-bg, #ffffff);
+  padding: 1.5rem;
+  border-radius: var(--border-radius);
+  box-shadow: var(--shadow-light);
+}
+
+/* Opt-in legacy/prose layout. Keep semantic <main> neutral for App Shells. */
+.xtend-prose,
+.xtend-centered-main {
+  padding: 2em;
+  max-width: 800px;
+  margin: auto;
+}
+
+/*.tab {
+  background: transparent;
+  border: none;
+  padding: var(--padding);
+  font-weight: bold;
+  cursor: pointer;
+  color: var(--text-color);
+}
+.tab[aria-selected="true"] {
+  color: var(--primary-color);
+  border-bottom: 2px solid var(--primary-color);
+} */
+x-tab.panel {
+  display: none;
+}
+x-tab.panel.active {
+  display: block;
+}
+
+/* Card Styles */
+x-card {
+  --card-bg: #ffffff;
+  --card-border: #ddd;
+  --card-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+  --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1);
+  --card-padding: 1.5rem;
+  --card-title-font-size: 1.25rem;
+  --card-text-font-size: 1rem;
+  --card-title-color: inherit;
+  --card-text-color: inherit;
+}
+
+[data-theme="dark"] x-card {
+  --card-bg: #1e1e1e;
+  --card-border: #444;
+  --card-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.3);
+  --card-title-color: #ffffff;
+  --card-text-color: #cccccc;
+}
+
+/* Navigation Styles */
+x-header nav x-link {
+  display: inline-block;
+  padding: var(--padding);
+  color: var(--primary-color);
+  text-decoration: none;
+  border-radius: var(--border-radius);
+  font-size: 1em;
+  margin: 0 0.25em;
+  background: transparent;
+  transition: background 0.2s, color 0.2s;
+  cursor: pointer;
+  vertical-align: middle;
+  line-height: 1.5;
+}
+x-header nav x-link[active],
+x-header nav x-link:active {
+  background: var(--primary-color);
+  color: #fff !important;
+}
+x-header nav x-link:hover,
+x-header nav x-link:focus {
+  background: var(--primary-color-hover, #0056b3);
+  color: #fff !important;
+}
+x-header nav x-link * {
+  color: inherit !important;
+}

package/xtendrmt/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@ccslabs/xtend-rmt",
+  "version": "0.1.0-rc.1",
+  "private": false,
+  "description": "XTendRMT scheduler runtime and browser bridge.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/konnilabs/xtend.git",
+    "directory": "xtendrmt"
+  },
+  "type": "module",
+  "keywords": [
+    "ccslabs",
+    "xtend",
+    "xtendrmt",
+    "scheduler",
+    "runtime"
+  ],
+  "main": "./rmt-runtime.esm.js",
+  "types": "./rmt-core.d.ts",
+  "browser": "./rmt-runtime.browser.js",
+  "files": [
+    "rmt-core.d.ts",
+    "rmt-core.esm.js",
+    "rmt-runtime.esm.js",
+    "rmt-runtime.browser.js",
+    "rmt.schema.json",
+    "rmt-manifest.json",
+    "package.json"
+  ],
+  "exports": {
+    ".": {
+      "types": "./rmt-core.d.ts",
+      "browser": "./rmt-runtime.browser.js",
+      "default": "./rmt-runtime.esm.js"
+    },
+    "./core": {
+      "types": "./rmt-core.d.ts",
+      "default": "./rmt-core.esm.js"
+    },
+    "./runtime": {
+      "types": "./rmt-core.d.ts",
+      "browser": "./rmt-runtime.browser.js",
+      "default": "./rmt-runtime.esm.js"
+    },
+    "./browser": {
+      "types": "./rmt-core.d.ts",
+      "browser": "./rmt-runtime.browser.js",
+      "default": "./rmt-runtime.browser.js"
+    },
+    "./schema": "./rmt.schema.json",
+    "./manifest": "./rmt-manifest.json",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "tag": "next"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}