@studious-creative/yumekit 0.1.10 → 0.1.11

package/dist/components/y-appbar.js

@@ -1,3 +1,5 @@
+import { getIcon } from '../icons/registry.js';
+
 class YumeButton extends HTMLElement {
     static get observedAttributes() {
         return [
@@ -554,25 +556,6 @@ if (!customElements.get("y-button")) {
     customElements.define("y-button", YumeButton);
 }
 
-/**
- * Icon registry — a runtime map of icon names to SVG markup strings.
- *
- * Register only the icons you need for tree-shaking:
- *
- *   import { registerIcon } from "@studious-creative/yumekit";
- *   registerIcon("home", homeSvgString);
- *
- * Or register all bundled icons at once (separate import):
- *
- *   import "@studious-creative/yumekit/icons/all.js";
- */
-
-const icons = new Map();
-
-function getIcon(name) {
-    return icons.get(name) || "";
-}
-
 // Allowlist-based SVG sanitizer — only known-safe elements and attributes are kept.
 const ALLOWED_ELEMENTS = new Set([
     "svg",

package/dist/components/y-avatar.js

@@ -1,28 +1,4 @@
-/**
- * Return a [background, foreground] CSS variable pair for a color scheme.
- * Background is `--{color}-content--`, foreground is `--{color}-content-inverse`.
- * @param {string} color — one of base, primary, secondary, success, warning, error, help
- * @param {string} [fallbackColor="base"] — color to fall back to when `color` is unrecognised.
- *   Use `null` to pass the raw `color` string through as the background instead.
- * @returns {[string, string]} — [bg var, fg var]
- */
-function getColorVarPair(color, fallbackColor = "base") {
-    const map = {
-        base: ["var(--base-content--)", "var(--base-content-inverse)"],
-        primary: ["var(--primary-content--)", "var(--primary-content-inverse)"],
-        secondary: [
-            "var(--secondary-content--)",
-            "var(--secondary-content-inverse)",
-        ],
-        success: ["var(--success-content--)", "var(--success-content-inverse)"],
-        warning: ["var(--warning-content--)", "var(--warning-content-inverse)"],
-        error: ["var(--error-content--)", "var(--error-content-inverse)"],
-        help: ["var(--help-content--)", "var(--help-content-inverse)"],
-    };
-    if (map[color]) return map[color];
-    if (fallbackColor === null) return [color, "var(--base-content-inverse)"];
-    return map[fallbackColor] || map.base;
-}
+import { getColorVarPair } from '../modules/helpers.js';
 
 class YumeAvatar extends HTMLElement {
     static get observedAttributes() {

package/dist/components/y-card.js

@@ -1,34 +1,4 @@
-/**
- * Return a [background, foreground] CSS variable pair for a color scheme.
- * Background is `--{color}-content--`, foreground is `--{color}-content-inverse`.
- * @param {string} color — one of base, primary, secondary, success, warning, error, help
- * @param {string} [fallbackColor="base"] — color to fall back to when `color` is unrecognised.
- *   Use `null` to pass the raw `color` string through as the background instead.
- * @returns {[string, string]} — [bg var, fg var]
- */
-
-// helpers/slot-utils.js
-function hideEmptySlotContainers(shadowRoot, slotsConfig = {}) {
-    Object.entries(slotsConfig).forEach(([slotName, containerSelector]) => {
-        const slot = shadowRoot.querySelector(
-            `slot${slotName ? `[name="${slotName}"]` : ":not([name])"}`,
-        );
-        const container = shadowRoot.querySelector(containerSelector);
-
-        if (slot && container) {
-            const assigned = slot
-                .assignedNodes({ flatten: true })
-                .filter((n) => {
-                    return !(
-                        n.nodeType === Node.TEXT_NODE &&
-                        n.textContent.trim() === ""
-                    );
-                });
-
-            container.style.display = assigned.length > 0 ? "" : "none";
-        }
-    });
-}
+import { hideEmptySlotContainers } from '../modules/helpers.js';
 
 class YumeCard extends HTMLElement {
     static get observedAttributes() {

package/dist/components/y-icon.js

@@ -1,21 +1,4 @@
-/**
- * Icon registry — a runtime map of icon names to SVG markup strings.
- *
- * Register only the icons you need for tree-shaking:
- *
- *   import { registerIcon } from "@studious-creative/yumekit";
- *   registerIcon("home", homeSvgString);
- *
- * Or register all bundled icons at once (separate import):
- *
- *   import "@studious-creative/yumekit/icons/all.js";
- */
-
-const icons = new Map();
-
-function getIcon(name) {
-    return icons.get(name) || "";
-}
+import { getIcon } from '../icons/registry.js';
 
 // Allowlist-based SVG sanitizer — only known-safe elements and attributes are kept.
 const ALLOWED_ELEMENTS = new Set([

package/dist/components/y-progress.js

@@ -1,28 +1,4 @@
-/**
- * Return a [background, foreground] CSS variable pair for a color scheme.
- * Background is `--{color}-content--`, foreground is `--{color}-content-inverse`.
- * @param {string} color — one of base, primary, secondary, success, warning, error, help
- * @param {string} [fallbackColor="base"] — color to fall back to when `color` is unrecognised.
- *   Use `null` to pass the raw `color` string through as the background instead.
- * @returns {[string, string]} — [bg var, fg var]
- */
-function getColorVarPair(color, fallbackColor = "base") {
-    const map = {
-        base: ["var(--base-content--)", "var(--base-content-inverse)"],
-        primary: ["var(--primary-content--)", "var(--primary-content-inverse)"],
-        secondary: [
-            "var(--secondary-content--)",
-            "var(--secondary-content-inverse)",
-        ],
-        success: ["var(--success-content--)", "var(--success-content-inverse)"],
-        warning: ["var(--warning-content--)", "var(--warning-content-inverse)"],
-        error: ["var(--error-content--)", "var(--error-content-inverse)"],
-        help: ["var(--help-content--)", "var(--help-content-inverse)"],
-    };
-    if (map[color]) return map[color];
-    if (fallbackColor === null) return [color, "var(--base-content-inverse)"];
-    return map[fallbackColor] || map.base;
-}
+import { getColorVarPair } from '../modules/helpers.js';
 
 class YumeProgress extends HTMLElement {
     static get observedAttributes() {

package/dist/components/y-toast.js

@@ -1,28 +1,4 @@
-/**
- * Return a [background, foreground] CSS variable pair for a color scheme.
- * Background is `--{color}-content--`, foreground is `--{color}-content-inverse`.
- * @param {string} color — one of base, primary, secondary, success, warning, error, help
- * @param {string} [fallbackColor="base"] — color to fall back to when `color` is unrecognised.
- *   Use `null` to pass the raw `color` string through as the background instead.
- * @returns {[string, string]} — [bg var, fg var]
- */
-function getColorVarPair(color, fallbackColor = "base") {
-    const map = {
-        base: ["var(--base-content--)", "var(--base-content-inverse)"],
-        primary: ["var(--primary-content--)", "var(--primary-content-inverse)"],
-        secondary: [
-            "var(--secondary-content--)",
-            "var(--secondary-content-inverse)",
-        ],
-        success: ["var(--success-content--)", "var(--success-content-inverse)"],
-        warning: ["var(--warning-content--)", "var(--warning-content-inverse)"],
-        error: ["var(--error-content--)", "var(--error-content-inverse)"],
-        help: ["var(--help-content--)", "var(--help-content-inverse)"],
-    };
-    if (map[color]) return map[color];
-    if (fallbackColor === null) return [color, "var(--base-content-inverse)"];
-    return map[fallbackColor] || map.base;
-}
+import { getColorVarPair } from '../modules/helpers.js';
 
 class YumeToast extends HTMLElement {
     static get observedAttributes() {

package/dist/components/y-tooltip.js

@@ -1,28 +1,4 @@
-/**
- * Return a [background, foreground] CSS variable pair for a color scheme.
- * Background is `--{color}-content--`, foreground is `--{color}-content-inverse`.
- * @param {string} color — one of base, primary, secondary, success, warning, error, help
- * @param {string} [fallbackColor="base"] — color to fall back to when `color` is unrecognised.
- *   Use `null` to pass the raw `color` string through as the background instead.
- * @returns {[string, string]} — [bg var, fg var]
- */
-function getColorVarPair(color, fallbackColor = "base") {
-    const map = {
-        base: ["var(--base-content--)", "var(--base-content-inverse)"],
-        primary: ["var(--primary-content--)", "var(--primary-content-inverse)"],
-        secondary: [
-            "var(--secondary-content--)",
-            "var(--secondary-content-inverse)",
-        ],
-        success: ["var(--success-content--)", "var(--success-content-inverse)"],
-        warning: ["var(--warning-content--)", "var(--warning-content-inverse)"],
-        error: ["var(--error-content--)", "var(--error-content-inverse)"],
-        help: ["var(--help-content--)", "var(--help-content-inverse)"],
-    };
-    if (map[color]) return map[color];
-    if (fallbackColor === null) return [color, "var(--base-content-inverse)"];
-    return map[fallbackColor] || map.base;
-}
+import { getColorVarPair } from '../modules/helpers.js';
 
 class YumeTooltip extends HTMLElement {
     static get observedAttributes() {

package/dist/icons/all.js

@@ -1,23 +1,4 @@
-/**
- * Icon registry — a runtime map of icon names to SVG markup strings.
- *
- * Register only the icons you need for tree-shaking:
- *
- *   import { registerIcon } from "@studious-creative/yumekit";
- *   registerIcon("home", homeSvgString);
- *
- * Or register all bundled icons at once (separate import):
- *
- *   import "@studious-creative/yumekit/icons/all.js";
- */
-
-const icons = new Map();
-
-function registerIcons(entries) {
-    for (const [name, svg] of Object.entries(entries)) {
-        icons.set(name, svg);
-    }
-}
+import { registerIcons } from './registry.js';
 
 var ai = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"M12 8V4H8\"/>\n  <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"/>\n  <path d=\"M2 14h2M20 14h2M15 13v2M9 13v2\"/>\n</svg>\n";
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@studious-creative/yumekit",
-    "version": "0.1.10",
+    "version": "0.1.11",
     "description": "Modern Web Component UI Kit",
     "type": "module",
     "main": "dist/yumekit.min.js",