@sankhyatronics/sankhya-cms 0.0.0-stage → 0.0.9

package/dist/themes.css

@@ -0,0 +1,65 @@
+:root.dark {
+   --st-primary-color: oklch(97.913% 0.00011 271.152);
+   --st-primary-background: oklch(11.862% 0.03663 260.411 / 0.808);
+   --st-font-family: "Open Sans";
+}
+
+:root.red {
+   --st-primary-color: oklch(25.8% 0.092 26.042);
+   --st-primary-background: oklch(97.1% 0.013 17.38);
+   --st-font-family: 'Arimo';
+}
+
+:root.amber {
+   --st-primary-color: oklch(27.9% 0.077 45.635);
+   --st-primary-background: oklch(98.7% 0.022 95.277);
+   --st-font-family: "Open Sans";
+}
+
+:root.lime {
+   --st-primary-color: oklch(27.4% 0.072 132.109);
+   --st-primary-background: oklch(98.6% 0.031 120.757);
+   --st-font-family: "Quicksand";
+}
+
+:root.teal {
+   --st-primary-color: oklch(27.7% 0.046 192.524);
+   --st-primary-background: oklch(98.4% 0.014 180.72);
+   --st-font-family: "Nunito";
+}
+
+:root.cyan {
+   --st-primary-color: oklch(30.2% 0.056 229.695);
+   --st-primary-background: oklch(98.4% 0.019 200.873);
+   --st-font-family: "Arimo";
+}
+
+:root.sky {
+   --st-primary-color: oklch(29.3% 0.066 243.157);
+   --st-primary-background: oklch(97.7% 0.013 236.62);
+   --st-font-family: "Almendra";
+}
+
+:root.blue {
+   --st-primary-color: oklch(28.2% 0.091 267.935);
+   --st-primary-background: oklch(97% 0.014 254.604);
+   --st-font-family: "Miranda Sans";
+}
+
+:root.indigo {
+   --st-primary-color: oklch(25.7% 0.09 281.288);
+   --st-primary-background: oklch(96.2% 0.018 272.314);
+   --st-font-family: "Nunito";
+}
+
+:root.fuchsia {
+   --st-primary-color: oklch(29.3% 0.136 325.661);
+   --st-primary-background: oklch(97.7% 0.017 320.058);
+   --st-font-family: "Quicksand";
+}
+
+:root.pink {
+   --st-primary-color: oklch(28.4% 0.109 3.907);
+   --st-primary-background: oklch(97.1% 0.014 343.198);
+   --st-font-family: "Open Sans";
+}

package/dist/theming/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Theme runtime for `themes.css`: the list of themes, and applying one to `<html>`.
+ * Framework-free and storage-free — where the chosen theme is remembered is up to the host app.
+ */
+interface ThemeOption {
+    value: string;
+    label: string;
+    /** Approximate color for a picker swatch, not the palette itself (that's `themes.css`). */
+    swatch: string;
+    dark: boolean;
+}
+declare const DEFAULT_THEME = "default";
+/** `'default'` applies no class (the base palette); every other value is a class in `themes.css`. */
+declare const THEMES: readonly ThemeOption[];
+declare function isTheme(value: unknown): value is string;
+/** The theme to use when nobody has chosen one: `dark` if the OS prefers it, else `default`. */
+declare function systemTheme(): string;
+/** Calls `onChange` when the OS light/dark setting flips; returns an unsubscribe function. */
+declare function watchSystemTheme(onChange: (theme: string) => void): () => void;
+/**
+ * Applies a theme to `<html>`: swaps only the theme classes (other classes on the element are left
+ * alone) and sets `color-scheme` so native controls and scrollbars match. `null`/`undefined` means
+ * "nobody chose", which follows the OS; an unknown value falls back to `default`. Returns the
+ * theme actually applied.
+ */
+declare function applyTheme(theme: string | null | undefined): string;
+
+export { DEFAULT_THEME, THEMES, type ThemeOption, applyTheme, isTheme, systemTheme, watchSystemTheme };

package/dist/theming/index.js

@@ -0,0 +1,53 @@
+import "../chunk-EUXUH3YW.js";
+
+// src/theming/index.ts
+var DEFAULT_THEME = "default";
+var THEMES = [
+  { value: "default", label: "Default", swatch: "#94a3b8", dark: false },
+  { value: "dark", label: "Dark", swatch: "#1f2937", dark: true },
+  { value: "red", label: "Red", swatch: "#ef4444", dark: false },
+  { value: "amber", label: "Amber", swatch: "#f59e0b", dark: false },
+  { value: "lime", label: "Lime", swatch: "#84cc16", dark: false },
+  { value: "teal", label: "Teal", swatch: "#14b8a6", dark: false },
+  { value: "cyan", label: "Cyan", swatch: "#06b6d4", dark: false },
+  { value: "sky", label: "Sky", swatch: "#0ea5e9", dark: false },
+  { value: "blue", label: "Blue", swatch: "#3b82f6", dark: false },
+  { value: "indigo", label: "Indigo", swatch: "#6366f1", dark: false },
+  { value: "fuchsia", label: "Fuchsia", swatch: "#d946ef", dark: false },
+  { value: "pink", label: "Pink", swatch: "#ec4899", dark: false }
+];
+function isTheme(value) {
+  return typeof value === "string" && THEMES.some((theme) => theme.value === value);
+}
+var THEME_CLASSES = THEMES.filter((theme) => theme.value !== DEFAULT_THEME).map((theme) => theme.value);
+var DARK_QUERY = "(prefers-color-scheme: dark)";
+function systemTheme() {
+  if (typeof window === "undefined" || !window.matchMedia) return DEFAULT_THEME;
+  return window.matchMedia(DARK_QUERY).matches ? "dark" : DEFAULT_THEME;
+}
+function watchSystemTheme(onChange) {
+  if (typeof window === "undefined" || !window.matchMedia) return () => {
+  };
+  const query = window.matchMedia(DARK_QUERY);
+  const listener = () => onChange(systemTheme());
+  query.addEventListener("change", listener);
+  return () => query.removeEventListener("change", listener);
+}
+function applyTheme(theme) {
+  const resolved = theme === null || theme === void 0 ? systemTheme() : isTheme(theme) ? theme : DEFAULT_THEME;
+  if (typeof document === "undefined") return resolved;
+  const root = document.documentElement;
+  root.classList.remove(...THEME_CLASSES);
+  if (resolved !== DEFAULT_THEME) root.classList.add(resolved);
+  root.style.colorScheme = THEMES.find((option) => option.value === resolved)?.dark ? "dark" : "light";
+  return resolved;
+}
+export {
+  DEFAULT_THEME,
+  THEMES,
+  applyTheme,
+  isTheme,
+  systemTheme,
+  watchSystemTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/theming/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theming/index.ts"],"sourcesContent":["/**\n * Theme runtime for `themes.css`: the list of themes, and applying one to `<html>`.\n * Framework-free and storage-free — where the chosen theme is remembered is up to the host app.\n */\n\nexport interface ThemeOption {\n  value: string;\n  label: string;\n  /** Approximate color for a picker swatch, not the palette itself (that's `themes.css`). */\n  swatch: string;\n  dark: boolean;\n}\n\nexport const DEFAULT_THEME = 'default';\n\n/** `'default'` applies no class (the base palette); every other value is a class in `themes.css`. */\nexport const THEMES: readonly ThemeOption[] = [\n  { value: 'default', label: 'Default', swatch: '#94a3b8', dark: false },\n  { value: 'dark', label: 'Dark', swatch: '#1f2937', dark: true },\n  { value: 'red', label: 'Red', swatch: '#ef4444', dark: false },\n  { value: 'amber', label: 'Amber', swatch: '#f59e0b', dark: false },\n  { value: 'lime', label: 'Lime', swatch: '#84cc16', dark: false },\n  { value: 'teal', label: 'Teal', swatch: '#14b8a6', dark: false },\n  { value: 'cyan', label: 'Cyan', swatch: '#06b6d4', dark: false },\n  { value: 'sky', label: 'Sky', swatch: '#0ea5e9', dark: false },\n  { value: 'blue', label: 'Blue', swatch: '#3b82f6', dark: false },\n  { value: 'indigo', label: 'Indigo', swatch: '#6366f1', dark: false },\n  { value: 'fuchsia', label: 'Fuchsia', swatch: '#d946ef', dark: false },\n  { value: 'pink', label: 'Pink', swatch: '#ec4899', dark: false }\n];\n\nexport function isTheme(value: unknown): value is string {\n  return typeof value === 'string' && THEMES.some(theme => theme.value === value);\n}\n\nconst THEME_CLASSES = THEMES.filter(theme => theme.value !== DEFAULT_THEME).map(theme => theme.value);\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\n/** The theme to use when nobody has chosen one: `dark` if the OS prefers it, else `default`. */\nexport function systemTheme(): string {\n  if (typeof window === 'undefined' || !window.matchMedia) return DEFAULT_THEME;\n  return window.matchMedia(DARK_QUERY).matches ? 'dark' : DEFAULT_THEME;\n}\n\n/** Calls `onChange` when the OS light/dark setting flips; returns an unsubscribe function. */\nexport function watchSystemTheme(onChange: (theme: string) => void): () => void {\n  if (typeof window === 'undefined' || !window.matchMedia) return () => {};\n  const query = window.matchMedia(DARK_QUERY);\n  const listener = () => onChange(systemTheme());\n  query.addEventListener('change', listener);\n  return () => query.removeEventListener('change', listener);\n}\n\n/**\n * Applies a theme to `<html>`: swaps only the theme classes (other classes on the element are left\n * alone) and sets `color-scheme` so native controls and scrollbars match. `null`/`undefined` means\n * \"nobody chose\", which follows the OS; an unknown value falls back to `default`. Returns the\n * theme actually applied.\n */\nexport function applyTheme(theme: string | null | undefined): string {\n  const resolved = theme === null || theme === undefined ? systemTheme() : isTheme(theme) ? theme : DEFAULT_THEME;\n  if (typeof document === 'undefined') return resolved;\n  const root = document.documentElement;\n  root.classList.remove(...THEME_CLASSES);\n  if (resolved !== DEFAULT_THEME) root.classList.add(resolved);\n  root.style.colorScheme = THEMES.find(option => option.value === resolved)?.dark ? 'dark' : 'light';\n  return resolved;\n}\n"],"mappings":";;;AAaO,IAAM,gBAAgB;AAGtB,IAAM,SAAiC;AAAA,EAC5C,EAAE,OAAO,WAAW,OAAO,WAAW,QAAQ,WAAW,MAAM,MAAM;AAAA,EACrE,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,WAAW,MAAM,KAAK;AAAA,EAC9D,EAAE,OAAO,OAAO,OAAO,OAAO,QAAQ,WAAW,MAAM,MAAM;AAAA,EAC7D,EAAE,OAAO,SAAS,OAAO,SAAS,QAAQ,WAAW,MAAM,MAAM;AAAA,EACjE,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,WAAW,MAAM,MAAM;AAAA,EAC/D,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,WAAW,MAAM,MAAM;AAAA,EAC/D,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,WAAW,MAAM,MAAM;AAAA,EAC/D,EAAE,OAAO,OAAO,OAAO,OAAO,QAAQ,WAAW,MAAM,MAAM;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,WAAW,MAAM,MAAM;AAAA,EAC/D,EAAE,OAAO,UAAU,OAAO,UAAU,QAAQ,WAAW,MAAM,MAAM;AAAA,EACnE,EAAE,OAAO,WAAW,OAAO,WAAW,QAAQ,WAAW,MAAM,MAAM;AAAA,EACrE,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,WAAW,MAAM,MAAM;AACjE;AAEO,SAAS,QAAQ,OAAiC;AACvD,SAAO,OAAO,UAAU,YAAY,OAAO,KAAK,WAAS,MAAM,UAAU,KAAK;AAChF;AAEA,IAAM,gBAAgB,OAAO,OAAO,WAAS,MAAM,UAAU,aAAa,EAAE,IAAI,WAAS,MAAM,KAAK;AACpG,IAAM,aAAa;AAGZ,SAAS,cAAsB;AACpC,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,WAAY,QAAO;AAChE,SAAO,OAAO,WAAW,UAAU,EAAE,UAAU,SAAS;AAC1D;AAGO,SAAS,iBAAiB,UAA+C;AAC9E,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,WAAY,QAAO,MAAM;AAAA,EAAC;AACvE,QAAM,QAAQ,OAAO,WAAW,UAAU;AAC1C,QAAM,WAAW,MAAM,SAAS,YAAY,CAAC;AAC7C,QAAM,iBAAiB,UAAU,QAAQ;AACzC,SAAO,MAAM,MAAM,oBAAoB,UAAU,QAAQ;AAC3D;AAQO,SAAS,WAAW,OAA0C;AACnE,QAAM,WAAW,UAAU,QAAQ,UAAU,SAAY,YAAY,IAAI,QAAQ,KAAK,IAAI,QAAQ;AAClG,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAM,OAAO,SAAS;AACtB,OAAK,UAAU,OAAO,GAAG,aAAa;AACtC,MAAI,aAAa,cAAe,MAAK,UAAU,IAAI,QAAQ;AAC3D,OAAK,MAAM,cAAc,OAAO,KAAK,YAAU,OAAO,UAAU,QAAQ,GAAG,OAAO,SAAS;AAC3F,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,163 @@
 {
   "name": "@sankhyatronics/sankhya-cms",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.9",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sankhyatronics/SankhyaCMS.git",
+    "directory": "packages/sankhya-cms"
+  },
+  "description": "Lit web components for JSON-driven CMS portals (st-* tags)",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./cms-theme.css": "./dist/cms-theme.css",
+    "./theme.css": "./dist/theme.css",
+    "./themes.css": "./dist/themes.css",
+    "./bento-grid": {
+      "types": "./dist/bento-grid/index.d.ts",
+      "import": "./dist/bento-grid/index.js"
+    },
+    "./card": {
+      "types": "./dist/card/index.d.ts",
+      "import": "./dist/card/index.js"
+    },
+    "./carousel": {
+      "types": "./dist/carousel/index.d.ts",
+      "import": "./dist/carousel/index.js"
+    },
+    "./content-block": {
+      "types": "./dist/content-block/index.d.ts",
+      "import": "./dist/content-block/index.js"
+    },
+    "./cookie-consent": {
+      "types": "./dist/cookie-consent/index.d.ts",
+      "import": "./dist/cookie-consent/index.js"
+    },
+    "./dropdown": {
+      "types": "./dist/dropdown/index.d.ts",
+      "import": "./dist/dropdown/index.js"
+    },
+    "./feature-split": {
+      "types": "./dist/feature-split/index.d.ts",
+      "import": "./dist/feature-split/index.js"
+    },
+    "./features-section": {
+      "types": "./dist/features-section/index.d.ts",
+      "import": "./dist/features-section/index.js"
+    },
+    "./footer": {
+      "types": "./dist/footer/index.d.ts",
+      "import": "./dist/footer/index.js"
+    },
+    "./header": {
+      "types": "./dist/header/index.d.ts",
+      "import": "./dist/header/index.js"
+    },
+    "./hero": {
+      "types": "./dist/hero/index.d.ts",
+      "import": "./dist/hero/index.js"
+    },
+    "./icon-button": {
+      "types": "./dist/icon-button/index.d.ts",
+      "import": "./dist/icon-button/index.js"
+    },
+    "./items-accordion": {
+      "types": "./dist/items-accordion/index.d.ts",
+      "import": "./dist/items-accordion/index.js"
+    },
+    "./markdown": {
+      "types": "./dist/markdown/index.d.ts",
+      "import": "./dist/markdown/index.js"
+    },
+    "./menu-grid": {
+      "types": "./dist/menu-grid/index.d.ts",
+      "import": "./dist/menu-grid/index.js"
+    },
+    "./menu-grid-item": {
+      "types": "./dist/menu-grid-item/index.d.ts",
+      "import": "./dist/menu-grid-item/index.js"
+    },
+    "./menu-item": {
+      "types": "./dist/menu-item/index.d.ts",
+      "import": "./dist/menu-item/index.js"
+    },
+    "./promo-banner": {
+      "types": "./dist/promo-banner/index.d.ts",
+      "import": "./dist/promo-banner/index.js"
+    },
+    "./select": {
+      "types": "./dist/select/index.d.ts",
+      "import": "./dist/select/index.js"
+    },
+    "./stats": {
+      "types": "./dist/stats/index.d.ts",
+      "import": "./dist/stats/index.js"
+    },
+    "./testimonials": {
+      "types": "./dist/testimonials/index.d.ts",
+      "import": "./dist/testimonials/index.js"
+    },
+    "./shared/styles": {
+      "types": "./dist/shared/styles.d.ts",
+      "import": "./dist/shared/styles.js"
+    },
+    "./shared/icons": {
+      "types": "./dist/shared/icons.d.ts",
+      "import": "./dist/shared/icons.js"
+    },
+    "./schema": {
+      "types": "./dist/schema/index.d.ts",
+      "import": "./dist/schema/index.js"
+    },
+    "./theming": {
+      "types": "./dist/theming/index.d.ts",
+      "import": "./dist/theming/index.js"
+    },
+    "./custom-elements.json": "./custom-elements.json"
+  },
+  "files": [
+    "dist",
+    "custom-elements.json"
+  ],
+  "sideEffects": true,
+  "dependencies": {
+    "dompurify": "^3.4.16",
+    "iconify-icon": "^3.0.3",
+    "lit": "3.3.3",
+    "marked": "^18.1.0"
+  },
+  "devDependencies": {
+    "@sankhyatronics/oxlint-config": "0.0.9",
+    "@sankhyatronics/typescript-config": "0.0.9",
+    "oxlint": "1.87.0",
+    "rimraf": "6.1.3",
+    "tsup": "8.5.1",
+    "typescript": "6.0.3",
+    "vitest": "5.0.3",
+    "@types/node": "26.6.4",
+    "@custom-elements-manifest/analyzer": "0.11.0"
+  },
+  "keywords": [
+    "web-components",
+    "lit",
+    "cms"
+  ],
+  "license": "MIT",
+  "customElements": "custom-elements.json",
+  "scripts": {
+    "build": "tsup src/index.ts src/schema/index.ts src/theming/index.ts src/shared/styles.ts src/shared/icons.ts src/bento-grid/index.ts src/card/index.ts src/carousel/index.ts src/content-block/index.ts src/cookie-consent/index.ts src/dropdown/index.ts src/feature-split/index.ts src/features-section/index.ts src/footer/index.ts src/header/index.ts src/hero/index.ts src/icon-button/index.ts src/items-accordion/index.ts src/markdown/index.ts src/menu-grid/index.ts src/menu-grid-item/index.ts src/menu-item/index.ts src/promo-banner/index.ts src/select/index.ts src/stats/index.ts src/testimonials/index.ts --format esm --dts --sourcemap --clean && node scripts/copy-theme.mjs && cem analyze",
+    "dev": "tsup src/index.ts --watch --format esm --dts",
+    "typecheck": "tsc --noEmit",
+    "lint": "oxlint",
+    "clean": "rimraf dist",
+    "test": "vitest run",
+    "migrate-json": "node scripts/migrate-json.mjs",
+    "analyze": "cem analyze"
+  }
 }