@feugene/granularity 0.16.0 → 0.18.0

package/dist/types/src/i18n/messages/es.d.ts

@@ -34,6 +34,7 @@ export declare const es: {
                     drag: string;
                     expand: string;
                     collapse: string;
+                    moved: string;
                 };
                 select: {
                     customValuePlaceholder: string;
@@ -52,6 +53,10 @@ export declare const es: {
                     sortAsc: string;
                     sortDesc: string;
                     sortNone: string;
+                    moveColumn: string;
+                    columnMoved: string;
+                    resizeColumn: string;
+                    columnResized: string;
                 };
                 breadcrumbs: {
                     label: string;
@@ -272,6 +277,16 @@ export declare const es: {
                     control: string;
                     enter: string;
                     escape: string;
+                    tab: string;
+                    backspace: string;
+                    delete: string;
+                    pageUp: string;
+                    pageDown: string;
+                    arrowUp: string;
+                    arrowDown: string;
+                    arrowLeft: string;
+                    arrowRight: string;
+                    then: string;
                 };
                 link: {
                     opensInNewTab: string;
@@ -312,6 +327,15 @@ export declare const es: {
                 emptyState: {
                     title: string;
                 };
+                sortable: {
+                    label: string;
+                    handle: string;
+                    empty: string;
+                    grabbed: string;
+                    moved: string;
+                    dropped: string;
+                    cancelled: string;
+                };
             };
             common: {
                 confirm: string;
@@ -345,6 +369,7 @@ export declare const es: {
                 drag: string;
                 expand: string;
                 collapse: string;
+                moved: string;
             };
             select: {
                 customValuePlaceholder: string;
@@ -363,6 +388,10 @@ export declare const es: {
                 sortAsc: string;
                 sortDesc: string;
                 sortNone: string;
+                moveColumn: string;
+                columnMoved: string;
+                resizeColumn: string;
+                columnResized: string;
             };
             breadcrumbs: {
                 label: string;
@@ -583,6 +612,16 @@ export declare const es: {
                 control: string;
                 enter: string;
                 escape: string;
+                tab: string;
+                backspace: string;
+                delete: string;
+                pageUp: string;
+                pageDown: string;
+                arrowUp: string;
+                arrowDown: string;
+                arrowLeft: string;
+                arrowRight: string;
+                then: string;
             };
             link: {
                 opensInNewTab: string;
@@ -623,6 +662,15 @@ export declare const es: {
             emptyState: {
                 title: string;
             };
+            sortable: {
+                label: string;
+                handle: string;
+                empty: string;
+                grabbed: string;
+                moved: string;
+                dropped: string;
+                cancelled: string;
+            };
         }>;
     };
 };

package/dist/types/src/i18n/messages/ru.d.ts

@@ -34,6 +34,7 @@ export declare const ru: {
                     drag: string;
                     expand: string;
                     collapse: string;
+                    moved: string;
                 };
                 select: {
                     customValuePlaceholder: string;
@@ -52,6 +53,10 @@ export declare const ru: {
                     sortAsc: string;
                     sortDesc: string;
                     sortNone: string;
+                    moveColumn: string;
+                    columnMoved: string;
+                    resizeColumn: string;
+                    columnResized: string;
                 };
                 breadcrumbs: {
                     label: string;
@@ -274,6 +279,16 @@ export declare const ru: {
                     control: string;
                     enter: string;
                     escape: string;
+                    tab: string;
+                    backspace: string;
+                    delete: string;
+                    pageUp: string;
+                    pageDown: string;
+                    arrowUp: string;
+                    arrowDown: string;
+                    arrowLeft: string;
+                    arrowRight: string;
+                    then: string;
                 };
                 link: {
                     opensInNewTab: string;
@@ -314,6 +329,15 @@ export declare const ru: {
                 emptyState: {
                     title: string;
                 };
+                sortable: {
+                    label: string;
+                    handle: string;
+                    empty: string;
+                    grabbed: string;
+                    moved: string;
+                    dropped: string;
+                    cancelled: string;
+                };
             };
             common: {
                 confirm: string;
@@ -347,6 +371,7 @@ export declare const ru: {
                 drag: string;
                 expand: string;
                 collapse: string;
+                moved: string;
             };
             select: {
                 customValuePlaceholder: string;
@@ -365,6 +390,10 @@ export declare const ru: {
                 sortAsc: string;
                 sortDesc: string;
                 sortNone: string;
+                moveColumn: string;
+                columnMoved: string;
+                resizeColumn: string;
+                columnResized: string;
             };
             breadcrumbs: {
                 label: string;
@@ -587,6 +616,16 @@ export declare const ru: {
                 control: string;
                 enter: string;
                 escape: string;
+                tab: string;
+                backspace: string;
+                delete: string;
+                pageUp: string;
+                pageDown: string;
+                arrowUp: string;
+                arrowDown: string;
+                arrowLeft: string;
+                arrowRight: string;
+                then: string;
             };
             link: {
                 opensInNewTab: string;
@@ -627,6 +666,15 @@ export declare const ru: {
             emptyState: {
                 title: string;
             };
+            sortable: {
+                label: string;
+                handle: string;
+                empty: string;
+                grabbed: string;
+                moved: string;
+                dropped: string;
+                cancelled: string;
+            };
         }>;
     };
 };

package/dist/types/src/index.d.ts

@@ -53,6 +53,7 @@ export * from './components/GrSelect';
 export * from './components/GrSidebar';
 export * from './components/GrSkeleton';
 export * from './components/GrSlider';
+export * from './components/GrSortableList';
 export * from './components/GrSplitter';
 export * from './components/GrStatistic';
 export * from './components/GrSwitch';
@@ -73,12 +74,23 @@ export { usePortalTarget } from './composables/usePortalTarget';
 export type { PortalTarget } from './composables/usePortalTarget';
 export { useOverlayLayer } from './composables/useOverlayLayer';
 export type { OverlayLayerHandle, UseOverlayLayerOptions } from './composables/useOverlayLayer';
+export { useRovingFocus } from './composables/useRovingFocus';
+export type { GrRovingEdge, GrRovingOrientation, UseRovingFocusOptions, UseRovingFocusReturn, } from './composables/useRovingFocus';
+export * from './composables/useGrComponentConfig';
+export { useComboboxNavigation } from './composables/useComboboxNavigation';
+export type { UseComboboxNavigationOptions, UseComboboxNavigationReturn, } from './composables/useComboboxNavigation';
+export { useGranularityTranslations } from './composables/useGranularityTranslations';
+export type { GranularityI18nLike } from './composables/useGranularityTranslations';
 export { useFloating } from './composables/useFloating';
 export type { UseFloatingOptions, UseFloatingPlacement, UseFloatingReturn } from './composables/useFloating';
 export { useAnnouncer } from './composables/useAnnouncer';
 export type { GrAnnounceOptions, GrAnnouncer, GrAnnouncerPoliteness } from './composables/useAnnouncer';
 export { useVirtualList } from './composables/useVirtualList';
 export type { GrVirtualAlign, UseVirtualListOptions, UseVirtualListReturn } from './composables/useVirtualList';
+export { useDragGesture } from './composables/useDragGesture';
+export type { UseDragGestureOptions, UseDragGestureReturn } from './composables/useDragGesture';
+export { useDragSort } from './composables/useDragSort';
+export type { DragSortHit, DragSortMode, DragSortOrientation, UseDragSortOptions, UseDragSortReturn, } from './composables/useDragSort';
 export { useGrFormControl } from './composables/useGrFormControl';
 export type { GrFormControlProps, GrFormControlState } from './composables/useGrFormControl';
 export { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from './composables/useTheme';

package/dist/types/src/internal/keyboard.d.ts

@@ -21,6 +21,12 @@ export declare function isComposingEvent(event: KeyboardEvent): boolean;
  * typeahead меню обязаны молчать, пока пользователь печатает в поле внутри них.
  */
 export declare function isEditableTarget(target: EventTarget | null): boolean;
+/**
+ * macOS определяем по платформе: от неё зависит, чем является токен `mod` —
+ * Cmd или Ctrl. Живёт здесь, а не рядом с одним потребителем: то же нужно
+ * `GrKbd` (что показать), палитре (что слушать) и директиве `v-hotkey`.
+ */
+export declare function isAppleDevice(): boolean;
 /** Физический код клавиши для латинской буквы или цифры; иначе `null`. */
 export declare function codeForChar(ch: string): string | null;
 export interface EventMatchesKeyOptions {

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@feugene/granularity",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
@@ -2414,6 +2414,42 @@
                 "kind": "expression",
                 "type": "string | number | undefined"
               }
+            },
+            {
+              "name": "reorderableColumns",
+              "description": "Пользовательский порядок колонок: в шапке появляется ручка переноса. Колонка тянется указателем и двигается `Shift`+`←`/`→` с клавиатуры.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "columnOrder",
+              "description": "Контролируемый порядок колонок — ключи в нужном порядке (`v-model:columnOrder`). Не задан — порядок компонент помнит сам, начиная с порядка `columns`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string[] | undefined"
+              }
+            },
+            {
+              "name": "resizableColumns",
+              "description": "Пользовательская ширина колонок: у правого края заголовка появляется ручка. Тянется указателем, с клавиатуры — стрелками (паттерн window splitter). Включает фиксированную раскладку таблицы: без неё браузер пересчитывает ширины по содержимому и заданная пользователем пропадает.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "columnWidths",
+              "description": "Контролируемые ширины в пикселях по ключу колонки (`v-model:columnWidths`). Не заданы — ширины компонент помнит сам.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "Record<string, number> | undefined"
+              }
             }
           ],
           "slots": [
@@ -2446,6 +2482,18 @@
               },
               {
                 "name": "rowClick"
+              },
+              {
+                "name": "update:columnOrder"
+              },
+              {
+                "name": "columnReorder"
+              },
+              {
+                "name": "update:columnWidths"
+              },
+              {
+                "name": "columnResize"
               }
             ]
           }
@@ -4939,6 +4987,15 @@
             "symbol": "GrKbd"
           },
           "props": [
+            {
+              "name": "variant",
+              "description": "`merged` (по умолчанию) — сочетание одной плашкой, как его пишут сами системы: `⌘K` на macOS, `Ctrl+K` на прочих. `split` — по плашке на клавишу. `sequence` — аккорд «G затем I»: клавиши нажимают одну за другой.",
+              "default": "\"merged\"",
+              "value": {
+                "kind": "expression",
+                "type": "\"split\" | \"merged\" | \"sequence\" | undefined"
+              }
+            },
             {
               "name": "keys",
               "description": "Сочетание: строкой (`\"mod+shift+K\"`) или набором токенов (`['mod', 'K']`). Токен `mod` — Cmd на macOS, Ctrl на остальных.",
@@ -4958,8 +5015,8 @@
             },
             {
               "name": "separator",
-              "description": "Разделитель между клавишами сочетания. Пустая строка — только зазор.",
-              "default": "\"+\"",
+              "description": "Разделитель между клавишами. Не задан — авто: в общей плашке символы склеиваются (`⌘K`), а слова разделяются плюсом (`Ctrl+K`); у `split` это плюс, у `sequence` — слово из локали. Пустая строка — только зазор.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
@@ -8207,6 +8264,129 @@
             ]
           }
         },
+        {
+          "name": "GrSortableList",
+          "source": {
+            "module": "@feugene/granularity/components/GrSortableList",
+            "symbol": "GrSortableList"
+          },
+          "props": [
+            {
+              "name": "modelValue",
+              "required": true,
+              "description": "Набор в текущем порядке. `v-model`: наружу уходит новый массив, вход не мутируется.",
+              "value": {
+                "kind": "expression",
+                "type": "T[]"
+              }
+            },
+            {
+              "name": "itemKey",
+              "description": "Ключ элемента: имя поля или функция. Без него — индекс.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | ((item: T, index: number) => string | number) | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Список только для чтения: ни указателем, ни с клавиатуры.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Ось переноса. `horizontal` — ряд с переносом по ширине.",
+              "default": "\"vertical\"",
+              "value": {
+                "kind": "expression",
+                "type": "GrSortableOrientation | undefined"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "Поверхность под списком — вариант карточки.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrCardVariant | undefined"
+              }
+            },
+            {
+              "name": "divided",
+              "description": "Разделители между строками.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "handleOnly",
+              "description": "Тянуть можно только за ручку. Выключено — тянется вся строка.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "maxHeight",
+              "description": "Высота видимой части: список становится скроллером с автопрокруткой при переносе.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "emptyText",
+              "description": "Текст пустого состояния. Слот `#empty` сильнее.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "description": "Имя списка для скринридера. Не задано — берётся из локали.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "item"
+            },
+            {
+              "name": "handle"
+            },
+            {
+              "name": "empty"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue"
+              },
+              {
+                "name": "move"
+              },
+              {
+                "name": "change"
+              }
+            ]
+          }
+        },
         {
           "name": "GrSplitter",
           "source": {
@@ -8895,6 +9075,15 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
+            },
+            {
+              "name": "tableMinWidth",
+              "description": "Минимальная ширина самой таблицы (число — пиксели). Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto` браузер вписывает таблицу в контейнер и делит место между колонками пропорционально — то есть заданные ширины молча ужимаются, а горизонтальной прокрутки, на которой держатся закреплённые колонки, не возникает вовсе.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
             }
           ],
           "slots": [
@@ -9420,6 +9609,15 @@
                 "kind": "expression",
                 "type": "string | false | undefined"
               }
+            },
+            {
+              "name": "swipeDismiss",
+              "description": "Смахивание тоста к своему краю экрана. Клавиатурный эквивалент — `Delete` и `Backspace` на сфокусированном тосте — остаётся и при выключенном жесте.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [

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.16.0",
+  "version": "0.18.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",
@@ -276,6 +276,10 @@
       "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"
@@ -348,10 +352,34 @@
       "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"
@@ -423,7 +451,7 @@
   },
   "peerDependencies": {
     "@feugene/fint-i18n": "^0.6.0",
-    "@feugene/unocss-preset-granular": "^0.8.1",
+    "@feugene/unocss-preset-granular": "^0.9.1",
     "@floating-ui/dom": "^1.8.0",
     "vue": "^3.5.40"
   },
@@ -438,7 +466,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^9.1.0",
     "@feugene/fint-i18n": "^0.6.0",
-    "@feugene/unocss-preset-granular": "^0.8.1",
+    "@feugene/unocss-preset-granular": "^0.9.1",
     "@floating-ui/dom": "^1.8.0",
     "@iconify-json/lucide": "^1.2.117",
     "@types/node": "^25.9.5",

package/dist/chunks/config-B-g6lT19.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-B-g6lT19.js","names":[],"sources":["../../src/components/GrKbd/safelist.ts","../../src/components/GrKbd/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport { comboBaseClass, comboGaps, keyBaseClass, keySizes, separatorClass } from './grKbdStyles'\n\nexport const grKbdSafelist = [...new Set([\n  ...splitClassTokens(keyBaseClass),\n  ...Object.values(keySizes).flatMap(splitClassTokens),\n  ...splitClassTokens(comboBaseClass),\n  ...Object.values(comboGaps).flatMap(splitClassTokens),\n  ...splitClassTokens(separatorClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grKbdSafelist } from './safelist'\n\nexport const grKbdConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrKbd',\n  safelist: grKbdSafelist,\n})\n"],"mappings":";;;;AAGA,IAAa,gBAAgB,CAAC,mBAAG,IAAI,IAAI;CACvC,GAAG,iBAAiB,YAAY;CAChC,GAAG,OAAO,OAAO,QAAQ,CAAC,CAAC,QAAQ,gBAAgB;CACnD,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,iBAAiB,cAAc;AACpC,CAAC,CAAC;;;ACLF,IAAa,cAAc,wBAAwB,OAAO,KAAK,KAAK;CAClE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"config-BE6n20np.js","names":[],"sources":["../../src/components/GrSplitter/grSplitterStyles.ts","../../src/components/GrSplitter/safelist.ts","../../src/components/GrSplitter/config.ts"],"sourcesContent":["/**\n * Классы `GrSplitter`. Геометрия (толщина полосы, зона захвата, курсоры)\n * зависит от ориентации и от состояния жеста, поэтому живёт в собственном\n * `<style>` компонента, а не в утилитах.\n */\n\nexport const rootClass = 'grid h-full w-full'\n\n/** Без `min-*: 0` содержимое панели распирает грид-трек и ломает раскладку. */\nexport const paneClass = 'min-h-0 min-w-0'\n\n// `touch-none` в связке presetMini + presetGranular CSS не даёт — только произвольное свойство.\nexport const separatorClass = 'relative [touch-action:none] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset'\n","import { splitClassTokens } from '../shared/classTokens'\nimport { paneClass, rootClass, separatorClass } from './grSplitterStyles'\n\nexport const grSplitterSafelist = [...new Set([\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(paneClass),\n  ...splitClassTokens(separatorClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSplitterSafelist } from './safelist'\n\nexport const grSplitterConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSplitter',\n  safelist: grSplitterSafelist,\n})\n"],"mappings":";;;;;;;;AAMA,IAAa,YAAY;;AAGzB,IAAa,YAAY;AAGzB,IAAa,iBAAiB;;;ACT9B,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,cAAc;AACpC,CAAC,CAAC;;;ACHF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}