@feugene/granularity 0.48.0 → 0.49.0

package/dist/types/granular-provider/shared.d.ts

@@ -61,6 +61,7 @@ export declare const granularityComponentConfigs: {
     GrModal: GranularComponentDescriptor<"GrModal">;
     GrNavbar: GranularComponentDescriptor<"GrNavbar">;
     GrNumberInput: GranularComponentDescriptor<"GrNumberInput">;
+    GrOtpInput: GranularComponentDescriptor<"GrOtpInput">;
     GrPagination: GranularComponentDescriptor<"GrPagination">;
     GrPopover: GranularComponentDescriptor<"GrPopover">;
     GrProgressBar: GranularComponentDescriptor<"GrProgressBar">;

package/dist/types/i18n/messages/en.d.ts

@@ -154,6 +154,8 @@ export declare const en: {
                 };
                 switch: {
                     loading: string;
+                    on: string;
+                    off: string;
                 };
                 slider: {
                     min: string;
@@ -557,6 +559,8 @@ export declare const en: {
             };
             switch: {
                 loading: string;
+                on: string;
+                off: string;
             };
             slider: {
                 min: string;

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

@@ -148,6 +148,8 @@ export declare const es: {
                 };
                 switch: {
                     loading: string;
+                    on: string;
+                    off: string;
                 };
                 slider: {
                     min: string;
@@ -553,6 +555,8 @@ export declare const es: {
             };
             switch: {
                 loading: string;
+                on: string;
+                off: string;
             };
             slider: {
                 min: string;

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

@@ -149,6 +149,8 @@ export declare const ru: {
                 };
                 switch: {
                     loading: string;
+                    on: string;
+                    off: string;
                 };
                 slider: {
                     min: string;
@@ -556,6 +558,8 @@ export declare const ru: {
             };
             switch: {
                 loading: string;
+                on: string;
+                off: string;
             };
             slider: {
                 min: string;

package/dist/types/index.d.ts

@@ -48,6 +48,7 @@ export * from './components/GrLoading';
 export * from './components/GrModal';
 export * from './components/GrNavbar';
 export * from './components/GrNumberInput';
+export * from './components/GrOtpInput';
 export * from './components/GrPagination';
 export * from './components/GrPopover';
 export * from './components/GrProgressBar';

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.48.0",
+  "version": "0.49.0",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
@@ -667,6 +667,15 @@
                 "kind": "expression",
                 "type": "GrBadgeRadius | undefined"
               }
+            },
+            {
+              "name": "dot",
+              "description": "Точка-маркер перед подписью: «● Активен». Имя тона красит маркер отдельно от плашки — ради пары «тихая плашка + цветной маркер», из-за которой паттерн и существует. `true` берёт тон самого бейджа. На заливке (`dark`) маркер всегда цвета текста: тон там слился бы с подложкой, взятой из того же слоя.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | GrBadgeDotTone | undefined"
+              }
             }
           ],
           "slots": [
@@ -713,20 +722,20 @@
               }
             },
             {
-              "name": "value",
-              "default": "undefined",
+              "name": "dot",
+              "description": "Точка вместо числа: чистая декорация, если не задан `ariaLabel`.",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "dot",
-              "description": "Точка вместо числа: чистая декорация, если не задан `ariaLabel`.",
-              "default": "false",
+              "name": "value",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
@@ -7178,6 +7187,199 @@
             ]
           }
         },
+        {
+          "name": "GrOtpInput",
+          "source": {
+            "module": "@feugene/granularity/components/GrOtpInput",
+            "symbol": "GrOtpInput"
+          },
+          "props": [
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "length",
+              "description": "Число ячеек.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "type",
+              "description": "Допустимый алфавит и раскладка мобильной клавиатуры.",
+              "default": "\"numeric\"",
+              "value": {
+                "kind": "expression",
+                "type": "\"text\" | \"numeric\" | \"alphanumeric\" | undefined"
+              }
+            },
+            {
+              "name": "modelValue",
+              "description": "Код целиком, без разделителей.",
+              "default": "\"\"",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "readonly",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "invalid",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "required",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "Знак в пустой ячейке.",
+              "default": "\"\"",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "name",
+              "description": "Имя поля для нативной отправки формы.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "form",
+              "description": "`id` формы, если поле лежит вне неё.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "pattern",
+              "description": "Свой алфавит регуляркой на **один символ**. Перекрывает `type`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "groups",
+              "description": "Разбивка на группы: `[3, 3]` рисует `123 – 456`. Сумма обязана равняться `length`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "number[] | undefined"
+              }
+            },
+            {
+              "name": "masked",
+              "description": "Точки вместо символов — сценарий PIN. На `modelValue` не влияет.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "autofocus",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "oneTimeCode",
+              "description": "`autocomplete=\"one-time-code\"`: код из SMS подставляется на iOS и macOS.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "webOtp",
+              "description": "Приём кода из SMS на Android через WebOTP. Выключен: требует HTTPS и особого хвоста в тексте сообщения, который добавляет бэкенд.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "cell",
+              "description": "Своё оформление ячейки. Размер и рамку по-прежнему держит компонент."
+            },
+            {
+              "name": "separator",
+              "description": "Знак между группами. По умолчанию — тире."
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue"
+              },
+              {
+                "name": "change"
+              },
+              {
+                "name": "focus"
+              },
+              {
+                "name": "blur"
+              },
+              {
+                "name": "complete"
+              }
+            ]
+          }
+        },
         {
           "name": "GrPagination",
           "source": {
@@ -10434,12 +10636,56 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "showStateText",
+              "description": "Подпись состояния внутри дорожки — на свободной от бегунка стороне. Помещается только на `md` и `lg`; на мелких ступенях не рисуется.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "checkedText",
+              "description": "Текст включённого состояния. Без него — `gr.switch.on` из локали.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "uncheckedText",
+              "description": "Текст выключенного состояния. Без него — `gr.switch.off` из локали.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "autoWidth",
+              "description": "Дорожка растягивается под подпись, а ступень размера становится нижней границей ширины. Без `showStateText` смысла не имеет: тянуться не под что.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [
             {
               "name": "default",
               "description": "Подпись переключателя."
+            },
+            {
+              "name": "checked-icon",
+              "description": "Знак на бегунке во включённом состоянии — галочка, замок, что угодно. Размер задаёт обёртка по ступени `size`, поэтому содержимое слота тянется до неё: `class=\"h-full w-full\"`, как у `GrBadge` и `GrChip`. Знак декоративен — бегунок целиком `aria-hidden`, а состояние диктор берёт из `aria-checked`. Смысла, которого нет больше нигде, сюда класть нельзя."
+            },
+            {
+              "name": "unchecked-icon",
+              "description": "То же для выключенного состояния. Слоты независимы."
             }
           ],
           "js": {

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.48.0",
+  "version": "0.49.0",
   "license": "LicenseRef-Granularity-EUC-1.1",
   "author": {
     "name": "Evgeniy Fureev",
@@ -322,6 +322,10 @@
       "types": "./dist/types/components/GrNumberInput/index.d.ts",
       "import": "./dist/components/GrNumberInput/index.js"
     },
+    "./components/GrOtpInput": {
+      "types": "./dist/types/components/GrOtpInput/index.d.ts",
+      "import": "./dist/components/GrOtpInput/index.js"
+    },
     "./components/GrPagination": {
       "types": "./dist/types/components/GrPagination/index.d.ts",
       "import": "./dist/components/GrPagination/index.js"

package/dist/chunks/config-Yy67uWHY.js

@@ -1,140 +0,0 @@
-import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
-import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
-//#region src/components/GrSwitch/grSwitchStyles.ts
-var rootBase = "inline-flex items-center gap-2 select-none disabled:cursor-not-allowed";
-/** `start` разворачивает ряд, а не меняет порядок узлов: DOM-порядок читает диктор. */
-var rootLabelPositions = {
-	start: "flex-row-reverse",
-	end: ""
-};
-var trackBase = "relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]";
-var trackSizes = {
-	xs: "h-4 w-7",
-	sm: "h-5 w-9",
-	md: "h-6 w-11",
-	lg: "h-7 w-14"
-};
-var thumbBase = "inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-transform duration-[var(--gr-duration-fast)]";
-var thumbSizes = {
-	xs: "h-3 w-3",
-	sm: "h-4 w-4",
-	md: "h-5 w-5",
-	lg: "h-6 w-6"
-};
-/** Спиннер загрузки живёт в бегунке, поэтому мельче его на ступень. */
-var thumbSpinnerSizes = {
-	xs: "h-2 w-2",
-	sm: "h-2.5 w-2.5",
-	md: "h-3 w-3",
-	lg: "h-4 w-4"
-};
-var thumbSpinnerBase = "animate-spin text-[var(--gr-muted-fg)]";
-/**
-* Сдвиг бегунка по горизонтали.
-*
-* Бегунок — обычный флекс-ребёнок дорожки, поэтому сдвиг отсчитывается от её
-* **content-box**, а он на 2px уже внешнего размера: рамка по 1px с каждой
-* стороны. Отсюда и весь расчёт.
-*
-* Зазор по вертикали задан геометрией и равен 1px на всех ступенях
-* (`(content-height − thumb) / 2`, дорожка центрирует бегунок сама). Значит и по
-* горизонтали он обязан быть 1px: иначе бегунок в покое выглядит вдавленным
-* внутрь, а в крайнем положении прижатым к краю — именно так и было, зазоры
-* расходились на 1–2px у `xs`, `sm` и `lg`.
-*
-* | ступень | дорожка | content | бегунок | покой | крайнее |
-* | --- | --- | --- | --- | --- | --- |
-* | `xs` | 28 | 26 | 12 | 1 | 13 |
-* | `sm` | 36 | 34 | 16 | 1 | 17 |
-* | `md` | 44 | 42 | 20 | 1 | 21 |
-* | `lg` | 56 | 54 | 24 | 1 | 29 |
-*
-* Крайнее положение — `content − thumb − зазор`. Гейт на эту арифметику живёт в
-* `__tests__/GrSwitch.test.ts`: он считает её заново из `trackSizes`/`thumbSizes`,
-* поэтому смена любой ступени размера сразу покажет разъехавшийся зазор.
-*/
-var thumbTranslations = {
-	xs: {
-		checked: "translate-x-[13px]",
-		unchecked: "translate-x-[1px]"
-	},
-	sm: {
-		checked: "translate-x-[17px]",
-		unchecked: "translate-x-[1px]"
-	},
-	md: {
-		checked: "translate-x-[21px]",
-		unchecked: "translate-x-[1px]"
-	},
-	lg: {
-		checked: "translate-x-[29px]",
-		unchecked: "translate-x-[1px]"
-	}
-};
-var labelBase = "text-[var(--gr-muted-fg)]";
-/**
-* Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет
-* выверенные на AA токены текста и роняет контраст подписи.
-*/
-var labelDisabledClass = "text-[var(--gr-disabled-fg)]";
-var labelSizes = {
-	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
-	sm: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
-	md: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
-	lg: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
-};
-function grSwitchRootClass(labelPosition) {
-	return [rootBase, rootLabelPositions[labelPosition]].filter(Boolean).join(" ");
-}
-function grSwitchTrackClass(size) {
-	return [trackBase, trackSizes[size]].join(" ");
-}
-function grSwitchThumbClass(options) {
-	return [
-		thumbBase,
-		thumbSizes[options.size],
-		thumbTranslations[options.size][options.checked ? "checked" : "unchecked"]
-	].join(" ");
-}
-function grSwitchSpinnerClass(size) {
-	return [thumbSpinnerBase, thumbSpinnerSizes[size]].join(" ");
-}
-function grSwitchLabelClass(size, disabled = false) {
-	return [disabled ? labelDisabledClass : labelBase, labelSizes[size]].join(" ");
-}
-//#endregion
-//#region src/components/GrSwitch/safelist.ts
-var grSwitchClassTokens = {
-	rootBase: splitClassTokens(rootBase),
-	rootLabelPositions: Object.values(rootLabelPositions).flatMap(splitClassTokens),
-	trackBase: splitClassTokens(trackBase),
-	trackSizes: Object.values(trackSizes).flatMap(splitClassTokens),
-	thumbBase: splitClassTokens(thumbBase),
-	thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),
-	thumbSpinner: [...splitClassTokens(thumbSpinnerBase), ...Object.values(thumbSpinnerSizes).flatMap(splitClassTokens)],
-	thumbTranslations: Object.values(thumbTranslations).flatMap(({ checked, unchecked }) => {
-		return [...splitClassTokens(checked), ...splitClassTokens(unchecked)];
-	}),
-	labelBase: [...splitClassTokens(labelBase), ...splitClassTokens(labelDisabledClass)],
-	labelSizes: Object.values(labelSizes).flatMap(splitClassTokens)
-};
-var grSwitchSafelist = [.../* @__PURE__ */ new Set([
-	...grSwitchClassTokens.rootBase,
-	...grSwitchClassTokens.rootLabelPositions,
-	...grSwitchClassTokens.trackBase,
-	...grSwitchClassTokens.trackSizes,
-	...grSwitchClassTokens.thumbBase,
-	...grSwitchClassTokens.thumbSizes,
-	...grSwitchClassTokens.thumbSpinner,
-	...grSwitchClassTokens.thumbTranslations,
-	...grSwitchClassTokens.labelBase,
-	...grSwitchClassTokens.labelSizes
-])];
-//#endregion
-//#region src/components/GrSwitch/config.ts
-var grSwitchConfig = defineGranularComponent(import.meta.url, {
-	name: "GrSwitch",
-	safelist: grSwitchSafelist
-});
-//#endregion
-export { grSwitchSpinnerClass as a, grSwitchRootClass as i, grSwitchSafelist as n, grSwitchThumbClass as o, grSwitchLabelClass as r, grSwitchTrackClass as s, grSwitchConfig as t };

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

@@ -1 +0,0 @@
-{"version":3,"file":"config-Yy67uWHY.js","names":[],"sources":["../../src/components/GrSwitch/grSwitchStyles.ts","../../src/components/GrSwitch/safelist.ts","../../src/components/GrSwitch/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrSwitchSize = GrComponentSize\n\n/** Сторона подписи относительно дорожки — логическая, не физическая (RTL). */\nexport const GR_SWITCH_LABEL_POSITIONS = ['start', 'end'] as const\nexport type GrSwitchLabelPosition = typeof GR_SWITCH_LABEL_POSITIONS[number]\n\ntype GrSwitchThumbClassOptions = {\n  checked: boolean\n  size: GrSwitchSize\n}\n\nexport const rootBase = 'inline-flex items-center gap-2 select-none disabled:cursor-not-allowed'\n\n/** `start` разворачивает ряд, а не меняет порядок узлов: DOM-порядок читает диктор. */\nexport const rootLabelPositions: Record<GrSwitchLabelPosition, string> = {\n  start: 'flex-row-reverse',\n  end: '',\n}\n\nexport const trackBase\n  = 'relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]'\n\nexport const trackSizes: Record<GrSwitchSize, string> = {\n  xs: 'h-4 w-7',\n  sm: 'h-5 w-9',\n  md: 'h-6 w-11',\n  lg: 'h-7 w-14',\n}\n\nexport const thumbBase\n  = 'inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-transform duration-[var(--gr-duration-fast)]'\n\nexport const thumbSizes: Record<GrSwitchSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-6 w-6',\n}\n\n/** Спиннер загрузки живёт в бегунке, поэтому мельче его на ступень. */\nexport const thumbSpinnerSizes: Record<GrSwitchSize, string> = {\n  xs: 'h-2 w-2',\n  sm: 'h-2.5 w-2.5',\n  md: 'h-3 w-3',\n  lg: 'h-4 w-4',\n}\n\nexport const thumbSpinnerBase = 'animate-spin text-[var(--gr-muted-fg)]'\n\n/**\n * Сдвиг бегунка по горизонтали.\n *\n * Бегунок — обычный флекс-ребёнок дорожки, поэтому сдвиг отсчитывается от её\n * **content-box**, а он на 2px уже внешнего размера: рамка по 1px с каждой\n * стороны. Отсюда и весь расчёт.\n *\n * Зазор по вертикали задан геометрией и равен 1px на всех ступенях\n * (`(content-height − thumb) / 2`, дорожка центрирует бегунок сама). Значит и по\n * горизонтали он обязан быть 1px: иначе бегунок в покое выглядит вдавленным\n * внутрь, а в крайнем положении прижатым к краю — именно так и было, зазоры\n * расходились на 1–2px у `xs`, `sm` и `lg`.\n *\n * | ступень | дорожка | content | бегунок | покой | крайнее |\n * | --- | --- | --- | --- | --- | --- |\n * | `xs` | 28 | 26 | 12 | 1 | 13 |\n * | `sm` | 36 | 34 | 16 | 1 | 17 |\n * | `md` | 44 | 42 | 20 | 1 | 21 |\n * | `lg` | 56 | 54 | 24 | 1 | 29 |\n *\n * Крайнее положение — `content − thumb − зазор`. Гейт на эту арифметику живёт в\n * `__tests__/GrSwitch.test.ts`: он считает её заново из `trackSizes`/`thumbSizes`,\n * поэтому смена любой ступени размера сразу покажет разъехавшийся зазор.\n */\nexport const thumbTranslations: Record<GrSwitchSize, { checked: string, unchecked: string }> = {\n  xs: {\n    checked: 'translate-x-[13px]',\n    unchecked: 'translate-x-[1px]',\n  },\n  sm: {\n    checked: 'translate-x-[17px]',\n    unchecked: 'translate-x-[1px]',\n  },\n  md: {\n    checked: 'translate-x-[21px]',\n    unchecked: 'translate-x-[1px]',\n  },\n  lg: {\n    checked: 'translate-x-[29px]',\n    unchecked: 'translate-x-[1px]',\n  },\n}\n\nexport const labelBase = 'text-[var(--gr-muted-fg)]'\n\n/**\n * Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст подписи.\n */\nexport const labelDisabledClass = 'text-[var(--gr-disabled-fg)]'\n\nexport const labelSizes: Record<GrSwitchSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport function grSwitchRootClass(labelPosition: GrSwitchLabelPosition): string {\n  return [rootBase, rootLabelPositions[labelPosition]].filter(Boolean).join(' ')\n}\n\nexport function grSwitchTrackClass(size: GrSwitchSize): string {\n  return [trackBase, trackSizes[size]].join(' ')\n}\n\nexport function grSwitchThumbClass(options: GrSwitchThumbClassOptions): string {\n  return [\n    thumbBase,\n    thumbSizes[options.size],\n    thumbTranslations[options.size][options.checked ? 'checked' : 'unchecked'],\n  ].join(' ')\n}\n\nexport function grSwitchSpinnerClass(size: GrSwitchSize): string {\n  return [thumbSpinnerBase, thumbSpinnerSizes[size]].join(' ')\n}\n\nexport function grSwitchLabelClass(size: GrSwitchSize, disabled = false): string {\n  return [disabled ? labelDisabledClass : labelBase, labelSizes[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  labelBase,\n  labelDisabledClass,\n  labelSizes,\n  rootBase,\n  rootLabelPositions,\n  thumbBase,\n  thumbSizes,\n  thumbSpinnerBase,\n  thumbSpinnerSizes,\n  thumbTranslations,\n  trackBase,\n  trackSizes,\n} from './grSwitchStyles'\n\nexport const grSwitchClassTokens = {\n  rootBase: splitClassTokens(rootBase),\n  rootLabelPositions: Object.values(rootLabelPositions).flatMap(splitClassTokens),\n  trackBase: splitClassTokens(trackBase),\n  trackSizes: Object.values(trackSizes).flatMap(splitClassTokens),\n  thumbBase: splitClassTokens(thumbBase),\n  thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),\n  thumbSpinner: [\n    ...splitClassTokens(thumbSpinnerBase),\n    ...Object.values(thumbSpinnerSizes).flatMap(splitClassTokens),\n  ],\n  thumbTranslations: Object.values(thumbTranslations).flatMap(({ checked, unchecked }) => {\n    return [...splitClassTokens(checked), ...splitClassTokens(unchecked)]\n  }),\n  labelBase: [...splitClassTokens(labelBase), ...splitClassTokens(labelDisabledClass)],\n  labelSizes: Object.values(labelSizes).flatMap(splitClassTokens),\n} as const\n\nexport const grSwitchSafelist = [...new Set([\n  ...grSwitchClassTokens.rootBase,\n  ...grSwitchClassTokens.rootLabelPositions,\n  ...grSwitchClassTokens.trackBase,\n  ...grSwitchClassTokens.trackSizes,\n  ...grSwitchClassTokens.thumbBase,\n  ...grSwitchClassTokens.thumbSizes,\n  ...grSwitchClassTokens.thumbSpinner,\n  ...grSwitchClassTokens.thumbTranslations,\n  ...grSwitchClassTokens.labelBase,\n  ...grSwitchClassTokens.labelSizes,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSwitchSafelist } from './safelist'\n\nexport const grSwitchConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSwitch',\n  safelist: grSwitchSafelist,\n})\n"],"mappings":";;;AAaA,IAAa,WAAW;;AAGxB,IAAa,qBAA4D;CACvE,OAAO;CACP,KAAK;AACP;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,oBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;AA0BhC,IAAa,oBAAkF;CAC7F,IAAI;EACF,SAAS;EACT,WAAW;CACb;CACA,IAAI;EACF,SAAS;EACT,WAAW;CACb;CACA,IAAI;EACF,SAAS;EACT,WAAW;CACb;CACA,IAAI;EACF,SAAS;EACT,WAAW;CACb;AACF;AAEA,IAAa,YAAY;;;;;AAMzB,IAAa,qBAAqB;AAElC,IAAa,aAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,kBAAkB,eAA8C;CAC9E,OAAO,CAAC,UAAU,mBAAmB,cAAc,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC/E;AAEA,SAAgB,mBAAmB,MAA4B;CAC7D,OAAO,CAAC,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/C;AAEA,SAAgB,mBAAmB,SAA4C;CAC7E,OAAO;EACL;EACA,WAAW,QAAQ;EACnB,kBAAkB,QAAQ,KAAK,CAAC,QAAQ,UAAU,YAAY;CAChE,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,qBAAqB,MAA4B;CAC/D,OAAO,CAAC,kBAAkB,kBAAkB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC7D;AAEA,SAAgB,mBAAmB,MAAoB,WAAW,OAAe;CAC/E,OAAO,CAAC,WAAW,qBAAqB,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/E;;;ACnHA,IAAa,sBAAsB;CACjC,UAAU,iBAAiB,QAAQ;CACnC,oBAAoB,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC9E,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,cAAc,CACZ,GAAG,iBAAiB,gBAAgB,GACpC,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB,CAC9D;CACA,mBAAmB,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAS,EAAE,SAAS,gBAAgB;EACtF,OAAO,CAAC,GAAG,iBAAiB,OAAO,GAAG,GAAG,iBAAiB,SAAS,CAAC;CACtE,CAAC;CACD,WAAW,CAAC,GAAG,iBAAiB,SAAS,GAAG,GAAG,iBAAiB,kBAAkB,CAAC;CACnF,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;AAChE;AAEA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;AACzB,CAAC,CAAC;;;ACzCF,IAAa,iBAAiB,wBAAwB,YAAY,KAAK;CACrE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/en-Bxyn5lW7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-Bxyn5lW7.js","names":[],"sources":["../../src/i18n/locales/en.json"],"sourcesContent":["{\n  \"transfer\": {\n    \"sourceTitle\": \"Available\",\n    \"targetTitle\": \"Selected\",\n    \"search\": \"Search\",\n    \"toTarget\": \"Move to selected\",\n    \"toSource\": \"Move back to available\",\n    \"selectAll\": \"Select everything shown\",\n    \"moveUp\": \"Move earlier\",\n    \"moveDown\": \"Move later\",\n    \"selected\": \"{count} of {total}\",\n    \"shown\": \"Showing {shown} of {total}\",\n    \"empty\": \"Nothing here yet\",\n    \"emptyFiltered\": \"Nothing matches the search\",\n    \"moved\": \"{count} moved to {list}\",\n    \"reordered\": \"Position {position} of {count}\",\n    \"reorderFiltered\": \"Reordering is off while a search is active\",\n    \"cancelled\": \"Move cancelled\"\n  },\n  \"carousel\": {\n    \"roledescription\": \"carousel\",\n    \"slideRoledescription\": \"slide\",\n    \"slidePosition\": \"{index} of {total}\",\n    \"previous\": \"Previous slide\",\n    \"next\": \"Next slide\",\n    \"play\": \"Start automatic slide show\",\n    \"pause\": \"Stop automatic slide show\",\n    \"indicators\": \"Slides\",\n    \"autoplayStopped\": \"Automatic slide show stopped\"\n  },\n  \"chip\": {\n    \"remove\": \"Remove\",\n    \"removeNamed\": \"Remove {label}\"\n  },\n  \"common\": {\n    \"confirm\": \"Confirm\",\n    \"cancel\": \"Cancel\",\n    \"add\": \"Add\",\n    \"clear\": \"Clear\",\n    \"close\": \"Close\",\n    \"stateSuccess\": \"Valid\",\n    \"stateWarning\": \"Warning\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Loading...\"\n  },\n  \"steps\": {\n    \"label\": \"Progress\",\n    \"status\": \"Step {step} of {count}\",\n    \"completed\": \"completed\",\n    \"error\": \"has errors\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Search…\",\n    \"empty\": \"No data\",\n    \"loading\": \"Loading…\"\n  },\n  \"badgeWrap\": {\n    \"count\": \"{count} new\"\n  },\n  \"avatar\": {\n    \"group\": \"People\",\n    \"groupOverflow\": \"and {count} more\",\n    \"status\": {\n      \"online\": \"online\",\n      \"offline\": \"offline\",\n      \"busy\": \"busy\",\n      \"away\": \"away\"\n    }\n  },\n  \"tree\": {\n    \"drag\": \"Drag\",\n    \"expand\": \"Expand\",\n    \"collapse\": \"Collapse\",\n    \"moved\": \"Moved {label}\"\n  },\n  \"select\": {\n    \"customValuePlaceholder\": \"Add value…\",\n    \"addOption\": \"Add \\\"{value}\\\"\",\n    \"clearOption\": \"None\",\n    \"searchPlaceholder\": \"Search…\",\n    \"loading\": \"Loading…\",\n    \"noResults\": \"No results\",\n    \"removeTag\": \"Remove {label}\"\n  },\n  \"dataTable\": {\n    \"loading\": \"Loading…\",\n    \"empty\": \"No data\",\n    \"selectAll\": \"Select all rows\",\n    \"selectRow\": \"Select row\",\n    \"sortAsc\": \"Activate to sort ascending\",\n    \"sortDesc\": \"Activate to sort descending\",\n    \"sortNone\": \"Activate to remove sorting\",\n    \"moveColumn\": \"Move column {label}\",\n    \"columnMoved\": \"Column {label} moved to position {position} of {count}\",\n    \"resizeColumn\": \"Width of column {label}\",\n    \"columnResized\": \"Column {label} is {width} pixels wide\",\n    \"expandRow\": \"Show details\",\n    \"collapseRow\": \"Hide details\",\n    \"detailLoading\": \"Loading details…\",\n    \"detailError\": \"Could not load details\",\n    \"detailRetry\": \"Retry\",\n    \"detailExpanded\": \"Row details shown\",\n    \"detailCollapsed\": \"Row details hidden\",\n    \"detailReady\": \"Row details loaded\"\n  },\n  \"breadcrumbs\": {\n    \"label\": \"Breadcrumb\",\n    \"expand\": \"Show hidden path\"\n  },\n  \"autocomplete\": {\n    \"loading\": \"Loading…\",\n    \"noResults\": \"No results\",\n    \"addOption\": \"Add \\\"{value}\\\"\",\n    \"removeValue\": \"Remove {label}\",\n    \"typeMore\": {\n      \"one\": \"Type at least {n} character\",\n      \"other\": \"Type at least {n} characters\"\n    }\n  },\n  \"form\": {\n    \"required\": \"This field is required\",\n    \"min\": \"Minimum is {min}\",\n    \"max\": \"Maximum is {max}\",\n    \"len\": \"Length must be {len}\",\n    \"pattern\": \"Invalid format\",\n    \"email\": \"Enter a valid email\",\n    \"url\": \"Enter a valid URL\",\n    \"file\": \"Invalid file\",\n    \"invalid\": \"Invalid value\",\n    \"readonly\": \"Read only\",\n    \"validating\": \"Checking…\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Confirm\"\n    },\n    \"prompt\": {\n      \"title\": \"Prompt\",\n      \"label\": \"Value\",\n      \"required\": \"Enter a value.\"\n    },\n    \"ok\": \"OK\"\n  },\n  \"switch\": {\n    \"loading\": \"Saving…\"\n  },\n  \"slider\": {\n    \"min\": \"min\",\n    \"max\": \"max\"\n  },\n  \"sidebar\": {\n    \"expand\": \"Expand sidebar\",\n    \"collapse\": \"Collapse sidebar\"\n  },\n  \"splitter\": {\n    \"label\": \"Resize panels\"\n  },\n  \"statistic\": {\n    \"trendUp\": \"Increase\",\n    \"trendDown\": \"Decrease\",\n    \"trendFlat\": \"No change\"\n  },\n  \"pagination\": {\n    \"label\": \"Pagination\",\n    \"pageSize\": \"Page size\",\n    \"prev\": \"Prev\",\n    \"next\": \"Next\",\n    \"page\": \"Page {n}\",\n    \"first\": \"First page\",\n    \"last\": \"Last page\",\n    \"jumpTo\": \"Go to\",\n    \"total\": \"{from}–{to} of {total}\",\n    \"status\": \"Page {page} of {count}\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Open menu\"\n  },\n  \"scrollSpy\": {\n    \"label\": \"On this page\"\n  },\n  \"responseError\": {\n    \"networkTitle\": \"No connection to the server\",\n    \"networkMessage\": \"Check your internet connection and try again.\",\n    \"abortedTitle\": \"Request cancelled\",\n    \"abortedMessage\": \"The request was cancelled.\",\n    \"validationTitle\": \"Check the data\",\n    \"validationMessage\": \"The server returned a validation error. Fix the fields and try again.\",\n    \"clientTitle\": \"Request error\",\n    \"clientMessage\": \"The server rejected the request.\",\n    \"serverTitle\": \"Server error\",\n    \"serverMessage\": \"A server error occurred. Please try again.\",\n    \"unknownTitle\": \"Something went wrong\",\n    \"unknownMessage\": \"The operation could not be completed. Please try again.\",\n    \"statusLabel\": \"HTTP {status}\",\n    \"retryLabel\": \"Retry\",\n    \"dismissLabel\": \"Dismiss\"\n  },\n  \"colors\": {\n    \"neutral\": \"Neutral\",\n    \"success\": \"Success\",\n    \"warning\": \"Warning\",\n    \"danger\": \"Danger\",\n    \"info\": \"Info\",\n    \"primary\": \"Primary\",\n    \"slate\": \"Slate\",\n    \"azure\": \"Azure\"\n  },\n  \"drawer\": {\n    \"title\": \"Drawer\"\n  },\n  \"modal\": {\n    \"title\": \"Dialog\"\n  },\n  \"numberInput\": {\n    \"increase\": \"Increase\",\n    \"decrease\": \"Decrease\"\n  },\n  \"toaster\": {\n    \"dismiss\": \"Dismiss\",\n    \"region\": \"Notifications\"\n  },\n  \"inputTag\": {\n    \"removeTag\": \"Remove tag\",\n    \"removeTagNamed\": \"Remove tag {tag}\",\n    \"clearAll\": \"Clear all tags\",\n    \"added\": \"Tag added: {tag}\",\n    \"addedMany\": \"{count} tags added\",\n    \"removed\": \"Tag removed: {tag}\",\n    \"cleared\": \"All tags removed\",\n    \"limitReached\": \"Tag limit reached\"\n  },\n  \"fileUpload\": {\n    \"placeholder\": \"Drag files here or click to select\",\n    \"progress\": \"Upload progress\",\n    \"uploading\": \"Uploading…\",\n    \"success\": \"Upload complete\",\n    \"error\": \"Upload failed\",\n    \"remove\": \"Remove {fileName}\",\n    \"retry\": \"Retry upload\",\n    \"retryFile\": \"Retry {fileName}\",\n    \"abortFile\": \"Cancel upload of {fileName}\",\n    \"statusPending\": \"Pending\",\n    \"statusUploading\": \"Uploading\",\n    \"statusSuccess\": \"Uploaded\",\n    \"statusError\": \"Failed\"\n  },\n  \"formFile\": {\n    \"upload\": \"Upload file\",\n    \"change\": \"Change file\",\n    \"remove\": \"Remove\",\n    \"clearAll\": \"Clear all\",\n    \"placeholder\": \"No files selected\",\n    \"validateError\": \"Failed to validate dropped files\",\n    \"removeFile\": \"Remove {fileName}\"\n  },\n  \"imageViewer\": {\n    \"close\": \"Close image viewer\",\n    \"prev\": \"Previous image\",\n    \"next\": \"Next image\",\n    \"zoomIn\": \"Zoom in\",\n    \"zoomOut\": \"Zoom out\",\n    \"resetZoom\": \"Reset zoom\",\n    \"zoomToNatural\": \"Actual size (1:1)\",\n    \"rotateLeft\": \"Rotate left\",\n    \"rotateRight\": \"Rotate right\",\n    \"download\": \"Download image\",\n    \"empty\": \"No image\",\n    \"label\": \"Image viewer\",\n    \"position\": \"Image {index} of {total}\"\n  },\n  \"formErrorBanner\": {\n    \"validationTitle\": \"Check the form fields\",\n    \"validationMessage\": \"The server rejected the data. Fix the highlighted fields and try again.\",\n    \"clientTitle\": \"Failed to save\",\n    \"serverTitle\": \"Save error\",\n    \"serverMessage\": \"Could not save the data. Please try again later.\"\n  },\n  \"uploadErrorBanner\": {\n    \"networkTitle\": \"Failed to upload files\",\n    \"networkMessage\": \"Check your connection and try again.\",\n    \"validationTitle\": \"Files did not pass validation\",\n    \"validationMessage\": \"Some of the files do not meet the requirements.\",\n    \"serverTitle\": \"Upload error on the server\",\n    \"serverMessage\": \"The server could not process the upload. Please try again.\"\n  },\n  \"input\": {\n    \"clear\": \"Clear\",\n    \"showPassword\": \"Show password\",\n    \"hidePassword\": \"Hide password\",\n    \"limitReached\": \"Character limit reached\"\n  },\n  \"textarea\": {\n    \"lines\": {\n      \"one\": \"{n} line\",\n      \"other\": \"{n} lines\"\n    }\n  },\n  \"rating\": {\n    \"label\": \"Rating\",\n    \"valueText\": \"{value} of {max}\",\n    \"valueTextWithLabel\": \"{value} of {max}, {label}\"\n  },\n  \"commandPalette\": {\n    \"label\": \"Command palette\",\n    \"placeholder\": \"Type a command or search…\",\n    \"empty\": \"Nothing found\",\n    \"recent\": \"Recent\",\n    \"loading\": \"Loading…\"\n  },\n  \"delta\": {\n    \"increase\": \"increase\"\n  },\n  \"filePreview\": {\n    \"label\": \"File\"\n  },\n  \"fileValidation\": {\n    \"accept\": \"File \\\"{fileName}\\\" does not match accept=\\\"{accept}\\\"\",\n    \"extension\": \"File \\\"{fileName}\\\" has disallowed extension \\\".{extension}\\\"\",\n    \"mimeType\": \"File \\\"{fileName}\\\" has disallowed mime type \\\"{mimeType}\\\"\",\n    \"mimeTypeFallback\": \"File \\\"{fileName}\\\" has fallback mime type \\\"{mimeType}\\\"\",\n    \"maxFileSize\": \"File \\\"{fileName}\\\" is too large ({size} bytes), maxBytes={maxBytes}\",\n    \"maxCount\": \"Too many files selected ({count}), maxCount={maxCount}\",\n    \"maxTotalSize\": \"Total files size is too large ({total} bytes), maxTotalSizeBytes={maxBytes}\"\n  },\n  \"kbd\": {\n    \"command\": \"Command\",\n    \"option\": \"Option\",\n    \"shift\": \"Shift\",\n    \"control\": \"Control\",\n    \"enter\": \"Enter\",\n    \"escape\": \"Escape\",\n    \"tab\": \"Tab\",\n    \"backspace\": \"Backspace\",\n    \"delete\": \"Delete\",\n    \"pageUp\": \"Page Up\",\n    \"pageDown\": \"Page Down\",\n    \"arrowUp\": \"Arrow Up\",\n    \"arrowDown\": \"Arrow Down\",\n    \"arrowLeft\": \"Arrow Left\",\n    \"arrowRight\": \"Arrow Right\",\n    \"then\": \"then\"\n  },\n  \"link\": {\n    \"opensInNewTab\": \"opens in a new tab\"\n  },\n  \"colorPicker\": {\n    \"panelLabel\": \"Color picker\",\n    \"hue\": \"Hue\",\n    \"saturation\": \"Saturation\",\n    \"lightness\": \"Lightness\",\n    \"opacity\": \"Opacity\",\n    \"hexLabel\": \"Hex value\",\n    \"presetsLabel\": \"Color presets\",\n    \"swatchLabel\": \"Color {color}\"\n  },\n  \"collapse\": {\n    \"empty\": \"Nothing here yet\"\n  },\n  \"list\": {\n    \"empty\": \"Nothing here yet\"\n  },\n  \"button\": {\n    \"loading\": \"Loading…\"\n  },\n  \"table\": {\n    \"empty\": \"Nothing here yet\"\n  },\n  \"timeline\": {\n    \"empty\": \"Nothing here yet\"\n  },\n  \"tabs\": {\n    \"empty\": \"Nothing here yet\",\n    \"close\": \"Close tab\"\n  },\n  \"bottomNav\": {\n    \"label\": \"Bottom navigation\",\n    \"badge\": \"{count} new\"\n  },\n  \"emptyState\": {\n    \"title\": \"Nothing here yet\"\n  },\n  \"sortable\": {\n    \"label\": \"Sortable list\",\n    \"handle\": \"Reorder\",\n    \"empty\": \"Nothing to sort yet\",\n    \"grabbed\": \"Grabbed. Position {position} of {count}\",\n    \"moved\": \"Position {position} of {count}\",\n    \"dropped\": \"Dropped at position {position} of {count}\",\n    \"cancelled\": \"Move cancelled\"\n  },\n  \"jsonViewer\": {\n    \"search\": \"Search key or value\",\n    \"expandAll\": \"Expand all\",\n    \"collapseAll\": \"Collapse all\",\n    \"copy\": \"Copy value\",\n    \"copied\": \"Value copied\",\n    \"copyFailed\": \"Could not copy value\",\n    \"moreItems\": \"more\"\n  },\n  \"contextMenu\": {\n    \"label\": \"Context menu\"\n  }\n}\n"],"mappings":""}