@feugene/granularity 0.13.0 → 0.18.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.13.0",
+  "version": "0.18.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",
@@ -39,7 +39,8 @@
   "types": "./dist/types/src/index.d.ts",
   "web-types": "./dist/web-types.json",
   "files": [
-    "dist"
+    "dist",
+    "tokens"
   ],
   "sideEffects": [
     "**/*.css"
@@ -51,6 +52,10 @@
       "default": "./dist/index.js"
     },
     "./styles/*": "./dist/styles/*",
+    "./composables/useAnnouncer": {
+      "types": "./dist/types/src/composables/useAnnouncer.d.ts",
+      "import": "./dist/composables/useAnnouncer.js"
+    },
     "./components/GrAlert": {
       "types": "./dist/types/src/components/GrAlert/index.d.ts",
       "import": "./dist/components/GrAlert/index.js"
@@ -75,6 +80,10 @@
       "types": "./dist/types/src/components/GrBottomNav/index.d.ts",
       "import": "./dist/components/GrBottomNav/index.js"
     },
+    "./components/GrBreadcrumbs": {
+      "types": "./dist/types/src/components/GrBreadcrumbs/index.d.ts",
+      "import": "./dist/components/GrBreadcrumbs/index.js"
+    },
     "./components/GrButton": {
       "types": "./dist/types/src/components/GrButton/index.d.ts",
       "import": "./dist/components/GrButton/index.js"
@@ -91,10 +100,18 @@
       "types": "./dist/types/src/components/GrCheckbox/index.d.ts",
       "import": "./dist/components/GrCheckbox/index.js"
     },
+    "./components/GrCheckboxGroup": {
+      "types": "./dist/types/src/components/GrCheckboxGroup/index.d.ts",
+      "import": "./dist/components/GrCheckboxGroup/index.js"
+    },
     "./components/GrCollapse": {
       "types": "./dist/types/src/components/GrCollapse/index.d.ts",
       "import": "./dist/components/GrCollapse/index.js"
     },
+    "./components/GrColorPicker": {
+      "types": "./dist/types/src/components/GrColorPicker/index.d.ts",
+      "import": "./dist/components/GrColorPicker/index.js"
+    },
     "./components/GrCommandPalette": {
       "types": "./dist/types/src/components/GrCommandPalette/index.d.ts",
       "import": "./dist/components/GrCommandPalette/index.js"
@@ -207,10 +224,18 @@
       "types": "./dist/types/src/components/GrPagination/index.d.ts",
       "import": "./dist/components/GrPagination/index.js"
     },
+    "./components/GrPopover": {
+      "types": "./dist/types/src/components/GrPopover/index.d.ts",
+      "import": "./dist/components/GrPopover/index.js"
+    },
     "./components/GrProgressBar": {
       "types": "./dist/types/src/components/GrProgressBar/index.d.ts",
       "import": "./dist/components/GrProgressBar/index.js"
     },
+    "./components/GrProgressCircle": {
+      "types": "./dist/types/src/components/GrProgressCircle/index.d.ts",
+      "import": "./dist/components/GrProgressCircle/index.js"
+    },
     "./components/GrPromptDialog": {
       "types": "./dist/types/src/components/GrPromptDialog/index.d.ts",
       "import": "./dist/components/GrPromptDialog/index.js"
@@ -251,6 +276,14 @@
       "types": "./dist/types/src/components/GrSlider/index.d.ts",
       "import": "./dist/components/GrSlider/index.js"
     },
+    "./components/GrSortableList": {
+      "types": "./dist/types/src/components/GrSortableList/index.d.ts",
+      "import": "./dist/components/GrSortableList/index.js"
+    },
+    "./components/GrSplitter": {
+      "types": "./dist/types/src/components/GrSplitter/index.d.ts",
+      "import": "./dist/components/GrSplitter/index.js"
+    },
     "./components/GrStatistic": {
       "types": "./dist/types/src/components/GrStatistic/index.d.ts",
       "import": "./dist/components/GrStatistic/index.js"
@@ -263,18 +296,22 @@
       "types": "./dist/types/src/components/GrTable/index.d.ts",
       "import": "./dist/components/GrTable/index.js"
     },
-    "./components/GrTabs": {
-      "types": "./dist/types/src/components/GrTabs/index.d.ts",
-      "import": "./dist/components/GrTabs/index.js"
-    },
     "./components/GrTabPanels": {
       "types": "./dist/types/src/components/GrTabPanels/index.d.ts",
       "import": "./dist/components/GrTabPanels/index.js"
     },
+    "./components/GrTabs": {
+      "types": "./dist/types/src/components/GrTabs/index.d.ts",
+      "import": "./dist/components/GrTabs/index.js"
+    },
     "./components/GrTextarea": {
       "types": "./dist/types/src/components/GrTextarea/index.d.ts",
       "import": "./dist/components/GrTextarea/index.js"
     },
+    "./components/GrTimeline": {
+      "types": "./dist/types/src/components/GrTimeline/index.d.ts",
+      "import": "./dist/components/GrTimeline/index.js"
+    },
     "./components/GrToaster": {
       "types": "./dist/types/src/components/GrToaster/index.d.ts",
       "import": "./dist/components/GrToaster/index.js"
@@ -291,10 +328,62 @@
       "types": "./dist/types/src/components/GrTreeSelect/index.d.ts",
       "import": "./dist/components/GrTreeSelect/index.js"
     },
+    "./composables/useDismissible": {
+      "types": "./dist/types/src/composables/useDismissible.d.ts",
+      "import": "./dist/composables/useDismissible.js"
+    },
+    "./composables/useFloating": {
+      "types": "./dist/types/src/composables/useFloating.d.ts",
+      "import": "./dist/composables/useFloating.js"
+    },
+    "./composables/useFocusTrap": {
+      "types": "./dist/types/src/composables/useFocusTrap.d.ts",
+      "import": "./dist/composables/useFocusTrap.js"
+    },
+    "./composables/useGrFormControl": {
+      "types": "./dist/types/src/composables/useGrFormControl.d.ts",
+      "import": "./dist/composables/useGrFormControl.js"
+    },
+    "./composables/usePortalTarget": {
+      "types": "./dist/types/src/composables/usePortalTarget.d.ts",
+      "import": "./dist/composables/usePortalTarget.js"
+    },
+    "./composables/useOverlayLayer": {
+      "types": "./dist/types/src/composables/useOverlayLayer.d.ts",
+      "import": "./dist/composables/useOverlayLayer.js"
+    },
+    "./composables/useRovingFocus": {
+      "types": "./dist/types/src/composables/useRovingFocus.d.ts",
+      "import": "./dist/composables/useRovingFocus.js"
+    },
+    "./composables/useGrComponentConfig": {
+      "types": "./dist/types/src/composables/useGrComponentConfig.d.ts",
+      "import": "./dist/composables/useGrComponentConfig.js"
+    },
+    "./composables/useComboboxNavigation": {
+      "types": "./dist/types/src/composables/useComboboxNavigation.d.ts",
+      "import": "./dist/composables/useComboboxNavigation.js"
+    },
+    "./composables/useGranularityTranslations": {
+      "types": "./dist/types/src/composables/useGranularityTranslations.d.ts",
+      "import": "./dist/composables/useGranularityTranslations.js"
+    },
     "./composables/useTheme": {
       "types": "./dist/types/src/composables/useTheme.d.ts",
       "import": "./dist/composables/useTheme.js"
     },
+    "./composables/useDragGesture": {
+      "types": "./dist/types/src/composables/useDragGesture.d.ts",
+      "import": "./dist/composables/useDragGesture.js"
+    },
+    "./composables/useDragSort": {
+      "types": "./dist/types/src/composables/useDragSort.d.ts",
+      "import": "./dist/composables/useDragSort.js"
+    },
+    "./composables/useVirtualList": {
+      "types": "./dist/types/src/composables/useVirtualList.d.ts",
+      "import": "./dist/composables/useVirtualList.js"
+    },
     "./composables/useToast": {
       "types": "./dist/types/src/composables/useToast.d.ts",
       "import": "./dist/composables/useToast.js"
@@ -352,22 +441,33 @@
       "types": "./dist/types/src/granular-provider/node.d.ts",
       "import": "./dist/granular-provider-node.js",
       "default": "./dist/granular-provider-node.js"
-    }
+    },
+    "./tokens": {
+      "types": "./dist/types/src/tokens/index.d.ts",
+      "import": "./dist/tokens.js",
+      "default": "./dist/tokens.js"
+    },
+    "./tokens/*.json": "./tokens/*.json"
   },
   "peerDependencies": {
-    "@feugene/fint-i18n": "^0.3.0",
-    "@feugene/unocss-preset-granular": "^0.4.0",
+    "@feugene/fint-i18n": "^0.6.0",
+    "@feugene/unocss-preset-granular": "^0.9.1",
+    "@floating-ui/dom": "^1.8.0",
     "vue": "^3.5.40"
   },
   "peerDependenciesMeta": {
     "@feugene/fint-i18n": {
       "optional": true
+    },
+    "@floating-ui/dom": {
+      "optional": false
     }
   },
   "devDependencies": {
     "@antfu/eslint-config": "^9.1.0",
-    "@feugene/fint-i18n": "^0.3.0",
-    "@feugene/unocss-preset-granular": "^0.4.0",
+    "@feugene/fint-i18n": "^0.6.0",
+    "@feugene/unocss-preset-granular": "^0.9.1",
+    "@floating-ui/dom": "^1.8.0",
     "@iconify-json/lucide": "^1.2.117",
     "@types/node": "^25.9.5",
     "@unocss/eslint-plugin": "^66.7.5",
@@ -378,6 +478,7 @@
     "globals": "^17.7.0",
     "jsdom": "^29.1.1",
     "typescript": "^6.0.2",
+    "unocss": "^66.7.5",
     "unplugin-icons": "^23.0.1",
     "vite": "^8.1.5",
     "vite-plugin-lib-inject-css": "^2.2.2",
@@ -387,15 +488,15 @@
   },
   "scripts": {
     "build": "vite build && node scripts/generate-web-types.mjs && vue-tsc -p tsconfig.build.json",
+    "check:messages": "fint-i18n-check-messages src/i18n/locales",
     "dev": "vite build --watch",
+    "doctor": "granular doctor ./granular.options.mjs --strict",
+    "generate:registry": "node scripts/generate-registry.mjs",
+    "generate:tokens": "node scripts/generate-tokens.mjs",
     "lint": "eslint . --cache",
     "lint:fix": "eslint . --cache --fix",
-    "typecheck": "vue-tsc --noEmit -p tsconfig.json",
     "test": "vitest --config vitest.config.ts",
-    "test:run": "vitest run --config vitest.config.ts"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.8.0",
-    "@headlessui/vue": "^1.7.23"
+    "test:run": "vitest run --config vitest.config.ts",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json"
   }
 }

package/tokens/derived.json

@@ -0,0 +1,142 @@
+{
+  "groups": [
+    {
+      "title": "Derived interaction formulas: action roles",
+      "fallbackTitle": "Action role fallbacks",
+      "tokens": [
+        {
+          "name": "--gr-primary-hover",
+          "description": "Hover-состояние primary action: подмес `--gr-fg` 8% в `--gr-primary`.",
+          "base": "--gr-primary",
+          "amount": 92,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-primary-active",
+          "description": "Active-состояние primary action: подмес `--gr-fg` 16% в `--gr-primary`.",
+          "base": "--gr-primary",
+          "amount": 84,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-secondary-hover",
+          "description": "Hover-состояние secondary action: подмес `--gr-fg` 8% в `--gr-secondary`.",
+          "base": "--gr-secondary",
+          "amount": 92,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-secondary-active",
+          "description": "Active-состояние secondary action: подмес `--gr-fg` 16% в `--gr-secondary`.",
+          "base": "--gr-secondary",
+          "amount": 84,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-brd-hover",
+          "description": "Hover-состояние бордеров и outline-элементов: подмес `--gr-fg` 30% в `--gr-brd`.",
+          "base": "--gr-brd",
+          "amount": 70,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-brd-active",
+          "description": "Active-состояние бордеров и outline-элементов: подмес `--gr-fg` 45% в `--gr-brd`.",
+          "base": "--gr-brd",
+          "amount": 55,
+          "mixWith": "--gr-fg"
+        }
+      ]
+    },
+    {
+      "title": "Derived interaction formulas: status roles",
+      "fallbackTitle": "Status role fallbacks",
+      "tokens": [
+        {
+          "name": "--gr-success-hover",
+          "description": "Hover-состояние success-ролей: подмес `--gr-fg` 8% в `--gr-success`.",
+          "base": "--gr-success",
+          "amount": 92,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-success-active",
+          "description": "Active-состояние success-ролей: подмес `--gr-fg` 16% в `--gr-success`.",
+          "base": "--gr-success",
+          "amount": 84,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-warning-hover",
+          "description": "Hover-состояние warning-ролей: подмес `--gr-fg` 8% в `--gr-warning`.",
+          "base": "--gr-warning",
+          "amount": 92,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-warning-active",
+          "description": "Active-состояние warning-ролей: подмес `--gr-fg` 16% в `--gr-warning`.",
+          "base": "--gr-warning",
+          "amount": 84,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-danger-hover",
+          "description": "Hover-состояние danger-ролей: подмес `--gr-fg` 8% в `--gr-danger`.",
+          "base": "--gr-danger",
+          "amount": 92,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-danger-active",
+          "description": "Active-состояние danger-ролей: подмес `--gr-fg` 16% в `--gr-danger`.",
+          "base": "--gr-danger",
+          "amount": 84,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-info-hover",
+          "description": "Hover-состояние info-ролей: подмес `--gr-fg` 8% в `--gr-info`.",
+          "base": "--gr-info",
+          "amount": 92,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-info-active",
+          "description": "Active-состояние info-ролей: подмес `--gr-fg` 16% в `--gr-info`.",
+          "base": "--gr-info",
+          "amount": 84,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-slate-hover",
+          "description": "Hover-состояние slate-ролей: подмес `--gr-fg` 8% в `--gr-slate`.",
+          "base": "--gr-slate",
+          "amount": 92,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-slate-active",
+          "description": "Active-состояние slate-ролей: подмес `--gr-fg` 16% в `--gr-slate`.",
+          "base": "--gr-slate",
+          "amount": 84,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-azure-hover",
+          "description": "Hover-состояние azure-ролей: подмес `--gr-fg` 8% в `--gr-azure`.",
+          "base": "--gr-azure",
+          "amount": 92,
+          "mixWith": "--gr-fg"
+        },
+        {
+          "name": "--gr-azure-active",
+          "description": "Active-состояние azure-ролей: подмес `--gr-fg` 16% в `--gr-azure`.",
+          "base": "--gr-azure",
+          "amount": 84,
+          "mixWith": "--gr-fg"
+        }
+      ]
+    }
+  ]
+}