npm - @krosoft/react - Versions diffs - 0.0.173 → 0.0.175 - Mend

@krosoft/react 0.0.173 → 0.0.175

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 (18) hide show

package/README.md +45 -9
package/dist/{DataTable-C1l3CLr1.js → DataTable-CfCXm_D_.js} +1 -1
package/dist/components/core/index.js +1 -1
package/dist/components/core/table/index.js +1 -1
package/dist/components/index.js +1 -1
package/dist/tailwind/index.d.ts +42 -0
package/dist/tailwind/index.d.ts.map +1 -1
package/dist/tailwind/index.js +53 -5
package/dist/tokens/apply.d.ts +28 -0
package/dist/tokens/apply.d.ts.map +1 -0
package/dist/tokens/index.d.ts +5 -0
package/dist/tokens/index.d.ts.map +1 -0
package/dist/tokens/index.js +47 -0
package/dist/tokens/radius.d.ts +50 -0
package/dist/tokens/radius.d.ts.map +1 -0
package/dist/tokens/types.d.ts +17 -0
package/dist/tokens/types.d.ts.map +1 -0
package/package.json +1 -1

package/README.md CHANGED Viewed

@@ -8,11 +8,7 @@ Krosoft shared React package.
 La forme des composants est pilotée par des variables CSS, pas par des classes `rounded-*` codées en dur : un input, un bouton et une pastille de filtre posés côte à côte ont toujours la même forme.
-Choisir un preset sur `<html>` :
-```html
-<html lang="fr" data-radius="round"></html>
-```
+Trois presets existent :
 | Preset            | Contrôles<br><small>boutons, inputs, selects, pastilles, badges</small> | Conteneurs<br><small>cards, dialogs, popovers, menus</small> |
 | ----------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------ |
@@ -20,14 +16,54 @@ Choisir un preset sur `<html>` :
 | `soft` _(défaut)_ | `0.5rem`                                                                | `0.75rem`                                                    |
 | `round`           | capsule                                                                 | `1.25rem`                                                    |
-Pour des valeurs sur mesure, aucun preset n'est nécessaire — il suffit de redéfinir les variables :
+Un projet consommateur choisit sa forme dans son propre thème, en redéfinissant les variables. Le preset `soft` :
 ```css
 :root {
-  --radius-control: 4px; /* contrôles */
-  --radius-surface: 16px; /* conteneurs */
-  --radius: 4px; /* éléments imbriqués : items de menu, checkbox */
+  --radius: 0.5rem; /* éléments imbriqués : items de menu, checkbox */
+  --k-radius-control: 0.5rem; /* contrôles */
+  --k-radius-surface: 0.75rem; /* conteneurs */
+  --k-radius-control-dense: 0.5rem; /* mêmes valeurs, plafonnées pour le DataTable */
+  --k-radius-surface-dense: 0.75rem;
 }
 ```
+Rien n'oblige à suivre un preset : n'importe quelle valeur convient (`--k-radius-control: 4px`). Sans redéfinition, les composants tombent sur `--radius`, donc un thème shadcn existant reste cohérent sans rien déclarer.
+> **Nommage** — les tokens ajoutés par krosoft portent le préfixe `--k-`, ce qui les rend repérables d'un coup d'œil. Les tokens hérités de shadcn (`--radius`, `--primary`, `--background`, `--border`, `--sidebar-*`…) gardent leur nom d'origine : un thème généré par un outil shadcn ou un composant copié depuis la doc continuent de fonctionner tels quels.
+## Tokens krosoft
+| Variables                                                  | Classes Tailwind générées par le preset                          |
+| ---------------------------------------------------------- | ---------------------------------------------------------------- |
+| `--k-success`, `--k-warning`, `--k-info` (+ `-foreground`) | `bg-success`, `text-warning-foreground`, `border-info`…          |
+| `--k-topbar-*`                                             | `bg-topbar`, `text-topbar-foreground`, `bg-topbar-accent`…       |
+| `--k-sidebar-muted`                                        | `text-sidebar-muted`                                             |
+| `--k-radius-control`, `--k-radius-surface` (+ `-dense`)    | `rounded-control`, `rounded-surface`                             |
+| `--k-font-heading`, `--k-font-body`                        | appliquées directement par `globals.css` sur `body` et `h1`–`h6` |
+Ces couleurs sont désormais mappées par le preset partagé : un projet consommateur qui les déclarait dans son propre `tailwind.config` peut supprimer ces lignes.
 Story `Démos/Radius` pour comparer les presets, sélecteur **Radius** dans la barre d'outils Storybook pour les appliquer à n'importe quelle story.
+### Changer de preset au runtime
+Quand la forme est figée pour toute l'application, l'override de `:root` ci-dessus reste le bon choix : servi avec la feuille de style, il évite tout flash au premier rendu.
+Pour un changement à chaud (sélecteur utilisateur, Storybook), les mêmes presets sont exposés en TypeScript — un preset n'est rien d'autre qu'un jeu de variables CSS :
+```ts
+import { applyTokenPreset, radiusPresets } from "@krosoft/react/tokens";
+applyTokenPreset(radiusPresets, "round"); // pose les variables sur <html>
+```
+| Export             | Rôle                                                       |
+| ------------------ | ---------------------------------------------------------- |
+| `radiusPresets`    | Les trois presets, en objets `{ "--k-radius-control": … }` |
+| `applyTokenPreset` | Applique un preset, après nettoyage de toute la famille    |
+| `applyTokens`      | Pose un jeu de variables sur un élément (`<html>` défaut)  |
+| `clearTokens`      | Retire ces variables et rend la main au CSS                |
+| `tokensToStyle`    | Les mêmes variables en `style` React, pour un sous-arbre   |
+C'est aussi ce qui rend la suite extensible : une nouvelle famille de tokens (densité, élévation…) ne demande ni attribut dédié ni preset CSS, seulement un objet à côté de `radiusPresets` et ses variables dans `:root`.

package/dist/{DataTable-C1l3CLr1.js → DataTable-CfCXm_D_.js} RENAMED Viewed

@@ -470,7 +470,7 @@ function Qe({
     // bascule sur les valeurs plafonnées : ni ses contrôles ni son cadre ne
     // prennent la forme capsule. Le scope couvre le cadre, les actions
     // groupées et la pagination. Les fallbacks correspondent au preset "soft".
-    /* @__PURE__ */ i("div", { className: "space-y-4 [--radius-control:var(--radius-control-dense,0.5rem)] [--radius-surface:var(--radius-surface-dense,0.75rem)]", children: [
+    /* @__PURE__ */ i("div", { className: "space-y-4 [--k-radius-control:var(--k-radius-control-dense,0.5rem)] [--k-radius-surface:var(--k-radius-surface-dense,0.75rem)]", children: [
       f.length > 0 && r !== void 0 && r.length > 0 && /* @__PURE__ */ e(Ie, { selectedRows: f, setSelectedRows: U, bulkActions: r }),
       /* @__PURE__ */ i("div", { className: "w-full bg-card dark:bg-gray-950 rounded-surface border border-gray-200 dark:border-gray-800 overflow-hidden", children: [
         /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ i("table", { ref: E, className: "w-full", children: [

package/dist/components/core/index.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { S as _, a as $, b as aa, T as ea } from "../../Topbar-D55ou5Uk.js";
 import { E as oa } from "../../ErrorAlert-SrIcU1mM.js";
 import { E as ta } from "../../ErrorState-CmaxuJyW.js";
 import { L as la } from "../../LoadingState-BN0YaPSs.js";
-import { D as ba, T as ma, a as da, b as ga, c as fa, d as Aa, e as Da } from "../../DataTable-C1l3CLr1.js";
+import { D as ba, T as ma, a as da, b as ga, c as fa, d as Aa, e as Da } from "../../DataTable-CfCXm_D_.js";
 import { A as na, a as ca, b as xa, c as Sa } from "../../AppVerticalTabs-BkZkxL_K.js";
 import { T as Fa } from "../../ThemeSelector-BwrbKW-4.js";
 export {

package/dist/components/core/table/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { D as s, T as b, a as l, b as T, c as t, d as o, e as i } from "../../../DataTable-C1l3CLr1.js";
+import { D as s, T as b, a as l, b as T, c as t, d as o, e as i } from "../../../DataTable-CfCXm_D_.js";
 export {
   s as DataTable,
   b as TableActions,

package/dist/components/index.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { S as gr, a as dr, b as mr, T as Cr } from "../Topbar-D55ou5Uk.js";
 import { E as Tr } from "../ErrorAlert-SrIcU1mM.js";
 import { E as Dr } from "../ErrorState-CmaxuJyW.js";
 import { L as xr } from "../LoadingState-BN0YaPSs.js";
-import { D as Ir, T as Pr, a as hr, b as fr, c as wr, d as vr, e as Fr } from "../DataTable-C1l3CLr1.js";
+import { D as Ir, T as Pr, a as hr, b as fr, c as wr, d as vr, e as Fr } from "../DataTable-CfCXm_D_.js";
 import { A as Br, a as Gr, b as Hr, c as Rr } from "../AppVerticalTabs-BkZkxL_K.js";
 import { T as Nr } from "../ThemeSelector-BwrbKW-4.js";
 import { A as Er, a as Or, b as Vr } from "../alert-B9F1N9Qk.js";

package/dist/tailwind/index.d.ts CHANGED Viewed

@@ -71,6 +71,48 @@ declare const krosoftPreset: {
                     DEFAULT: string;
                     foreground: string;
                 };
+                success: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                warning: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                info: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                sidebar: {
+                    DEFAULT: string;
+                    foreground: string;
+                    primary: {
+                        DEFAULT: string;
+                        foreground: string;
+                    };
+                    accent: {
+                        DEFAULT: string;
+                        foreground: string;
+                    };
+                    border: string;
+                    ring: string;
+                    muted: string;
+                };
+                topbar: {
+                    DEFAULT: string;
+                    foreground: string;
+                    primary: {
+                        DEFAULT: string;
+                        foreground: string;
+                    };
+                    accent: {
+                        DEFAULT: string;
+                        foreground: string;
+                    };
+                    border: string;
+                    ring: string;
+                    muted: string;
+                };
             };
             borderRadius: {
                 control: string;

package/dist/tailwind/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFD~~,CAAC;AAEnB,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ID,CAAC;AAEnB,eAAe,aAAa,CAAC"}

package/dist/tailwind/index.js CHANGED Viewed

@@ -46,14 +46,62 @@ const a = {
         card: {
           DEFAULT: "hsl(var(--card))",
           foreground: "hsl(var(--card-foreground))"
+        },
+        // Couleurs ajoutées par krosoft (variables préfixées --k-). Les composants
+        // du package utilisent ces classes (bg-success, text-topbar-foreground,
+        // text-sidebar-muted…) : sans ce mapping, elles ne sont pas générées et
+        // chaque projet consommateur doit les redéclarer de son côté.
+        success: {
+          DEFAULT: "hsl(var(--k-success))",
+          foreground: "hsl(var(--k-success-foreground))"
+        },
+        warning: {
+          DEFAULT: "hsl(var(--k-warning))",
+          foreground: "hsl(var(--k-warning-foreground))"
+        },
+        info: {
+          DEFAULT: "hsl(var(--k-info))",
+          foreground: "hsl(var(--k-info-foreground))"
+        },
+        // sidebar-* vient de shadcn, seul --k-sidebar-muted est un ajout krosoft.
+        sidebar: {
+          DEFAULT: "hsl(var(--sidebar-background))",
+          foreground: "hsl(var(--sidebar-foreground))",
+          primary: {
+            DEFAULT: "hsl(var(--sidebar-primary))",
+            foreground: "hsl(var(--sidebar-primary-foreground))"
+          },
+          accent: {
+            DEFAULT: "hsl(var(--sidebar-accent))",
+            foreground: "hsl(var(--sidebar-accent-foreground))"
+          },
+          border: "hsl(var(--sidebar-border))",
+          ring: "hsl(var(--sidebar-ring))",
+          muted: "hsl(var(--k-sidebar-muted))"
+        },
+        topbar: {
+          DEFAULT: "hsl(var(--k-topbar-background))",
+          foreground: "hsl(var(--k-topbar-foreground))",
+          primary: {
+            DEFAULT: "hsl(var(--k-topbar-primary))",
+            foreground: "hsl(var(--k-topbar-primary-foreground))"
+          },
+          accent: {
+            DEFAULT: "hsl(var(--k-topbar-accent))",
+            foreground: "hsl(var(--k-topbar-accent-foreground))"
+          },
+          border: "hsl(var(--k-topbar-border))",
+          ring: "hsl(var(--k-topbar-ring))",
+          muted: "hsl(var(--k-topbar-muted))"
         }
       },
       borderRadius: {
-        // Tokens sémantiques — à privilégier dans les composants.
-        // Ils garantissent qu'un input, un bouton et une pastille de filtre
-        // posés côte à côte partagent toujours la même forme.
-        control: "var(--radius-control, var(--radius))",
-        surface: "var(--radius-surface, var(--radius))",
+        // Tokens sémantiques krosoft (préfixe --k-) — à privilégier dans les
+        // composants. Ils garantissent qu'un input, un bouton et une pastille de
+        // filtre posés côte à côte partagent toujours la même forme. Le repli sur
+        // --radius laisse un projet purement shadcn fonctionner sans les déclarer.
+        control: "var(--k-radius-control, var(--radius))",
+        surface: "var(--k-radius-surface, var(--radius))",
         // Échelle historique, dérivée de --radius : réservée aux éléments
         // internes (items de menu, checkbox, poignées…) qui ne doivent jamais
         // devenir des capsules. max() protège le preset "square" (--radius: 0).

package/dist/tokens/apply.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import type { CSSProperties } from "react";
+import type { TokenFamily, TokenSet } from "./types";
+/**
+ * Pose des variables CSS en style inline sur un élément (par défaut `<html>`).
+ *
+ * Le style inline l'emporte sur toute règle CSS ciblant le même élément : c'est
+ * volontaire, c'est ce qui permet à un sélecteur runtime de reprendre la main
+ * sur les défauts du package. Pour un choix figé à l'échelle d'une app,
+ * redéfinir les variables dans `:root` reste préférable — pas de JS, pas de flash.
+ */
+export declare const applyTokens: (tokens: TokenSet, target?: HTMLElement | null) => void;
+/** Retire les variables posées par `applyTokens` et rend la main au CSS. */
+export declare const clearTokens: (tokens: TokenSet, target?: HTMLElement | null) => void;
+/**
+ * Applique un preset d'une famille, après avoir nettoyé toutes les variables de
+ * cette famille : basculer vers un preset qui déclare moins de clés qu'un autre
+ * ne laisse pas de résidu du précédent.
+ */
+export declare const applyTokenPreset: <TPreset extends string>(family: TokenFamily<TPreset>, preset: TPreset, target?: HTMLElement | null) => void;
+/**
+ * Variables sous forme de `style` React, pour scoper un sous-arbre plutôt que
+ * tout le document : `<div style={tokensToStyle({ "--k-radius-control": "3px" })}>`.
+ *
+ * Utile surtout pour un objet écrit sur place : `CSSProperties` ne modélise pas
+ * les custom properties, un littéral inline se ferait refuser sans cast.
+ */
+export declare const tokensToStyle: (tokens: TokenSet) => CSSProperties;
+//# sourceMappingURL=apply.d.ts.map

package/dist/tokens/apply.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"apply.d.ts","sourceRoot":"","sources":["../../src/tokens/apply.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAUrD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,QAAQ,EAAE,SAAS,WAAW,GAAG,IAAI,KAAG,IAS3E,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,WAAW,GAAI,QAAQ,QAAQ,EAAE,SAAS,WAAW,GAAG,IAAI,KAAG,IAS3E,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,SAAS,MAAM,EAAE,QAAQ,WAAW,CAAC,OAAO,CAAC,EAAE,QAAQ,OAAO,EAAE,SAAS,WAAW,GAAG,IAAI,KAAG,IAUrI,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,QAAQ,KAAG,aAAuB,CAAC"}

package/dist/tokens/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export { applyTokenPreset, applyTokens, clearTokens, tokensToStyle } from "./apply";
+export { radiusPresets } from "./radius";
+export type { RadiusPreset } from "./radius";
+export type { TokenFamily, TokenSet } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/dist/tokens/index.js ADDED Viewed

@@ -0,0 +1,47 @@
+const t = (e) => e || (typeof document > "u" ? null : document.documentElement), u = (e, n) => {
+  const r = t(n);
+  if (r)
+    for (const [s, o] of Object.entries(e))
+      r.style.setProperty(s, o);
+}, c = (e, n) => {
+  const r = t(n);
+  if (r)
+    for (const s of Object.keys(e))
+      r.style.removeProperty(s);
+}, a = (e, n, r) => {
+  const s = t(r);
+  if (s) {
+    for (const o of Object.values(e))
+      c(o, s);
+    u(e[n], s);
+  }
+}, d = (e) => e, m = {
+  square: {
+    "--radius": "0rem",
+    "--k-radius-control": "0rem",
+    "--k-radius-surface": "0rem",
+    "--k-radius-control-dense": "0rem",
+    "--k-radius-surface-dense": "0rem"
+  },
+  soft: {
+    "--radius": "0.5rem",
+    "--k-radius-control": "0.5rem",
+    "--k-radius-surface": "0.75rem",
+    "--k-radius-control-dense": "0.5rem",
+    "--k-radius-surface-dense": "0.75rem"
+  },
+  round: {
+    "--radius": "0.75rem",
+    "--k-radius-control": "9999px",
+    "--k-radius-surface": "1.25rem",
+    "--k-radius-control-dense": "0.5rem",
+    "--k-radius-surface-dense": "0.75rem"
+  }
+};
+export {
+  a as applyTokenPreset,
+  u as applyTokens,
+  c as clearTokens,
+  m as radiusPresets,
+  d as tokensToStyle
+};

package/dist/tokens/radius.d.ts ADDED Viewed

@@ -0,0 +1,50 @@
+/**
+ * Presets de radius.
+ *
+ * Source de vérité des trois presets. `globals.css` n'en reprend qu'un — les
+ * valeurs par défaut de `:root` sont celles de `soft` — et
+ * `tests/tokens/radius.test.ts` vérifie que les deux restent alignés.
+ *
+ * Un projet consommateur fige sa forme en redéfinissant les variables dans son
+ * propre thème, ou bascule à chaud avec `applyTokenPreset`.
+ *
+ * Les tokens ajoutés par krosoft portent le préfixe --k- ; ceux hérités de
+ * shadcn gardent leur nom d'origine.
+ *
+ * Trois tokens, deux publics :
+ *   --k-radius-control : contrôles interactifs — boutons, inputs, selects,
+ *                        pastilles de filtre, badges, onglets. `rounded-control`
+ *   --k-radius-surface : conteneurs — cards, dialogs, popovers, menus, tableaux.
+ *                        `rounded-surface`
+ *   --radius           : token shadcn dont dérivent rounded-sm/md/lg, réservé aux
+ *                        éléments imbriqués qui ne doivent jamais devenir des
+ *                        capsules (items de menu, checkbox, poignées).
+ *
+ * Les variantes *-dense sont les valeurs plafonnées des blocs denses (DataTable) :
+ * elles suivent le preset sans jamais prendre la forme capsule.
+ */
+export declare const radiusPresets: {
+    readonly square: {
+        readonly "--radius": "0rem";
+        readonly "--k-radius-control": "0rem";
+        readonly "--k-radius-surface": "0rem";
+        readonly "--k-radius-control-dense": "0rem";
+        readonly "--k-radius-surface-dense": "0rem";
+    };
+    readonly soft: {
+        readonly "--radius": "0.5rem";
+        readonly "--k-radius-control": "0.5rem";
+        readonly "--k-radius-surface": "0.75rem";
+        readonly "--k-radius-control-dense": "0.5rem";
+        readonly "--k-radius-surface-dense": "0.75rem";
+    };
+    readonly round: {
+        readonly "--radius": "0.75rem";
+        readonly "--k-radius-control": "9999px";
+        readonly "--k-radius-surface": "1.25rem";
+        readonly "--k-radius-control-dense": "0.5rem";
+        readonly "--k-radius-surface-dense": "0.75rem";
+    };
+};
+export type RadiusPreset = keyof typeof radiusPresets;
+//# sourceMappingURL=radius.d.ts.map

package/dist/tokens/radius.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/tokens/radius.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;CAsBM,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC"}

package/dist/tokens/types.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+/**
+ * Un jeu de variables CSS applicable à un élément.
+ *
+ * Les clés sont des noms de custom properties (`--k-radius-control`), les valeurs
+ * sont brutes côté CSS (`"0.5rem"`, `"9999px"`, `"222.2 47.4% 11.2%"`).
+ */
+export type TokenSet = Record<`--${string}`, string>;
+/**
+ * Une famille de tokens : plusieurs presets nommés pilotant le même groupe de
+ * variables (radius, densité, élévation…).
+ *
+ * Tous les presets d'une famille doivent déclarer les mêmes clés : c'est ce qui
+ * permet à `applyTokenPreset` de nettoyer la famille avant d'appliquer un
+ * preset, sans laisser de variable orpheline.
+ */
+export type TokenFamily<TPreset extends string = string> = Record<TPreset, TokenSet>;
+//# sourceMappingURL=types.d.ts.map

package/dist/tokens/types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,MAAM,WAAW,CAAC,OAAO,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.173",
+  "version": "0.0.175",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {