@feugene/granularity 0.13.0 → 0.18.0

package/tokens/themes/light.json

@@ -0,0 +1,499 @@
+{
+  "name": "light",
+  "selectors": [
+    ":root"
+  ],
+  "groups": [
+    {
+      "title": "Surface roles",
+      "tokens": [
+        {
+          "name": "--gr-bg",
+          "value": "#f8fafc",
+          "description": "Базовый фон приложения и крупных layout-поверхностей текущей темы."
+        },
+        {
+          "name": "--gr-fg",
+          "value": "#0f172a",
+          "description": "Основной цвет текста и иконок поверх базового фона текущей темы."
+        },
+        {
+          "name": "--gr-card",
+          "value": "#ffffff",
+          "description": "Фон карточек, панелей и других поднятых поверхностей."
+        },
+        {
+          "name": "--gr-card-fg",
+          "value": "#0f172a",
+          "description": "Цвет контента внутри карточек и raised surface-блоков."
+        },
+        {
+          "name": "--gr-popover",
+          "value": "#ffffff",
+          "description": "Фон popover-, dropdown- и overlay-поверхностей."
+        },
+        {
+          "name": "--gr-popover-fg",
+          "value": "#0f172a",
+          "description": "Цвет текста и иконок внутри popover-слоёв."
+        },
+        {
+          "name": "--gr-muted",
+          "value": "#f1f5f9",
+          "description": "Приглушённая поверхность для вторичных блоков, плашек и заполнений."
+        },
+        {
+          "name": "--gr-muted-fg",
+          "value": "#556275",
+          "description": "Вторичный текстовый цвет для helper-копии и менее важных подписей.",
+          "note": "Вторичный текст обязан проходить AA на САМОМ ТЁМНОМ из фонов, на которых\nон появляется, а это не страница, а `--gr-secondary` (#e2e8f0). Прежний\n#64748b держался только на `--gr-bg` (4.55) и `--gr-card` (4.76), но\nпроваливался на `--gr-muted` (4.34) и `--gr-secondary` (3.86) — то есть\nровно там, где вторичный текст и живёт: чипы, таблицы, подписи в панелях.\n#556275 даёт минимум 5.02 по всем четырём фонам."
+        },
+        {
+          "name": "--gr-secondary",
+          "value": "#e2e8f0",
+          "description": "Нейтральная secondary action/surface-подложка без сильного бренд-акцента."
+        },
+        {
+          "name": "--gr-secondary-fg",
+          "value": "#1e293b",
+          "description": "Контрастный текст для secondary-кнопок и поверхностей."
+        },
+        {
+          "name": "--gr-overlay-bg",
+          "value": "rgb(15 23 42 / 0.45)",
+          "description": "Подложка модальных слоёв (модалка, drawer): затемняет страницу, оставляя её узнаваемой."
+        },
+        {
+          "name": "--gr-brd",
+          "value": "#e2e8f0",
+          "description": "Базовый цвет бордеров и разделителей текущей темы."
+        },
+        {
+          "name": "--gr-input",
+          "value": "#e2e8f0",
+          "description": "Цвет рамки и фона input-like контролов в состоянии покоя."
+        },
+        {
+          "name": "--gr-ring",
+          "value": "#6366f1",
+          "description": "Цвет focus-ring и акцентного outline для интерактивных компонентов."
+        }
+      ]
+    },
+    {
+      "title": "State roles",
+      "tokens": [
+        {
+          "name": "--gr-disabled-bg",
+          "value": "#f1f5f9",
+          "description": "Фон недоступного контрола: гасит его поверхностью, а не прозрачностью — `opacity` разбавляет выверенные на AA токены текста."
+        },
+        {
+          "name": "--gr-disabled-fg",
+          "value": "#94a3b8",
+          "description": "Цвет текста и иконок недоступного контрола."
+        },
+        {
+          "name": "--gr-disabled-brd",
+          "value": "#e2e8f0",
+          "description": "Цвет рамки недоступного контрола."
+        },
+        {
+          "name": "--gr-invalid-brd",
+          "value": "var(--gr-danger)",
+          "note": "Ошибка валидации и декоративный тон `state=\"danger\"` — разные вещи, хотя\nвыглядят одинаково по умолчанию. Ссылка, а не копия hex: тема, поменявшая\nтолько `--gr-danger`, не обязана помнить про второй набор, а тема, которой\nнужен отдельный цвет ошибки, перекрашивает три роли и не трогает danger-тон.",
+          "description": "Цвет рамки контрола, не прошедшего валидацию."
+        },
+        {
+          "name": "--gr-invalid-ring",
+          "value": "var(--gr-danger)",
+          "description": "Цвет focus-ring контрола, не прошедшего валидацию."
+        },
+        {
+          "name": "--gr-invalid-text",
+          "value": "var(--gr-danger-text)",
+          "description": "Цвет текста ошибки и метки обязательного поля."
+        }
+      ]
+    },
+    {
+      "title": "Action roles",
+      "tokens": [
+        {
+          "name": "--gr-primary",
+          "value": "#4f46e5",
+          "description": "Главный brand/action цвет темы для primary CTA и ключевых акцентов."
+        },
+        {
+          "name": "--gr-primary-fg",
+          "value": "#ffffff",
+          "description": "Контрастный текст и иконки поверх primary-заливки."
+        },
+        {
+          "name": "--gr-accent",
+          "value": "#eef2ff",
+          "description": "Мягкая акцентная поверхность для selected/hovered областей и подсветок."
+        },
+        {
+          "name": "--gr-accent-fg",
+          "value": "#3730a3",
+          "description": "Цвет текста поверх accent-подложек."
+        }
+      ]
+    },
+    {
+      "title": "Status roles",
+      "tokens": [
+        {
+          "name": "--gr-success",
+          "value": "#10b981",
+          "description": "Основной semantic success-цвет для статусов, бейджей и уведомлений.",
+          "note": "`-fg` — цвет текста НА сплошной заливке тоном. У светлых заливок он обязан\nбыть тёмным: белый на `--gr-success` даёт 2.54:1, на `--gr-warning` 2.80:1\nпри пороге AA 4.5 — а это solid-кнопки и бейджи (`grButtonStyles.ts`,\n`grBadgeStyles.ts`). С `--gr-fg` получаем 7.04 и 6.37, и hover/active,\nкоторые уводят заливку в тёмную сторону, остаются выше порога (5.30 / 4.79).\nВ тёмной теме эти токены уже тёмные — там заливки светлее фона."
+        },
+        {
+          "name": "--gr-success-light",
+          "value": "#d1fae5",
+          "description": "Облегчённая success-подложка для мягких статусов и подсветок."
+        },
+        {
+          "name": "--gr-success-fg",
+          "value": "#0f172a",
+          "description": "Контрастный текст и иконки поверх success-заливки."
+        },
+        {
+          "name": "--gr-primary-text",
+          "value": "#3730a3",
+          "description": "Основной тон как ЦВЕТ ТЕКСТА на фоне страницы: насыщенный `--gr-primary` под текст не рассчитан и не проходит по контрасту."
+        },
+        {
+          "name": "--gr-success-text",
+          "value": "#065f46",
+          "description": "Текстовый оттенок для success-сообщений на светлой подложке."
+        },
+        {
+          "name": "--gr-warning",
+          "value": "#f97316",
+          "description": "Основной semantic warning-цвет для предупреждений и промежуточных статусов."
+        },
+        {
+          "name": "--gr-warning-light",
+          "value": "#ffedd5",
+          "description": "Облегчённая warning-подложка для мягких warning-состояний."
+        },
+        {
+          "name": "--gr-warning-fg",
+          "value": "#0f172a",
+          "description": "Контрастный текст и иконки поверх warning-заливки."
+        },
+        {
+          "name": "--gr-warning-text",
+          "value": "#7c2d12",
+          "description": "Текстовый оттенок для warning-сообщений на мягкой warning-подложке."
+        },
+        {
+          "name": "--gr-danger",
+          "value": "#dc2626",
+          "description": "Semantic danger-цвет для ошибок, рисков и критических сообщений."
+        },
+        {
+          "name": "--gr-danger-light",
+          "value": "#fee2e2",
+          "description": "Облегчённая danger-подложка для мягких error-состояний."
+        },
+        {
+          "name": "--gr-danger-fg",
+          "value": "#ffffff",
+          "description": "Контрастный текст и иконки поверх danger-заливки."
+        },
+        {
+          "name": "--gr-danger-text",
+          "value": "#991b1b",
+          "description": "Текстовый оттенок для error-сообщений на мягкой danger-подложке."
+        },
+        {
+          "name": "--gr-info",
+          "value": "#2563eb",
+          "description": "Semantic info-цвет для нейтральных уведомлений и информационных акцентов.",
+          "note": "Синий, а не индиго. Прежний `#5850ec` отличался от `--gr-primary` на ΔE 4.3\nпри пороге заметности около 2.3, а текстовые роли обоих тонов совпадали\nзначением полностью — ссылка `tone=\"info\"` и ссылка `tone=\"primary\"`\nкрасились одинаково. Тон занял собственный участок палитры: он отличим и от\n`primary` (ΔE 21 в светлой теме, 29 в тёмной), и от `azure` (48 и 22).\nЗамысел был такой и раньше — тёмная тема уже отказывалась брать indigo-400\nименно потому, что solid-бейджи primary и info стали бы неотличимы."
+        },
+        {
+          "name": "--gr-info-light",
+          "value": "#dbeafe",
+          "description": "Облегчённая info-подложка для спокойных информационных блоков."
+        },
+        {
+          "name": "--gr-info-fg",
+          "value": "#ffffff",
+          "description": "Контрастный текст и иконки поверх info-заливки."
+        },
+        {
+          "name": "--gr-info-text",
+          "value": "#1e40af",
+          "description": "Текстовый оттенок для спокойных info-сообщений и подсказок."
+        },
+        {
+          "name": "--gr-slate",
+          "value": "#475569",
+          "description": "Нейтральный semantic slate-цвет для subdued индикаторов и secondary статусов."
+        },
+        {
+          "name": "--gr-slate-light",
+          "value": "#e2e8f0",
+          "description": "Облегчённая slate-подложка для мягких нейтральных состояний."
+        },
+        {
+          "name": "--gr-slate-fg",
+          "value": "#ffffff",
+          "description": "Контрастный текст и иконки поверх slate-заливки."
+        },
+        {
+          "name": "--gr-slate-text",
+          "value": "#334155",
+          "description": "Текстовый оттенок для нейтральных slate-сообщений и плашек."
+        },
+        {
+          "name": "--gr-azure",
+          "value": "#0077b6",
+          "description": "Semantic azure-цвет для информационных акцентов и вспомогательных статусов.",
+          "note": "Azure — единственный тон, который не чинится сменой `-fg`. Тёмный текст\nпроходит на базе (6.44), но hover/active уводят заливку вниз и ломают его\n(4.36 / 3.01); белый же не проходит на базе (2.77). Выход один — сама\nзаливка: sky-500 `#0ea5e9` слишком светлая для белого текста. `#0077b6` —\nсамое светлое значение, дающее запас по всем трём состояниям\n(4.87 / 5.44 / 6.02) и заодно поднимающее azure-иконку на `-light`\nподложке с 2.42 до 4.24. Оттенок остаётся отличимым от `--gr-info`."
+        },
+        {
+          "name": "--gr-azure-light",
+          "value": "#e0f2fe",
+          "description": "Облегчённая azure-подложка для мягких informational поверхностей."
+        },
+        {
+          "name": "--gr-azure-fg",
+          "value": "#ffffff",
+          "description": "Контрастный текст и иконки поверх azure-заливки."
+        },
+        {
+          "name": "--gr-azure-text",
+          "value": "#075985",
+          "description": "Текстовый оттенок для azure-плашек и спокойных informational блоков."
+        }
+      ]
+    },
+    {
+      "title": "Solid fill roles",
+      "note": "Сплошная заливка кнопочного веса и её текст.\n\nОт роли без суффикса отличается порогом. `--gr-{tone}` рассчитан на 3:1 к\nфону страницы — это индикатор, граница, бейдж, — и текст на нём берётся из\n`-fg`, у светлых заливок тёмный. `-solid` рассчитан на 4.5:1 под СВЕТЛЫЙ\nтекст: solid-кнопки всех тонов обязаны выглядеть одной семьёй, а бледно-\nзелёная кнопка рядом с тёмно-красной читается как ошибка вёрстки.\n\nТам, где глобальный тон уже достаточно тёмен, `-solid` — ссылка на него.\nСобственные значения нужны трём тонам: белый текст даёт 5.48 / 6.45 / 7.71\nна затемнённом success и 5.18 на затемнённом warning, тогда как глобальный\n`-fg` там тёмный и на той же заливке дал бы 3.26 и 3.45. Azure не чинится\nсменой `-fg` вовсе (см. примечание к `--gr-azure`).\n\nhover и active заданы значениями, а не общей формулой подмеса: они выбраны\nступенями палитры, и формула сдвинула бы azure-active на 32 единицы канала.",
+      "tokens": [
+        {
+          "name": "--gr-primary-solid",
+          "value": "var(--gr-primary)",
+          "description": "Сплошная заливка кнопочного веса тона `primary`."
+        },
+        {
+          "name": "--gr-primary-solid-hover",
+          "value": "var(--gr-primary-hover)",
+          "description": "Заливка `--gr-primary-solid` под курсором."
+        },
+        {
+          "name": "--gr-primary-solid-active",
+          "value": "var(--gr-primary-active)",
+          "description": "Заливка `--gr-primary-solid` в момент нажатия."
+        },
+        {
+          "name": "--gr-primary-solid-fg",
+          "value": "var(--gr-primary-fg)",
+          "description": "Текст и иконки на заливке `--gr-primary-solid`."
+        },
+        {
+          "name": "--gr-success-solid",
+          "value": "#047857",
+          "description": "Сплошная заливка кнопочного веса тона `success`."
+        },
+        {
+          "name": "--gr-success-solid-hover",
+          "value": "#036c4d",
+          "description": "Заливка `--gr-success-solid` под курсором."
+        },
+        {
+          "name": "--gr-success-solid-active",
+          "value": "#025f44",
+          "description": "Заливка `--gr-success-solid` в момент нажатия."
+        },
+        {
+          "name": "--gr-success-solid-fg",
+          "value": "var(--gr-slate-0)",
+          "description": "Текст и иконки на заливке `--gr-success-solid`."
+        },
+        {
+          "name": "--gr-warning-solid",
+          "value": "#c2410c",
+          "description": "Сплошная заливка кнопочного веса тона `warning`."
+        },
+        {
+          "name": "--gr-warning-solid-hover",
+          "value": "#b53b0a",
+          "description": "Заливка `--gr-warning-solid` под курсором."
+        },
+        {
+          "name": "--gr-warning-solid-active",
+          "value": "#9f3307",
+          "description": "Заливка `--gr-warning-solid` в момент нажатия."
+        },
+        {
+          "name": "--gr-warning-solid-fg",
+          "value": "var(--gr-slate-0)",
+          "description": "Текст и иконки на заливке `--gr-warning-solid`."
+        },
+        {
+          "name": "--gr-danger-solid",
+          "value": "var(--gr-danger)",
+          "description": "Сплошная заливка кнопочного веса тона `danger`."
+        },
+        {
+          "name": "--gr-danger-solid-hover",
+          "value": "var(--gr-danger-hover)",
+          "description": "Заливка `--gr-danger-solid` под курсором."
+        },
+        {
+          "name": "--gr-danger-solid-active",
+          "value": "var(--gr-danger-active)",
+          "description": "Заливка `--gr-danger-solid` в момент нажатия."
+        },
+        {
+          "name": "--gr-danger-solid-fg",
+          "value": "var(--gr-danger-fg)",
+          "description": "Текст и иконки на заливке `--gr-danger-solid`."
+        },
+        {
+          "name": "--gr-info-solid",
+          "value": "var(--gr-info)",
+          "description": "Сплошная заливка кнопочного веса тона `info`."
+        },
+        {
+          "name": "--gr-info-solid-hover",
+          "value": "var(--gr-info-hover)",
+          "description": "Заливка `--gr-info-solid` под курсором."
+        },
+        {
+          "name": "--gr-info-solid-active",
+          "value": "var(--gr-info-active)",
+          "description": "Заливка `--gr-info-solid` в момент нажатия."
+        },
+        {
+          "name": "--gr-info-solid-fg",
+          "value": "var(--gr-info-fg)",
+          "description": "Текст и иконки на заливке `--gr-info-solid`."
+        },
+        {
+          "name": "--gr-slate-solid",
+          "value": "var(--gr-slate)",
+          "description": "Сплошная заливка кнопочного веса тона `slate`."
+        },
+        {
+          "name": "--gr-slate-solid-hover",
+          "value": "var(--gr-slate-hover)",
+          "description": "Заливка `--gr-slate-solid` под курсором."
+        },
+        {
+          "name": "--gr-slate-solid-active",
+          "value": "var(--gr-slate-active)",
+          "description": "Заливка `--gr-slate-solid` в момент нажатия."
+        },
+        {
+          "name": "--gr-slate-solid-fg",
+          "value": "var(--gr-slate-fg)",
+          "description": "Текст и иконки на заливке `--gr-slate-solid`."
+        },
+        {
+          "name": "--gr-azure-solid",
+          "value": "#0369a1",
+          "description": "Сплошная заливка кнопочного веса тона `azure`."
+        },
+        {
+          "name": "--gr-azure-solid-hover",
+          "value": "#075985",
+          "description": "Заливка `--gr-azure-solid` под курсором."
+        },
+        {
+          "name": "--gr-azure-solid-active",
+          "value": "#0c4a6e",
+          "description": "Заливка `--gr-azure-solid` в момент нажатия."
+        },
+        {
+          "name": "--gr-azure-solid-fg",
+          "value": "var(--gr-slate-0)",
+          "description": "Текст и иконки на заливке `--gr-azure-solid`."
+        }
+      ]
+    },
+    {
+      "title": "Data visualization roles",
+      "tokens": [
+        {
+          "name": "--gr-chart-1",
+          "value": "#4f46e5",
+          "description": "Первый цвет серии для графиков и data-visualization элементов."
+        },
+        {
+          "name": "--gr-chart-2",
+          "value": "#10b981",
+          "description": "Второй цвет серии для графиков и data-visualization элементов."
+        },
+        {
+          "name": "--gr-chart-3",
+          "value": "#f97316",
+          "description": "Третий цвет серии для графиков и data-visualization элементов."
+        },
+        {
+          "name": "--gr-chart-4",
+          "value": "#6366f1",
+          "description": "Четвёртый цвет серии для графиков и data-visualization элементов."
+        },
+        {
+          "name": "--gr-chart-5",
+          "value": "#8b5cf6",
+          "description": "Пятый цвет серии для графиков и data-visualization элементов."
+        }
+      ]
+    },
+    {
+      "title": "Navigation roles",
+      "tokens": [
+        {
+          "name": "--gr-sidebar",
+          "value": "#ffffff",
+          "description": "Фон sidebar/navigation rail области текущей темы."
+        },
+        {
+          "name": "--gr-sidebar-fg",
+          "value": "#0f172a",
+          "description": "Основной текст и иконки внутри sidebar."
+        },
+        {
+          "name": "--gr-sidebar-primary",
+          "value": "#4f46e5",
+          "description": "Акцентный цвет активных/ключевых элементов внутри sidebar."
+        },
+        {
+          "name": "--gr-sidebar-primary-fg",
+          "value": "#ffffff",
+          "description": "Контрастный текст поверх sidebar primary-акцентов."
+        },
+        {
+          "name": "--gr-sidebar-accent",
+          "value": "#f1f5f9",
+          "description": "Мягкий accent-фон для hover/selected состояний в sidebar."
+        },
+        {
+          "name": "--gr-sidebar-accent-fg",
+          "value": "#1e293b",
+          "description": "Цвет текста поверх sidebar accent-подложек."
+        },
+        {
+          "name": "--gr-sidebar-brd",
+          "value": "#e2e8f0",
+          "description": "Бордеры и разделители sidebar-области."
+        },
+        {
+          "name": "--gr-sidebar-ring",
+          "value": "#6366f1",
+          "description": "Focus-ring для интерактивных элементов внутри sidebar."
+        }
+      ]
+    }
+  ]
+}

package/dist/GrBadge.css

@@ -1 +0,0 @@
-.gr-badge__label[data-v-39b6bab2]{align-items:center;min-height:1lh;display:flex}.gr-badge__text[data-v-39b6bab2]{text-box-trim:trim-both;text-box-edge:cap alphabetic;text-box:trim-both cap alphabetic;display:block}

package/dist/GrButtonGroup.css

@@ -1 +0,0 @@
-[data-gr-button-group]{--gr-button-group-radius:.375rem}[data-gr-button-group]>[data-gr-button]{border-radius:0;position:relative}[data-gr-button-group]>[data-gr-button]+[data-gr-button]{margin-inline-start:-1px}[data-gr-button-group]>[data-gr-button]:hover,[data-gr-button-group]>[data-gr-button]:focus-visible{z-index:1}[data-gr-button-group]>[data-gr-button]:first-child{border-start-start-radius:var(--gr-button-group-radius);border-end-start-radius:var(--gr-button-group-radius)}[data-gr-button-group]>[data-gr-button]:last-child{border-start-end-radius:var(--gr-button-group-radius);border-end-end-radius:var(--gr-button-group-radius)}

package/dist/GrFormFile.css

@@ -1 +0,0 @@
-[data-gr-form-file].gr-dropzone--over[data-v-e96c4b59]{outline:2px solid var(--gr-ring);outline-offset:2px}

package/dist/GrIcon.css

@@ -1 +0,0 @@
-:where(.gr-icon){--gr-icon-size:18px;width:var(--gr-icon-size);min-width:var(--gr-icon-size);height:var(--gr-icon-size);flex:none;line-height:0}:where(.gr-icon svg){width:100%;height:100%;display:block}

package/dist/GrLoading.css

@@ -1 +0,0 @@
-@keyframes gr-loading-spin{to{transform:rotate(360deg)}}.gr-loading__spinner--animated{transform-origin:50%;animation:1s linear infinite gr-loading-spin}

package/dist/GrToaster.css

@@ -1 +0,0 @@
-.gr-toast-progress[data-v-9cb2a65b]{animation-name:gr-toast-progress-9cb2a65b;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes gr-toast-progress-9cb2a65b{0%{transform:scaleX(1)}to{transform:scaleX(0)}}

package/dist/GrTree.css

@@ -1 +0,0 @@
-.gr-tree[data-v-f13e1d8d]{--gr-tree-gap:2px;--gr-tree-children-pl:10px;--gr-tree-row-min-height:28px;--gr-tree-row-radius:8px;--gr-tree-row-pr:8px;--gr-tree-row-color:var(--gr-fg);--gr-tree-row-hover-bg:color-mix(in srgb, var(--gr-primary,#000) 10%, transparent);--gr-tree-row-current-bg:color-mix(in srgb, var(--gr-primary,#000) 5%, transparent);--gr-tree-row-current-hover-bg:color-mix(in srgb, var(--gr-primary,#000) 16%, transparent);--gr-tree-drag-handle-size:24px;--gr-tree-drag-handle-mr:0;--gr-tree-drag-handle-radius:6px;--gr-tree-drag-handle-color:inherit;--gr-tree-drag-handle-opacity:.55;--gr-tree-drag-handle-hover-bg:color-mix(in srgb, var(--gr-muted,#000) 22%, transparent);--gr-tree-drag-handle-hover-color:var(--gr-tree-drag-handle-color);--gr-tree-drag-handle-hover-opacity:.9;--gr-tree-drag-handle-disabled-opacity:.25;--gr-tree-toggle-size:24px;--gr-tree-toggle-mr:0;--gr-tree-toggle-radius:6px;--gr-tree-toggle-color:inherit;--gr-tree-toggle-hover-bg:color-mix(in srgb, var(--gr-muted,#000) 25%, transparent);--gr-tree-toggle-hover-color:var(--gr-tree-toggle-color);--gr-tree-icon-size:16px;--gr-tree-content-gap:8px;--gr-tree-branch-line-default-color:var(--gr-tree-row-current-bg);--gr-tree-branch-line-width:2px;gap:var(--gr-tree-gap);flex-direction:column;display:flex}.gr-tree__children[data-v-f13e1d8d]{gap:var(--gr-tree-gap);flex-direction:column;display:flex}.gr-tree__children-wrap[data-v-f13e1d8d]{--gr-tree-branch-line-color:var(--gr-tree-branch-line-default-color);gap:var(--gr-tree-gap);padding-left:var(--gr-tree-children-pl,10px);border-left:var(--gr-tree-branch-line-width) solid transparent;flex-direction:column;display:flex}.gr-tree__children-wrap--with-branch[data-v-f13e1d8d]{border-left-color:var(--gr-tree-branch-line-color,var(--gr-tree-branch-line-default-color))}.gr-tree__row[data-v-f13e1d8d]{min-height:var(--gr-tree-row-min-height);border-radius:var(--gr-tree-row-radius);padding-right:var(--gr-tree-row-pr);cursor:default;user-select:none;color:var(--gr-tree-row-color);outline:none;align-items:center;display:flex;position:relative}.gr-tree__row[data-v-f13e1d8d]:hover{background:var(--gr-tree-row-hover-bg)}[data-gr-tree-node][data-v-f13e1d8d]{outline:none}[data-gr-tree-node]:focus-visible>.gr-tree__row[data-v-f13e1d8d]{outline:2px solid var(--gr-primary,#000);outline-offset:-2px}.gr-tree__row--current[data-v-f13e1d8d]{background:var(--gr-tree-row-current-bg)}.gr-tree__row--current[data-v-f13e1d8d]:hover{background:var(--gr-tree-row-current-hover-bg)}.gr-tree__row--matched .gr-tree__label[data-v-f13e1d8d]{font-weight:600}.gr-tree__drag-handle[data-v-f13e1d8d]{width:var(--gr-tree-drag-handle-size);height:var(--gr-tree-drag-handle-size);margin-right:var(--gr-tree-drag-handle-mr);border-radius:var(--gr-tree-drag-handle-radius);color:var(--gr-tree-drag-handle-color);cursor:grab;visibility:hidden;pointer-events:none;opacity:0;justify-content:center;align-items:center;display:inline-flex}.gr-tree__drag-handle--visible[data-v-f13e1d8d]{visibility:visible;pointer-events:auto;opacity:var(--gr-tree-drag-handle-opacity)}.gr-tree__drag-handle[data-v-f13e1d8d]:hover{background:var(--gr-tree-drag-handle-hover-bg);color:var(--gr-tree-drag-handle-hover-color);opacity:var(--gr-tree-drag-handle-hover-opacity)}.gr-tree__drag-handle[data-v-f13e1d8d]:active{cursor:grabbing}.gr-tree__drag-handle--disabled[data-v-f13e1d8d]{cursor:default;opacity:var(--gr-tree-drag-handle-disabled-opacity)}.gr-tree__drag-icon[data-v-f13e1d8d]{width:var(--gr-tree-icon-size);height:var(--gr-tree-icon-size)}.gr-tree__toggle[data-v-f13e1d8d]{width:var(--gr-tree-toggle-size);height:var(--gr-tree-toggle-size);margin-right:var(--gr-tree-toggle-mr);border-radius:var(--gr-tree-toggle-radius);color:var(--gr-tree-toggle-color);justify-content:center;align-items:center;display:inline-flex}.gr-tree__toggle[data-v-f13e1d8d]:hover{background:var(--gr-tree-toggle-hover-bg);color:var(--gr-tree-toggle-hover-color)}.gr-tree__toggle-icon[data-v-f13e1d8d]{width:var(--gr-tree-icon-size);height:var(--gr-tree-icon-size);transition:transform .12s}.gr-tree__toggle-icon--expanded[data-v-f13e1d8d]{transform:rotate(90deg)}.gr-tree__toggle-spacer[data-v-f13e1d8d]{width:var(--gr-tree-toggle-size);height:var(--gr-tree-toggle-size);margin-right:var(--gr-tree-toggle-mr);display:inline-block}.gr-tree__content[data-v-f13e1d8d]{align-items:center;gap:var(--gr-tree-content-gap);min-width:0;display:flex}.gr-tree__label[data-v-f13e1d8d]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gr-tree__row--drop-inner[data-v-f13e1d8d]{outline:2px solid color-mix(in srgb, var(--gr-primary,#000) 40%, transparent)}.gr-tree__row--drop-prev[data-v-f13e1d8d]:before,.gr-tree__row--drop-next[data-v-f13e1d8d]:after{content:"";background:color-mix(in srgb, var(--gr-primary,#000) 55%, transparent);height:2px;position:absolute;left:8px;right:8px}.gr-tree__row--drop-prev[data-v-f13e1d8d]:before{top:2px}.gr-tree__row--drop-next[data-v-f13e1d8d]:after{bottom:2px}

package/dist/chunks/config-23WtUiAL.js

@@ -1,53 +0,0 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
-import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
-//#region src/components/GrInputTag/grInputTagStyles.ts
-var wrapperSizeClassBySize = {
-	xs: "min-h-7 px-2.5 py-1 gap-1.5",
-	sm: "min-h-8 px-3 py-1 gap-1.5",
-	md: "min-h-10 px-3 py-1.5 gap-2",
-	lg: "min-h-11 px-4 py-2 gap-2"
-};
-var inputSizeClassBySize = {
-	xs: "text-[12px]",
-	sm: "text-[13px]",
-	md: "text-[14px]",
-	lg: "text-[16px]"
-};
-var wrapperBorderClassByState = {
-	default: "border-[var(--gr-brd)]",
-	success: "border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]",
-	warning: "border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]",
-	danger: "border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]"
-};
-function grInputTagWrapperClass(options) {
-	return [
-		wrapperSizeClassBySize[options.size],
-		options.invalid ? wrapperBorderClassByState.danger : wrapperBorderClassByState[options.state],
-		options.disabled ? "opacity-50 cursor-not-allowed" : "cursor-text"
-	].join(" ");
-}
-function grInputTagInputClass(size) {
-	return inputSizeClassBySize[size];
-}
-//#endregion
-//#region src/components/GrInputTag/safelist.ts
-var grInputTagSafelist = [.../* @__PURE__ */ new Set([
-	...Object.values(wrapperSizeClassBySize).flatMap(splitClassTokens),
-	...Object.values(inputSizeClassBySize).flatMap(splitClassTokens),
-	...Object.values(wrapperBorderClassByState).flatMap(splitClassTokens),
-	...splitClassTokens("opacity-50 cursor-not-allowed"),
-	...splitClassTokens("cursor-text")
-])];
-//#endregion
-//#region src/components/GrInputTag/config.ts
-var grInputTagConfig = defineGranularComponent(import.meta.url, {
-	name: "GrInputTag",
-	dependencies: [
-		"GrBadge",
-		"GrIcon",
-		"GrInput"
-	],
-	safelist: grInputTagSafelist
-});
-//#endregion
-export { grInputTagWrapperClass as i, grInputTagSafelist as n, grInputTagInputClass as r, grInputTagConfig as t };

package/dist/chunks/config-23WtUiAL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-23WtUiAL.js","names":[],"sources":["../../src/components/GrInputTag/grInputTagStyles.ts","../../src/components/GrInputTag/safelist.ts","../../src/components/GrInputTag/config.ts"],"sourcesContent":["import type { GrInputSize } from '../GrInput/GrInput.vue'\nexport type GrInputTagSize = GrInputSize\nexport type GrInputTagState = 'default' | 'success' | 'warning' | 'danger'\nexport const wrapperSizeClassBySize: Record<GrInputTagSize, string> = {\n  xs: 'min-h-7 px-2.5 py-1 gap-1.5',\n  sm: 'min-h-8 px-3 py-1 gap-1.5',\n  md: 'min-h-10 px-3 py-1.5 gap-2',\n  lg: 'min-h-11 px-4 py-2 gap-2',\n}\nexport const inputSizeClassBySize: Record<GrInputTagSize, string> = {\n  xs: 'text-[12px]',\n  sm: 'text-[13px]',\n  md: 'text-[14px]',\n  lg: 'text-[16px]',\n}\nexport const wrapperBorderClassByState: Record<GrInputTagState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]',\n}\nexport function grInputTagWrapperClass(options: { size: GrInputTagSize, state: GrInputTagState, invalid: boolean, disabled: boolean }): string {\n  return [\n    wrapperSizeClassBySize[options.size],\n    options.invalid ? wrapperBorderClassByState.danger : wrapperBorderClassByState[options.state],\n    options.disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-text',\n  ].join(' ')\n}\nexport function grInputTagInputClass(size: GrInputTagSize): string {\n  return inputSizeClassBySize[size]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  inputSizeClassBySize,\n  wrapperBorderClassByState,\n  wrapperSizeClassBySize,\n} from './grInputTagStyles'\n\nexport const grInputTagSafelist = [...new Set([\n  ...Object.values(wrapperSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(inputSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(wrapperBorderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens('opacity-50 cursor-not-allowed'),\n  ...splitClassTokens('cursor-text'),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grInputTagSafelist } from './safelist'\n\nexport const grInputTagConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrInputTag',\n  dependencies: ['GrBadge', 'GrIcon', 'GrInput'],\n  safelist: grInputTagSafelist,\n})"],"mappings":";;;AAGA,IAAa,yBAAyD;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,IAAa,uBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,IAAa,4BAA6D;CACxE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AACA,SAAgB,uBAAuB,SAAwG;CAC7I,OAAO;EACL,uBAAuB,QAAQ;EAC/B,QAAQ,UAAU,0BAA0B,SAAS,0BAA0B,QAAQ;EACvF,QAAQ,WAAW,kCAAkC;CACvD,CAAC,CAAC,KAAK,GAAG;AACZ;AACA,SAAgB,qBAAqB,MAA8B;CACjE,OAAO,qBAAqB;AAC9B;;;ACvBA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,iBAAiB,+BAA+B;CACnD,GAAG,iBAAiB,aAAa;AACnC,CAAC,CAAC;;;ACTF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,cAAc;EAAC;EAAW;EAAU;CAAS;CAC7C,UAAU;AACZ,CAAC"}

package/dist/chunks/config-B0i5r8kH.js

@@ -1,23 +0,0 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
-import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
-//#region src/components/GrTextarea/grTextareaStyles.ts
-var borderClassByState = {
-	default: "border-[var(--gr-brd)]",
-	success: "border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]",
-	warning: "border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]",
-	danger: "border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]"
-};
-function grTextareaClass(options) {
-	return options.invalid ? borderClassByState.danger : borderClassByState[options.state];
-}
-//#endregion
-//#region src/components/GrTextarea/safelist.ts
-var grTextareaSafelist = [.../* @__PURE__ */ new Set([...Object.values(borderClassByState).flatMap(splitClassTokens)])];
-//#endregion
-//#region src/components/GrTextarea/config.ts
-var grTextareaConfig = defineGranularComponent(import.meta.url, {
-	name: "GrTextarea",
-	safelist: grTextareaSafelist
-});
-//#endregion
-export { grTextareaSafelist as n, grTextareaClass as r, grTextareaConfig as t };

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

@@ -1 +0,0 @@
-{"version":3,"file":"config-B0i5r8kH.js","names":[],"sources":["../../src/components/GrTextarea/grTextareaStyles.ts","../../src/components/GrTextarea/safelist.ts","../../src/components/GrTextarea/config.ts"],"sourcesContent":["export type GrTextareaState = 'default' | 'success' | 'warning' | 'danger'\n\nexport const borderClassByState: Record<GrTextareaState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]',\n}\n\nexport function grTextareaClass(options: { state: GrTextareaState, invalid: boolean }): string {\n  return options.invalid ? borderClassByState.danger : borderClassByState[options.state]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { borderClassByState } from './grTextareaStyles'\n\nexport const grTextareaSafelist = [...new Set([\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grTextareaSafelist } from './safelist'\n\nexport const grTextareaConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTextarea',\n  safelist: grTextareaSafelist,\n})"],"mappings":";;;AAEA,IAAa,qBAAsD;CACjE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AAEA,SAAgB,gBAAgB,SAA+D;CAC7F,OAAO,QAAQ,UAAU,mBAAmB,SAAS,mBAAmB,QAAQ;AAClF;;;ACRA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB,CAC/D,CAAC,CAAC;;;ACDF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-B0qIpo8m.js

@@ -1,5 +0,0 @@
-import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
-//#region src/components/GrFormSection/config.ts
-var grFormSectionConfig = defineGranularComponent(import.meta.url, { name: "GrFormSection" });
-//#endregion
-export { grFormSectionConfig as t };

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

@@ -1 +0,0 @@
-{"version":3,"file":"config-B0qIpo8m.js","names":[],"sources":["../../src/components/GrFormSection/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grFormSectionConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFormSection',\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK,EAC1E,MAAM,gBACR,CAAC"}