@aintela/bi 0.2.3 → 0.2.5

package/dist/index-D7Oo_dC-.js

@@ -1,94 +0,0 @@
-var f = Object.defineProperty;
-var n = (t, i) => f(t, "name", { value: i, configurable: !0 });
-import { r as d, b as y, a as h, c as v, d as g, u as x, w as k } from "./createBiTheme-TyUv_UHM.js";
-import { jsx as P } from "react/jsx-runtime";
-import { useMemo as u, useEffect as m } from "react";
-import { useTheme as p, alpha as r } from "@mui/material/styles";
-function c(t) {
-  const i = d(t), e = t.palette, o = typeof t.shape.borderRadius == "number" ? `${t.shape.borderRadius}px` : String(t.shape.borderRadius);
-  return {
-    "--bi-bg": e.background.default,
-    "--bi-card-bg": e.background.paper,
-    "--bi-card-border": e.divider,
-    "--bi-card-border-strong": r(e.text.primary, 0.28),
-    "--bi-text-1": e.text.primary,
-    "--bi-text-2": e.text.secondary,
-    "--bi-text-disabled": e.text.disabled,
-    "--bi-grid-line": r(e.text.primary, 0.12),
-    "--bi-hover": e.action.hover,
-    "--bi-selected": e.action.selected,
-    "--bi-overlay": r(e.text.primary, 0.08),
-    "--bi-surface-1": r(e.text.primary, 0.03),
-    "--bi-surface-2": r(e.text.primary, 0.06),
-    "--bi-accent": e.primary.main,
-    "--bi-accent-soft": r(e.primary.main, 0.12),
-    "--bi-accent-border": r(e.primary.main, 0.3),
-    "--bi-positive": i.positive,
-    "--bi-positive-soft": r(i.positive, 0.15),
-    "--bi-negative": i.negative,
-    "--bi-negative-soft": r(i.negative, 0.15),
-    "--bi-neutral": i.neutral,
-    "--bi-neutral-soft": r(i.neutral, 0.15),
-    "--bi-error": e.error.main,
-    "--bi-error-soft": r(e.error.main, 0.08),
-    // ── Composer / sketch pad (`composer.css`) ──
-    "--bi-secondary": e.secondary.main,
-    "--bi-secondary-soft": r(e.secondary.main, 0.16),
-    "--bi-sketch-dash": r(e.text.primary, 0.35),
-    "--bi-sketch-dash-faint": r(e.text.primary, 0.12),
-    "--bi-sketch-selection": r(e.primary.main, 0.12),
-    "--bi-scrim": r(e.common.black, 0.4),
-    "--bi-highlight-outline": e.secondary.main,
-    "--bi-highlight-glow": r(e.secondary.main, 0.35),
-    "--bi-shadow": t.shadows[4],
-    "--bi-shadow-strong": t.shadows[8],
-    "--bi-radius": o,
-    "--bi-radius-sm": `${Math.max(2, Math.round((typeof t.shape.borderRadius == "number" ? t.shape.borderRadius : 4) / 2))}px`,
-    "--bi-font-family": t.typography.fontFamily ?? "inherit"
-  };
-}
-n(c, "computeBiCssVars");
-const B = /* @__PURE__ */ n(({ children: t, className: i, style: e }) => {
-  const o = p(), a = u(() => c(o), [o]);
-  return m(() => {
-    if (t !== void 0 || typeof document > "u") return;
-    const s = document.documentElement;
-    for (const [b, l] of Object.entries(a)) s.style.setProperty(b, l);
-    return () => {
-      for (const b of Object.keys(a)) s.style.removeProperty(b);
-    };
-  }, [a, t]), t === void 0 ? null : /* @__PURE__ */ P("div", { className: i, "data-bi-theme": o.palette.mode, style: { ...a, height: "100%", ...e }, children: t });
-}, "BiThemeBridge");
-function j(t) {
-  const i = p(), e = u(() => c(i), [i]);
-  return m(() => {
-    const o = t ?? (typeof document < "u" ? document.documentElement : null);
-    if (o) {
-      for (const [a, s] of Object.entries(e)) o.style.setProperty(a, s);
-      return () => {
-        for (const a of Object.keys(e)) o.style.removeProperty(a);
-      };
-    }
-  }, [e, t]), e;
-}
-n(j, "useBiCssVars");
-const S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  BiThemeBridge: B,
-  biDarkPalette: y,
-  biLightPalette: h,
-  biSeriesColor: v,
-  computeBiCssVars: c,
-  createBiTheme: g,
-  resolveBiPalette: d,
-  useBiCssVars: j,
-  useBiPalette: x,
-  withBiPalette: k
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  B,
-  S as T,
-  c,
-  j as u
-};
-//# sourceMappingURL=index-D7Oo_dC-.js.map

package/dist/index-D7Oo_dC-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-D7Oo_dC-.js","sources":["../src/theme/BiThemeBridge.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport type { Theme } from '@mui/material/styles';\nimport { resolveBiPalette } from './createBiTheme';\n\n/**\n * The CSS custom properties the package's stylesheets consume\n * (`GridLayout.css`, `inline.css`, `composer.css`). Every value is derived from the MUI theme —\n * the stylesheets themselves contain no colour.\n */\nexport function computeBiCssVars(theme: Theme): Record<string, string> {\n    const bi = resolveBiPalette(theme);\n    const p = theme.palette;\n    const radius = typeof theme.shape.borderRadius === 'number' ? `${theme.shape.borderRadius}px` : String(theme.shape.borderRadius);\n    return {\n        '--bi-bg': p.background.default,\n        '--bi-card-bg': p.background.paper,\n        '--bi-card-border': p.divider,\n        '--bi-card-border-strong': alpha(p.text.primary, 0.28),\n        '--bi-text-1': p.text.primary,\n        '--bi-text-2': p.text.secondary,\n        '--bi-text-disabled': p.text.disabled,\n        '--bi-grid-line': alpha(p.text.primary, 0.12),\n        '--bi-hover': p.action.hover,\n        '--bi-selected': p.action.selected,\n        '--bi-overlay': alpha(p.text.primary, 0.08),\n        '--bi-surface-1': alpha(p.text.primary, 0.03),\n        '--bi-surface-2': alpha(p.text.primary, 0.06),\n        '--bi-accent': p.primary.main,\n        '--bi-accent-soft': alpha(p.primary.main, 0.12),\n        '--bi-accent-border': alpha(p.primary.main, 0.3),\n        '--bi-positive': bi.positive,\n        '--bi-positive-soft': alpha(bi.positive, 0.15),\n        '--bi-negative': bi.negative,\n        '--bi-negative-soft': alpha(bi.negative, 0.15),\n        '--bi-neutral': bi.neutral,\n        '--bi-neutral-soft': alpha(bi.neutral, 0.15),\n        '--bi-error': p.error.main,\n        '--bi-error-soft': alpha(p.error.main, 0.08),\n        // ── Composer / sketch pad (`composer.css`) ──\n        '--bi-secondary': p.secondary.main,\n        '--bi-secondary-soft': alpha(p.secondary.main, 0.16),\n        '--bi-sketch-dash': alpha(p.text.primary, 0.35),\n        '--bi-sketch-dash-faint': alpha(p.text.primary, 0.12),\n        '--bi-sketch-selection': alpha(p.primary.main, 0.12),\n        '--bi-scrim': alpha(p.common.black, 0.4),\n        '--bi-highlight-outline': p.secondary.main,\n        '--bi-highlight-glow': alpha(p.secondary.main, 0.35),\n        '--bi-shadow': theme.shadows[4],\n        '--bi-shadow-strong': theme.shadows[8],\n        '--bi-radius': radius,\n        '--bi-radius-sm': `${Math.max(2, Math.round((typeof theme.shape.borderRadius === 'number' ? theme.shape.borderRadius : 4) / 2))}px`,\n        '--bi-font-family': theme.typography.fontFamily ?? 'inherit',\n    };\n}\n\nexport interface BiThemeBridgeProps {\n    /**\n     * With children: renders a wrapper `div` carrying the variables as inline\n     * style, so the theme applies to that subtree only (several themes may\n     * coexist on one page). Without children: writes the variables onto\n     * `document.documentElement` on mount and updates them when the theme\n     * changes.\n     */\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\n/**\n * Publishes the theme-derived CSS custom properties the package stylesheets\n * read. Mount it once inside your `<ThemeProvider>` (either around the BI\n * surface, or childless at the app root).\n */\nexport const BiThemeBridge: React.FC<BiThemeBridgeProps> = ({ children, className, style }) => {\n    const theme = useTheme();\n    const vars = useMemo(() => computeBiCssVars(theme), [theme]);\n\n    useEffect(() => {\n        if (children !== undefined) return;\n        if (typeof document === 'undefined') return;\n        const root = document.documentElement;\n        for (const [k, v] of Object.entries(vars)) root.style.setProperty(k, v);\n        return () => {\n            for (const k of Object.keys(vars)) root.style.removeProperty(k);\n        };\n    }, [vars, children]);\n\n    if (children === undefined) return null;\n    return (\n        <div className={className} data-bi-theme={theme.palette.mode} style={{ ...(vars as React.CSSProperties), height: '100%', ...style }}>\n            {children}\n        </div>\n    );\n};\n\n/**\n * Hook form of the bridge: applies the variables to `target` (default:\n * `document.documentElement`) for as long as the calling component is mounted.\n */\nexport function useBiCssVars(target?: HTMLElement | null): Record<string, string> {\n    const theme = useTheme();\n    const vars = useMemo(() => computeBiCssVars(theme), [theme]);\n    useEffect(() => {\n        const el = target ?? (typeof document !== 'undefined' ? document.documentElement : null);\n        if (!el) return;\n        for (const [k, v] of Object.entries(vars)) el.style.setProperty(k, v);\n        return () => {\n            for (const k of Object.keys(vars)) el.style.removeProperty(k);\n        };\n    }, [vars, target]);\n    return vars;\n}\n\nexport default BiThemeBridge;\n"],"names":["computeBiCssVars","theme","bi","resolveBiPalette","p","radius","alpha","__name","BiThemeBridge","children","className","style","useTheme","vars","useMemo","useEffect","root","k","v","useBiCssVars","target","el"],"mappings":"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"}

package/dist/index-DChE_l-p.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DChE_l-p.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}