@feugene/granularity 0.44.0 → 0.46.0

package/README.md

@@ -91,10 +91,10 @@ from its own chunk, so a granular import already brings everything it needs.
 <!-- entry-sizes:generated:start lang=en -->
 | What you import | gzip | of the barrel |
 | --- | ---: | ---: |
-| the whole package from the root | 590.9 kB | 100 % |
+| the whole package from the root | 596.7 kB | 100 % |
 | the lightest component — `GrButtonGroup` | 1.8 kB | < 1 % |
-| the median component — `GrSegmented` | 15.2 kB | 3 % |
-| the 5 heaviest together | 171.9 kB | 29 % |
+| the median component — `GrNavbar` | 15.4 kB | 3 % |
+| the 5 heaviest together | 174.3 kB | 29 % |
 
 These numbers **do not add up**: shared code is counted again in every row but paid for once, which is why
 the set is shown as a union rather than a sum. They are an upper bound — the gzip of everything a subpath

package/dist/chunks/config-bjDf8nBf.js

@@ -0,0 +1,43 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTreeSections/grTreeSectionsStyles.ts
+var treeSectionsRootClass = "flex flex-col gap-4";
+/**
+* Заголовок группы набирается капителью и отделяется линией: он объявляет
+* рубрику, а не узел, и должен читаться иначе, чем строки под ним.
+*/
+var treeSectionsHeadClass = "flex items-baseline gap-2 pb-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] uppercase tracking-wider text-[var(--gr-muted-fg)] border-b border-[var(--gr-brd)]";
+var treeSectionsCountClass = "ml-auto text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]";
+var treeSectionsGroupClass = "flex flex-col gap-1";
+/**
+* Собственный вид строк секций. Задаётся на самом дереве, а не на обёртке:
+* `GrTree` объявляет значения по умолчанию на своём корне, и переменная,
+* выставленная предком, до строки не доходит вовсе — её перекрывает
+* собственное объявление дерева.
+*
+* Полоса у выбранной строки несёт то же, что заголовок группы, —
+* принадлежность: подложка выбора отступает на отступ уровня, и на вложенных
+* строках выбор переставал попадать в один вертикальный ряд с остальными.
+*/
+var treeSectionsRowVars = {
+	"--gr-tree-row-min-height": "32px",
+	"--gr-tree-row-radius": "7px",
+	"--gr-tree-row-current-bar-width": "2px"
+};
+//#endregion
+//#region src/components/GrTreeSections/safelist.ts
+var grTreeSectionsSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(treeSectionsRootClass),
+	...splitClassTokens(treeSectionsHeadClass),
+	...splitClassTokens(treeSectionsCountClass),
+	...splitClassTokens(treeSectionsGroupClass)
+])];
+//#endregion
+//#region src/components/GrTreeSections/config.ts
+var grTreeSectionsConfig = defineGranularComponent(import.meta.url, {
+	name: "GrTreeSections",
+	dependencies: ["GrTree"],
+	safelist: grTreeSectionsSafelist
+});
+//#endregion
+export { treeSectionsHeadClass as a, treeSectionsGroupClass as i, grTreeSectionsSafelist as n, treeSectionsRootClass as o, treeSectionsCountClass as r, treeSectionsRowVars as s, grTreeSectionsConfig as t };

package/dist/chunks/config-bjDf8nBf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-bjDf8nBf.js","names":[],"sources":["../../src/components/GrTreeSections/grTreeSectionsStyles.ts","../../src/components/GrTreeSections/safelist.ts","../../src/components/GrTreeSections/config.ts"],"sourcesContent":["export const treeSectionsRootClass = 'flex flex-col gap-4'\n\n/**\n * Заголовок группы набирается капителью и отделяется линией: он объявляет\n * рубрику, а не узел, и должен читаться иначе, чем строки под ним.\n */\nexport const treeSectionsHeadClass = 'flex items-baseline gap-2 pb-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] uppercase tracking-wider text-[var(--gr-muted-fg)] border-b border-[var(--gr-brd)]'\n\nexport const treeSectionsCountClass = 'ml-auto text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]'\n\nexport const treeSectionsGroupClass = 'flex flex-col gap-1'\n\n/**\n * Собственный вид строк секций. Задаётся на самом дереве, а не на обёртке:\n * `GrTree` объявляет значения по умолчанию на своём корне, и переменная,\n * выставленная предком, до строки не доходит вовсе — её перекрывает\n * собственное объявление дерева.\n *\n * Полоса у выбранной строки несёт то же, что заголовок группы, —\n * принадлежность: подложка выбора отступает на отступ уровня, и на вложенных\n * строках выбор переставал попадать в один вертикальный ряд с остальными.\n */\nexport const treeSectionsRowVars = {\n  '--gr-tree-row-min-height': '32px',\n  '--gr-tree-row-radius': '7px',\n  '--gr-tree-row-current-bar-width': '2px',\n} as const\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  treeSectionsCountClass,\n  treeSectionsGroupClass,\n  treeSectionsHeadClass,\n  treeSectionsRootClass,\n} from './grTreeSectionsStyles'\n\nexport const grTreeSectionsSafelist = [...new Set([\n  ...splitClassTokens(treeSectionsRootClass),\n  ...splitClassTokens(treeSectionsHeadClass),\n  ...splitClassTokens(treeSectionsCountClass),\n  ...splitClassTokens(treeSectionsGroupClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTreeSectionsSafelist } from './safelist'\n\nexport const grTreeSectionsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTreeSections',\n  dependencies: ['GrTree'],\n  safelist: grTreeSectionsSafelist,\n})\n"],"mappings":";;;AAAA,IAAa,wBAAwB;;;;;AAMrC,IAAa,wBAAwB;AAErC,IAAa,yBAAyB;AAEtC,IAAa,yBAAyB;;;;;;;;;;;AAYtC,IAAa,sBAAsB;CACjC,4BAA4B;CAC5B,wBAAwB;CACxB,mCAAmC;AACrC;;;ACjBA,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAChD,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,sBAAsB;AAC5C,CAAC,CAAC;;;ACVF,IAAa,uBAAuB,wBAAwB,YAAY,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,QAAQ;CACvB,UAAU;AACZ,CAAC"}

package/dist/chunks/{generated-Hxu_sWPs.js → generated-CQ4h6Ieq.js}

@@ -3470,7 +3470,7 @@ var grComponentTokens = [
 		"owner": "GrTree",
 		"name": "--gr-tree-indent-step",
 		"kind": "css",
-		"default": "calc(24px + var(--gr-tree-children-pl) + var(--gr-tree-branch-line-width))",
+		"default": "calc(12px + var(--gr-tree-children-pl) + var(--gr-tree-branch-line-width))",
 		"description": "Шаг отступа уровня. Складывается из переключателя, отступа вложенного списка и толщины направляющей — линия обязана попадать ровно между ними."
 	},
 	{
@@ -3533,7 +3533,7 @@ var grComponentTokens = [
 		"owner": "GrTree",
 		"name": "--gr-tree-row-current-bg",
 		"kind": "css",
-		"default": "color-mix(in srgb, var(--gr-primary) 5%, transparent)",
+		"default": "color-mix(in srgb, var(--gr-primary) 14%, transparent)",
 		"description": "Фон текущей (выбранной) строки."
 	},
 	{
@@ -3543,6 +3543,41 @@ var grComponentTokens = [
 		"default": "color-mix(in srgb, var(--gr-primary) 16%, transparent)",
 		"description": "Фон текущей строки под курсором."
 	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-row-current-color",
+		"kind": "css",
+		"default": "var(--gr-tree-row-color)",
+		"description": "Цвет текста выбранной строки. Отдельно от --gr-tree-row-color, потому что насыщенная подложка выбора требует своего текста: без этого сплошную плашку выбора нельзя сделать читаемой."
+	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-row-current-bar-width",
+		"kind": "css",
+		"default": "0px",
+		"description": "Ширина полосы у левого края выбранной строки. По умолчанию полосы нет; вид, отмечающий выбор без подложки, включает её одной строкой. Рисуется на самой строке, поэтому стоит у края списка, а не уезжает вправо с отступом уровня."
+	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-row-current-bar-color",
+		"kind": "css",
+		"default": "var(--gr-primary)",
+		"description": "Цвет полосы у выбранной строки."
+	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-checkbox-brd-width",
+		"kind": "css",
+		"default": "1px",
+		"description": "Толщина рамки квадрата отметки. Вынесена отдельно от размера: на увеличенном квадрате волосяная рамка перестаёт читаться как рамка."
+	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-branch-font-weight",
+		"kind": "css",
+		"default": "600",
+		"description": "Начертание подписи ветки. Плотнее листа, чтобы ветка и лист не выглядели одинаково. Гасится там, где вес несёт уровень, а не ветвистость."
+	},
 	{
 		"owner": "GrTree",
 		"name": "--gr-tree-font-size",
@@ -3725,11 +3760,18 @@ var grComponentTokens = [
 		"default": "2px",
 		"description": "Толщина направляющей линии уровня."
 	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-branch-elbow-width",
+		"kind": "css",
+		"default": "8px",
+		"description": "Длина горизонтального колена от направляющей к строке при branchLine=\"elbow\". Колено соединяет узлы, а не только отмечает уровень."
+	},
 	{
 		"owner": "GrTree",
 		"name": "--gr-tree-branch-line-offset",
 		"kind": "css",
-		"default": "24px",
+		"default": "12px",
 		"description": "Сдвиг направляющей от левого края строки."
 	},
 	{