@feugene/granularity 0.12.0 → 0.13.0

package/dist/chunks/context-DfWYCBB-.js

@@ -0,0 +1,129 @@
+import { computed, getCurrentInstance, inject } from "vue";
+//#region src/components/GrConfigProvider/context.ts
+/**
+* Контекст `GrConfigProvider` — глобальные дефолты для вложенных GR-компонентов:
+* размер контролов и per-component дефолтные пропсы.
+*
+* Компоненты читают его через {@link useGrConfig} (или хелперы ниже) и используют
+* как fallback, когда соответствующий проп не задан на самом компоненте. Провайдер
+* можно вкладывать — дочерний мержится поверх родительского.
+*/
+/**
+* Размеры, которыми оперирует провайдер. Это «размеры контролов» — общий
+* знаменатель формных компонентов, а не объединение всех size-шкал пакета
+* (у оверлеев есть свои `xl`/`full`, у слайдера нет `xs`).
+*/
+var GR_COMPONENT_SIZES = [
+	"xs",
+	"sm",
+	"md",
+	"lg"
+];
+var GR_CONFIG_KEY = Symbol("gr-config");
+/**
+* Пустой конфиг: когда провайдера в дереве нет, всё разрешается в `undefined`,
+* а компоненты падают на собственные дефолты.
+*
+* `computed` здесь не роскошь: контекст типизирован рефами, и потребитель вправе
+* прогнать `size` через `unref()` или `watch()`. Плоский объект `{ value: … }`
+* не пройдёт проверку `isRef`, и такой код молча получит сам объект вместо
+* значения — поэтому «просто константа» тут не подходит.
+*
+* А вот пустые значения заморожены, и это не педантизм: `computed` без
+* зависимостей вычисляется один раз и отдаёт **один и тот же** объект всем
+* компонентам без провайдера. Незамороженный, он позволил бы одному потребителю
+* записать в него ключ и тем самым подменить дефолты всему приложению.
+*/
+var EMPTY_COMPONENT_DEFAULTS = Object.freeze({});
+var EMPTY_CONFIG = {
+	size: computed(() => void 0),
+	componentDefaults: computed(() => EMPTY_COMPONENT_DEFAULTS)
+};
+/** Возвращает ближайший `GrConfigProvider` или пустой конфиг, если провайдера нет. */
+function useGrConfig() {
+	return inject(GR_CONFIG_KEY, EMPTY_CONFIG);
+}
+function isGrConfigContext(source) {
+	return typeof source?.componentDefaults?.value === "object";
+}
+/**
+* Конфиг там, где `inject` недоступен — вне `setup`: в директивах, императивных
+* сервисах, утилитах. Порядок: явный контекст → `provides` источника → `inject`
+* (если есть активный инстанс) → пустой конфиг.
+*
+* Важно понимать границу: `provides` у `AppContext` содержит только то, что
+* роздано через `app.provide()`. Значения от `<GrConfigProvider>` живут в дереве
+* компонентов, и достать их можно лишь оттуда, где это дерево ещё есть — то есть
+* захватом в `setup`. Просто передать `appContext` в отрыве от дерева
+* недостаточно; см. `SPEC-GrConfig-resolver.md`.
+*/
+function resolveGrConfig(source) {
+	if (isGrConfigContext(source)) return source;
+	const provides = source?.provides;
+	if (provides) {
+		const fromProvides = provides[GR_CONFIG_KEY];
+		return isGrConfigContext(fromProvides) ? fromProvides : EMPTY_CONFIG;
+	}
+	if (getCurrentInstance()) return inject(GR_CONFIG_KEY, EMPTY_CONFIG);
+	return EMPTY_CONFIG;
+}
+var warnedUnsupportedSizes = /* @__PURE__ */ new Set();
+function warnUnsupportedSize(size, supported) {
+	const key = `${size}|${supported.join(",")}`;
+	if (warnedUnsupportedSizes.has(key)) return;
+	warnedUnsupportedSizes.add(key);
+	console.warn(`[granularity] GrConfigProvider size="${size}" is not supported by this component (supported: ${supported.join(", ")}); falling back to its own default.`);
+}
+/**
+* Эффективный размер компонента. Приоритет:
+* локальный проп → `componentDefaults[Component].size` → глобальный `size`
+* провайдера → `fallback`. Точечная настройка компонента должна побеждать
+* общую — иначе `componentDefaults` нельзя было бы использовать как исключение
+* из глобального правила.
+*
+* Передавайте `size` геттером, чтобы сохранить реактивность.
+*
+* Локальный проп не проверяется по `supported`: он уже сужен типом пропа самого
+* компонента, и передать туда лишнее — явная ошибка вызывающего кода. Проверка
+* нужна конфигу: это глобальный канал, который не знает, кто его читает.
+*/
+function useGrComponentSize(localSize, options = {}) {
+	const { component, fallback = "md", supported } = options;
+	const config = useGrConfig();
+	return computed(() => {
+		const local = localSize();
+		if (local !== void 0) return local;
+		const fromConfig = (component ? config.componentDefaults.value[component]?.size : void 0) ?? config.size.value;
+		if (fromConfig === void 0) return fallback;
+		if (supported && !supported.includes(fromConfig)) {
+			if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") warnUnsupportedSize(fromConfig, supported);
+			return fallback;
+		}
+		return fromConfig;
+	});
+}
+/** Дефолтные пропсы конкретного компонента из ближайшего провайдера. */
+function useGrComponentDefaults(name) {
+	const config = useGrConfig();
+	return computed(() => config.componentDefaults.value[name] ?? EMPTY_COMPONENT_DEFAULTS);
+}
+/**
+* Эффективное значение «оформительского» пропа: локальный проп →
+* `componentDefaults[Component][prop]` → собственный дефолт компонента.
+*
+* Обязательное условие на стороне компонента: у такого пропа в `withDefaults`
+* должен стоять `undefined`, а «настоящий» дефолт — переехать сюда, в `fallback`.
+* Иначе конфиг не сработает никогда: Vue отдаёт `props.x` уже с подставленным
+* дефолтом, и отличить «пользователь передал значение» от «сработал дефолт»
+* изнутри компонента невозможно.
+*/
+function useGrComponentProp(component, prop, localValue, fallback) {
+	const config = useGrConfig();
+	return computed(() => {
+		const local = localValue();
+		if (local !== void 0) return local;
+		return config.componentDefaults.value[component]?.[prop] ?? fallback;
+	});
+}
+//#endregion
+export { useGrComponentProp as a, useGrComponentDefaults as i, GR_CONFIG_KEY as n, useGrComponentSize as o, resolveGrConfig as r, useGrConfig as s, GR_COMPONENT_SIZES as t };

package/dist/chunks/context-DfWYCBB-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-DfWYCBB-.js","names":[],"sources":["../../src/components/GrConfigProvider/context.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, type ComputedRef, type InjectionKey } from 'vue'\n\n/**\n * Контекст `GrConfigProvider` — глобальные дефолты для вложенных GR-компонентов:\n * размер контролов и per-component дефолтные пропсы.\n *\n * Компоненты читают его через {@link useGrConfig} (или хелперы ниже) и используют\n * как fallback, когда соответствующий проп не задан на самом компоненте. Провайдер\n * можно вкладывать — дочерний мержится поверх родительского.\n */\n\n/**\n * Размеры, которыми оперирует провайдер. Это «размеры контролов» — общий\n * знаменатель формных компонентов, а не объединение всех size-шкал пакета\n * (у оверлеев есть свои `xl`/`full`, у слайдера нет `xs`).\n */\nexport const GR_COMPONENT_SIZES = ['xs', 'sm', 'md', 'lg'] as const\n\nexport type GrComponentSize = typeof GR_COMPONENT_SIZES[number]\n\n/**\n * Открытый реестр компонентов, у которых есть настраиваемые через конфиг пропы.\n *\n * Пустой по умолчанию: каждый компонент дополняет его **из своей папки** через\n * declaration merging (`GrButton/defaults.ts` и т. п.). Так провайдер не знает\n * ни имён, ни типов конкретных компонентов — контракт объявляет тот, кто им\n * владеет, а не общий модуль.\n *\n * Практическое следствие: реестр состоит ровно из тех компонентов, которые\n * попали в граф типов потребителя. Импортировали только `GrButton` — в\n * `componentDefaults` типизирована только кнопка, типы `GrBadge` в проект не\n * приезжают.\n *\n * ```ts\n * // GrButton/defaults.ts\n * declare module '../GrConfigProvider/context' {\n *   interface GrComponentDefaultsRegistry {\n *     GrButton: GrButtonConfigurableProps\n *   }\n * }\n * ```\n */\nexport interface GrComponentDefaultsRegistry {}\n\n/** Имя компонента, у которого есть настраиваемые через конфиг пропы. */\nexport type GrConfigurableComponent = keyof GrComponentDefaultsRegistry\n\n/**\n * Дефолтные пропсы по имени компонента: `{ GrButton: { variant: 'secondary' } }`.\n *\n * Набор ключей закрыт реестром, а не `Record<string, unknown>`: через конфиг\n * должны настраиваться только «оформительские» пропы. Пустить туда что угодно —\n * значит разрешить задать глобальный `modelValue` или обработчик и получить баг,\n * который ищется часами.\n */\nexport type GrComponentDefaults = {\n  [TComponent in GrConfigurableComponent]?: Partial<GrComponentDefaultsRegistry[TComponent]>\n}\n\ntype GrDefaultsOf<TComponent extends GrConfigurableComponent> = Partial<GrComponentDefaultsRegistry[TComponent]>\n\nexport interface GrConfigContext {\n  /** Дефолтный размер контролов (если проп `size` не задан на компоненте). */\n  size: ComputedRef<GrComponentSize | undefined>\n  /** Дефолтные пропсы по компонентам. */\n  componentDefaults: ComputedRef<GrComponentDefaults>\n}\n\nexport const GR_CONFIG_KEY: InjectionKey<GrConfigContext> = Symbol('gr-config')\n\n/**\n * Пустой конфиг: когда провайдера в дереве нет, всё разрешается в `undefined`,\n * а компоненты падают на собственные дефолты.\n *\n * `computed` здесь не роскошь: контекст типизирован рефами, и потребитель вправе\n * прогнать `size` через `unref()` или `watch()`. Плоский объект `{ value: … }`\n * не пройдёт проверку `isRef`, и такой код молча получит сам объект вместо\n * значения — поэтому «просто константа» тут не подходит.\n *\n * А вот пустые значения заморожены, и это не педантизм: `computed` без\n * зависимостей вычисляется один раз и отдаёт **один и тот же** объект всем\n * компонентам без провайдера. Незамороженный, он позволил бы одному потребителю\n * записать в него ключ и тем самым подменить дефолты всему приложению.\n */\nconst EMPTY_COMPONENT_DEFAULTS: GrComponentDefaults = Object.freeze({})\n\nconst EMPTY_CONFIG: GrConfigContext = {\n  size: computed(() => undefined),\n  componentDefaults: computed(() => EMPTY_COMPONENT_DEFAULTS),\n}\n\n/** Возвращает ближайший `GrConfigProvider` или пустой конфиг, если провайдера нет. */\nexport function useGrConfig(): GrConfigContext {\n  return inject(GR_CONFIG_KEY, EMPTY_CONFIG)\n}\n\n/**\n * Источник конфига для {@link resolveGrConfig}: сам контекст, `AppContext` или\n * инстанс компонента — у двух последних читается `provides`.\n */\nexport type GrConfigSource = GrConfigContext | { provides?: Record<symbol | string, unknown> }\n\nfunction isGrConfigContext(source: unknown): source is GrConfigContext {\n  return typeof (source as GrConfigContext | null)?.componentDefaults?.value === 'object'\n}\n\n/**\n * Конфиг там, где `inject` недоступен — вне `setup`: в директивах, императивных\n * сервисах, утилитах. Порядок: явный контекст → `provides` источника → `inject`\n * (если есть активный инстанс) → пустой конфиг.\n *\n * Важно понимать границу: `provides` у `AppContext` содержит только то, что\n * роздано через `app.provide()`. Значения от `<GrConfigProvider>` живут в дереве\n * компонентов, и достать их можно лишь оттуда, где это дерево ещё есть — то есть\n * захватом в `setup`. Просто передать `appContext` в отрыве от дерева\n * недостаточно; см. `SPEC-GrConfig-resolver.md`.\n */\nexport function resolveGrConfig(source?: GrConfigSource | null): GrConfigContext {\n  if (isGrConfigContext(source)) return source\n\n  const provides = source?.provides\n  if (provides) {\n    const fromProvides = provides[GR_CONFIG_KEY as symbol] as GrConfigContext | undefined\n    return isGrConfigContext(fromProvides) ? fromProvides : EMPTY_CONFIG\n  }\n\n  if (getCurrentInstance()) return inject(GR_CONFIG_KEY, EMPTY_CONFIG)\n\n  return EMPTY_CONFIG\n}\n\nexport type UseGrComponentSizeOptions<TSize extends string> = {\n  /**\n   * Имя компонента, чтобы учесть точечный `componentDefaults[Component].size`.\n   * Без него читается только глобальный `size` провайдера.\n   */\n  component?: GrConfigurableComponent\n  /** Размер, когда ни проп, ни конфиг ничего не дали. По умолчанию `md`. */\n  fallback?: TSize\n  /**\n   * Размеры, которые компонент реально умеет. Значение из конфига вне этого\n   * списка игнорируется в пользу `fallback`.\n   *\n   * Обязателен для компонентов, у которых size-шкала уже общей (`GrSlider`,\n   * `GrRating`, `GrSwitch`, `GrLink`, `GrStatistic` не знают про `xs`): без него\n   * `<GrConfigProvider size=\"xs\">` дал бы `sizeMap['xs'] === undefined`, то есть\n   * компонент без размерных классов — молча, без ошибки сборки.\n   */\n  supported?: readonly TSize[]\n}\n\n// Предупреждаем один раз на уникальную пару «размер + список поддерживаемых»,\n// иначе список из сотни контролов зальёт консоль одинаковыми сообщениями.\nconst warnedUnsupportedSizes = new Set<string>()\n\n/** Сброс дедупликации предупреждений. Внутреннее API — нужно тестам. */\nexport function resetUnsupportedSizeWarnings(): void {\n  warnedUnsupportedSizes.clear()\n}\n\nfunction warnUnsupportedSize(size: string, supported: readonly string[]): void {\n  const key = `${size}|${supported.join(',')}`\n  if (warnedUnsupportedSizes.has(key)) return\n  warnedUnsupportedSizes.add(key)\n\n  console.warn(\n    `[granularity] GrConfigProvider size=\"${size}\" is not supported by this component `\n    + `(supported: ${supported.join(', ')}); falling back to its own default.`,\n  )\n}\n\n/**\n * Эффективный размер компонента. Приоритет:\n * локальный проп → `componentDefaults[Component].size` → глобальный `size`\n * провайдера → `fallback`. Точечная настройка компонента должна побеждать\n * общую — иначе `componentDefaults` нельзя было бы использовать как исключение\n * из глобального правила.\n *\n * Передавайте `size` геттером, чтобы сохранить реактивность.\n *\n * Локальный проп не проверяется по `supported`: он уже сужен типом пропа самого\n * компонента, и передать туда лишнее — явная ошибка вызывающего кода. Проверка\n * нужна конфигу: это глобальный канал, который не знает, кто его читает.\n */\nexport function useGrComponentSize<TSize extends string = GrComponentSize>(\n  localSize: () => TSize | undefined,\n  options: UseGrComponentSizeOptions<TSize> = {},\n): ComputedRef<TSize> {\n  // Все size-шкалы пакета содержат `md`, поэтому он безопасен как общий дефолт.\n  const { component, fallback = 'md' as TSize, supported } = options\n  const config = useGrConfig()\n\n  return computed(() => {\n    const local = localSize()\n    if (local !== undefined) return local\n\n    const fromComponentDefaults = component\n      ? (config.componentDefaults.value[component] as { size?: TSize } | undefined)?.size\n      : undefined\n\n    const fromConfig = fromComponentDefaults ?? config.size.value\n    if (fromConfig === undefined) return fallback\n\n    if (supported && !supported.includes(fromConfig as TSize)) {\n      // Проверку окружения держим инлайном: бандлер потребителя подставляет\n      // `process.env.NODE_ENV`, сворачивает условие в `false` и выкидывает\n      // и текст предупреждения, и дедуп-Set. Через промежуточную константу\n      // это не работает — межмодульную свёртку esbuild/rollup не делают, и\n      // DX-сообщение осталось бы в каждом бандле (проверено замером).\n      // `typeof process` — страховка для сборок, где `process` не определён.\n      if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production')\n        warnUnsupportedSize(fromConfig, supported)\n      return fallback\n    }\n\n    return fromConfig as TSize\n  })\n}\n\n/** Дефолтные пропсы конкретного компонента из ближайшего провайдера. */\nexport function useGrComponentDefaults<TComponent extends GrConfigurableComponent>(\n  name: TComponent,\n): ComputedRef<GrDefaultsOf<TComponent>> {\n  const config = useGrConfig()\n  return computed(() => (config.componentDefaults.value[name] ?? EMPTY_COMPONENT_DEFAULTS) as GrDefaultsOf<TComponent>)\n}\n\n/**\n * Эффективное значение «оформительского» пропа: локальный проп →\n * `componentDefaults[Component][prop]` → собственный дефолт компонента.\n *\n * Обязательное условие на стороне компонента: у такого пропа в `withDefaults`\n * должен стоять `undefined`, а «настоящий» дефолт — переехать сюда, в `fallback`.\n * Иначе конфиг не сработает никогда: Vue отдаёт `props.x` уже с подставленным\n * дефолтом, и отличить «пользователь передал значение» от «сработал дефолт»\n * изнутри компонента невозможно.\n */\nexport function useGrComponentProp<\n  TComponent extends GrConfigurableComponent,\n  TProp extends keyof GrDefaultsOf<TComponent>,\n>(\n  component: TComponent,\n  prop: TProp,\n  localValue: () => GrDefaultsOf<TComponent>[TProp],\n  fallback: NonNullable<GrDefaultsOf<TComponent>[TProp]>,\n): ComputedRef<NonNullable<GrDefaultsOf<TComponent>[TProp]>> {\n  const config = useGrConfig()\n\n  return computed(() => {\n    const local = localValue()\n    if (local !== undefined) return local as NonNullable<GrDefaultsOf<TComponent>[TProp]>\n\n    // Промежуточная аннотация (а не `as`) нужна, чтобы TS не разворачивал\n    // `GrComponentDefaults[TComponent]` в объединение всех блоков — по нему\n    // generic-ключ `TProp` уже не проиндексировать.\n    const defaults: GrDefaultsOf<TComponent> | undefined = config.componentDefaults.value[component]\n    return defaults?.[prop] ?? fallback\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAa,qBAAqB;CAAC;CAAM;CAAM;CAAM;AAAI;AAoDzD,IAAa,gBAA+C,OAAO,WAAW;;;;;;;;;;;;;;;AAgB9E,IAAM,2BAAgD,OAAO,OAAO,CAAC,CAAC;AAEtE,IAAM,eAAgC;CACpC,MAAM,eAAe,KAAA,CAAS;CAC9B,mBAAmB,eAAe,wBAAwB;AAC5D;;AAGA,SAAgB,cAA+B;CAC7C,OAAO,OAAO,eAAe,YAAY;AAC3C;AAQA,SAAS,kBAAkB,QAA4C;CACrE,OAAO,OAAQ,QAAmC,mBAAmB,UAAU;AACjF;;;;;;;;;;;;AAaA,SAAgB,gBAAgB,QAAiD;CAC/E,IAAI,kBAAkB,MAAM,GAAG,OAAO;CAEtC,MAAM,WAAW,QAAQ;CACzB,IAAI,UAAU;EACZ,MAAM,eAAe,SAAS;EAC9B,OAAO,kBAAkB,YAAY,IAAI,eAAe;CAC1D;CAEA,IAAI,mBAAmB,GAAG,OAAO,OAAO,eAAe,YAAY;CAEnE,OAAO;AACT;AAwBA,IAAM,yCAAyB,IAAI,IAAY;AAO/C,SAAS,oBAAoB,MAAc,WAAoC;CAC7E,MAAM,MAAM,GAAG,KAAK,GAAG,UAAU,KAAK,GAAG;CACzC,IAAI,uBAAuB,IAAI,GAAG,GAAG;CACrC,uBAAuB,IAAI,GAAG;CAE9B,QAAQ,KACN,wCAAwC,KAAK,mDAC5B,UAAU,KAAK,IAAI,EAAE,oCACxC;AACF;;;;;;;;;;;;;;AAeA,SAAgB,mBACd,WACA,UAA4C,CAAC,GACzB;CAEpB,MAAM,EAAE,WAAW,WAAW,MAAe,cAAc;CAC3D,MAAM,SAAS,YAAY;CAE3B,OAAO,eAAe;EACpB,MAAM,QAAQ,UAAU;EACxB,IAAI,UAAU,KAAA,GAAW,OAAO;EAMhC,MAAM,cAJwB,YACzB,OAAO,kBAAkB,MAAM,UAAU,EAAmC,OAC7E,KAAA,MAEwC,OAAO,KAAK;EACxD,IAAI,eAAe,KAAA,GAAW,OAAO;EAErC,IAAI,aAAa,CAAC,UAAU,SAAS,UAAmB,GAAG;GAOzD,IAAI,OAAO,YAAY,eAAA,QAAA,IAAA,aAAwC,cAC7D,oBAAoB,YAAY,SAAS;GAC3C,OAAO;EACT;EAEA,OAAO;CACT,CAAC;AACH;;AAGA,SAAgB,uBACd,MACuC;CACvC,MAAM,SAAS,YAAY;CAC3B,OAAO,eAAgB,OAAO,kBAAkB,MAAM,SAAS,wBAAqD;AACtH;;;;;;;;;;;AAYA,SAAgB,mBAId,WACA,MACA,YACA,UAC2D;CAC3D,MAAM,SAAS,YAAY;CAE3B,OAAO,eAAe;EACpB,MAAM,QAAQ,WAAW;EACzB,IAAI,UAAU,KAAA,GAAW,OAAO;EAMhC,OADuD,OAAO,kBAAkB,MAAM,UAC/E,GAAW,SAAS;CAC7B,CAAC;AACH"}

package/dist/chunks/{en-CfkDa4GX.js → en-Cr6EkG8c.js}

@@ -19,7 +19,33 @@ var tree = {
 var select = {
 	"customValuePlaceholder": "Add value…",
 	"addOption": "Add \"{value}\"",
-	"clearOption": "None"
+	"clearOption": "None",
+	"searchPlaceholder": "Search…",
+	"loading": "Loading…",
+	"noResults": "No results",
+	"removeTag": "Remove {label}"
+};
+var dataTable = {
+	"loading": "Loading…",
+	"empty": "No data",
+	"selectAll": "Select all rows",
+	"selectRow": "Select row"
+};
+var autocomplete = {
+	"loading": "Loading…",
+	"noResults": "No results",
+	"addOption": "Add \"{value}\"",
+	"typeMore": "Type at least {n} characters"
+};
+var form = {
+	"required": "This field is required",
+	"min": "Minimum is {min}",
+	"max": "Maximum is {max}",
+	"len": "Length must be {len}",
+	"pattern": "Invalid format",
+	"email": "Enter a valid email",
+	"url": "Enter a valid URL",
+	"invalid": "Invalid value"
 };
 var dialog = {
 	"confirm": { "title": "Confirm" },
@@ -36,7 +62,8 @@ var pagination = {
 	"next": "Next",
 	"page": "Page {n}",
 	"first": "First page",
-	"last": "Last page"
+	"last": "Last page",
+	"jumpTo": "Go to"
 };
 var navbar = { "openMenu": "Open menu" };
 var responseError = {
@@ -118,12 +145,25 @@ var input = {
 	"showPassword": "Show password",
 	"hidePassword": "Hide password"
 };
+var rating = {
+	"label": "Rating",
+	"valueText": "{value} of {max}"
+};
+var commandPalette = {
+	"label": "Command palette",
+	"placeholder": "Type a command or search…",
+	"empty": "Nothing found",
+	"loading": "Loading…"
+};
 var en_default = {
 	common,
 	loading,
 	treeSelect,
 	tree,
 	select,
+	dataTable,
+	autocomplete,
+	form,
 	dialog,
 	pagination,
 	navbar,
@@ -138,7 +178,9 @@ var en_default = {
 	imageViewer,
 	formErrorBanner,
 	uploadErrorBanner,
-	input
+	input,
+	rating,
+	commandPalette
 };
 //#endregion
-export { colors, common, en_default as default, dialog, drawer, fileUpload, formErrorBanner, formFile, imageViewer, input, inputTag, loading, navbar, numberInput, pagination, responseError, select, toaster, tree, treeSelect, uploadErrorBanner };
+export { autocomplete, colors, commandPalette, common, dataTable, en_default as default, dialog, drawer, fileUpload, form, formErrorBanner, formFile, imageViewer, input, inputTag, loading, navbar, numberInput, pagination, rating, responseError, select, toaster, tree, treeSelect, uploadErrorBanner };

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

@@ -0,0 +1 @@
+{"version":3,"file":"en-Cr6EkG8c.js","names":[],"sources":["../../src/i18n/locales/en.json"],"sourcesContent":["{\n  \"common\": {\n    \"confirm\": \"Confirm\",\n    \"cancel\": \"Cancel\",\n    \"add\": \"Add\",\n    \"clear\": \"Clear\",\n    \"close\": \"Close\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Loading...\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Search…\",\n    \"empty\": \"No data\"\n  },\n  \"tree\": {\n    \"drag\": \"Drag\",\n    \"expand\": \"Expand\",\n    \"collapse\": \"Collapse\"\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  },\n  \"autocomplete\": {\n    \"loading\": \"Loading…\",\n    \"noResults\": \"No results\",\n    \"addOption\": \"Add \\\"{value}\\\"\",\n    \"typeMore\": \"Type at least {n} characters\"\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    \"invalid\": \"Invalid value\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Confirm\"\n    },\n    \"prompt\": {\n      \"title\": \"Prompt\",\n      \"label\": \"Value\",\n      \"required\": \"Enter a value.\"\n    }\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  },\n  \"navbar\": {\n    \"openMenu\": \"Open menu\"\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    \"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  \"numberInput\": {\n    \"increase\": \"Increase\",\n    \"decrease\": \"Decrease\"\n  },\n  \"toaster\": {\n    \"dismiss\": \"Dismiss\",\n    \"region\": \"Notifications\"\n  },\n  \"inputTag\": {\n    \"removeTag\": \"Remove tag\"\n  },\n  \"fileUpload\": {\n    \"placeholder\": \"Drag files here or click to select\",\n    \"progress\": \"Upload progress\"\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  },\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    \"rotateLeft\": \"Rotate left\",\n    \"rotateRight\": \"Rotate right\",\n    \"empty\": \"No image\"\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  },\n  \"rating\": {\n    \"label\": \"Rating\",\n    \"valueText\": \"{value} of {max}\"\n  },\n  \"commandPalette\": {\n    \"label\": \"Command palette\",\n    \"placeholder\": \"Type a command or search…\",\n    \"empty\": \"Nothing found\",\n    \"loading\": \"Loading…\"\n  }\n}\n"],"mappings":""}

package/dist/chunks/{es-CgaLnFYx.js → es-DuYb1Qju.js}

@@ -9,12 +9,12 @@ var GRANULARITY_I18N_BLOCK = "gr";
 * can import only the languages they actually need — see the
 * "Authoring localization packages" guide in the docs.
 */
-var en = { en: { ["gr"]: () => import("./en-CfkDa4GX.js") } };
+var en = { en: { ["gr"]: () => import("./en-Cr6EkG8c.js") } };
 //#endregion
 //#region src/i18n/messages/ru.ts
-var ru = { ru: { ["gr"]: () => import("./ru-Bl8CxpEa.js") } };
+var ru = { ru: { ["gr"]: () => import("./ru-B5XOOYZt.js") } };
 //#endregion
 //#region src/i18n/messages/es.ts
-var es = { es: { ["gr"]: () => import("./es-FkgECuCm.js") } };
+var es = { es: { ["gr"]: () => import("./es-i08e9Sdo.js") } };
 //#endregion
 export { GRANULARITY_I18N_BLOCK as i, ru as n, en as r, es as t };

package/dist/chunks/{es-CgaLnFYx.js.map → es-DuYb1Qju.js.map}

@@ -1 +1 @@
-{"version":3,"file":"es-CgaLnFYx.js","names":[],"sources":["../../src/i18n/messages/const.ts","../../src/i18n/messages/en.ts","../../src/i18n/messages/ru.ts","../../src/i18n/messages/es.ts"],"sourcesContent":["export const GRANULARITY_I18N_BLOCK = 'gr'","import type {LocaleLoaderCollection} from '@feugene/fint-i18n/core'\nimport {GRANULARITY_I18N_BLOCK} from \"./const\";\n\n/**\n * English locale loaders for the playground app.\n *\n * Exported separately from other locales so that consumers (and bundlers)\n * can import only the languages they actually need — see the\n * \"Authoring localization packages\" guide in the docs.\n */\nexport const en = {\n    en: {\n        [GRANULARITY_I18N_BLOCK]: () => import('../locales/en.json'),\n    },\n} satisfies LocaleLoaderCollection\n\nexport default en\n","import type {LocaleLoaderCollection} from '@feugene/fint-i18n/core'\nimport {GRANULARITY_I18N_BLOCK} from \"./const\";\n\nexport const ru = {\n    ru: {\n        [GRANULARITY_I18N_BLOCK]: () => import('../locales/ru.json'),\n    },\n} satisfies LocaleLoaderCollection\n\nexport default ru\n","import type {LocaleLoaderCollection} from '@feugene/fint-i18n/core'\nimport {GRANULARITY_I18N_BLOCK} from \"./const\";\n\nexport const es = {\n    es: {\n        [GRANULARITY_I18N_BLOCK]: () => import('../locales/es.json'),\n    },\n} satisfies LocaleLoaderCollection\n\nexport default es\n"],"mappings":";AAAA,IAAa,yBAAyB;;;;;;;;;;ACUtC,IAAa,KAAK,EACd,IAAI,GAAA,aACgC,OAAO,oBAC3C,EACJ;;;ACXA,IAAa,KAAK,EACd,IAAI,GAAA,aACgC,OAAO,oBAC3C,EACJ;;;ACJA,IAAa,KAAK,EACd,IAAI,GAAA,aACgC,OAAO,oBAC3C,EACJ"}
+{"version":3,"file":"es-DuYb1Qju.js","names":[],"sources":["../../src/i18n/messages/const.ts","../../src/i18n/messages/en.ts","../../src/i18n/messages/ru.ts","../../src/i18n/messages/es.ts"],"sourcesContent":["export const GRANULARITY_I18N_BLOCK = 'gr'","import type {LocaleLoaderCollection} from '@feugene/fint-i18n/core'\nimport {GRANULARITY_I18N_BLOCK} from \"./const\";\n\n/**\n * English locale loaders for the playground app.\n *\n * Exported separately from other locales so that consumers (and bundlers)\n * can import only the languages they actually need — see the\n * \"Authoring localization packages\" guide in the docs.\n */\nexport const en = {\n    en: {\n        [GRANULARITY_I18N_BLOCK]: () => import('../locales/en.json'),\n    },\n} satisfies LocaleLoaderCollection\n\nexport default en\n","import type {LocaleLoaderCollection} from '@feugene/fint-i18n/core'\nimport {GRANULARITY_I18N_BLOCK} from \"./const\";\n\nexport const ru = {\n    ru: {\n        [GRANULARITY_I18N_BLOCK]: () => import('../locales/ru.json'),\n    },\n} satisfies LocaleLoaderCollection\n\nexport default ru\n","import type {LocaleLoaderCollection} from '@feugene/fint-i18n/core'\nimport {GRANULARITY_I18N_BLOCK} from \"./const\";\n\nexport const es = {\n    es: {\n        [GRANULARITY_I18N_BLOCK]: () => import('../locales/es.json'),\n    },\n} satisfies LocaleLoaderCollection\n\nexport default es\n"],"mappings":";AAAA,IAAa,yBAAyB;;;;;;;;;;ACUtC,IAAa,KAAK,EACd,IAAI,GAAA,aACgC,OAAO,oBAC3C,EACJ;;;ACXA,IAAa,KAAK,EACd,IAAI,GAAA,aACgC,OAAO,oBAC3C,EACJ;;;ACJA,IAAa,KAAK,EACd,IAAI,GAAA,aACgC,OAAO,oBAC3C,EACJ"}

package/dist/chunks/{es-FkgECuCm.js → es-i08e9Sdo.js}

@@ -19,7 +19,33 @@ var tree = {
 var select = {
 	"customValuePlaceholder": "Añadir valor…",
 	"addOption": "Añadir «{value}»",
-	"clearOption": "Ninguno"
+	"clearOption": "Ninguno",
+	"searchPlaceholder": "Buscar…",
+	"loading": "Cargando…",
+	"noResults": "Sin resultados",
+	"removeTag": "Quitar {label}"
+};
+var dataTable = {
+	"loading": "Cargando…",
+	"empty": "Sin datos",
+	"selectAll": "Seleccionar todas las filas",
+	"selectRow": "Seleccionar fila"
+};
+var autocomplete = {
+	"loading": "Cargando…",
+	"noResults": "Sin resultados",
+	"addOption": "Añadir «{value}»",
+	"typeMore": "Escribe al menos {n} caracteres"
+};
+var form = {
+	"required": "Este campo es obligatorio",
+	"min": "Mínimo {min}",
+	"max": "Máximo {max}",
+	"len": "La longitud debe ser {len}",
+	"pattern": "Formato no válido",
+	"email": "Introduce un correo válido",
+	"url": "Introduce una URL válida",
+	"invalid": "Valor no válido"
 };
 var dialog = {
 	"confirm": { "title": "Confirmar" },
@@ -36,7 +62,8 @@ var pagination = {
 	"next": "Siguiente",
 	"page": "Página {n}",
 	"first": "Primera página",
-	"last": "Última página"
+	"last": "Última página",
+	"jumpTo": "Ir a"
 };
 var navbar = { "openMenu": "Abrir menú" };
 var responseError = {
@@ -118,12 +145,25 @@ var input = {
 	"showPassword": "Mostrar contraseña",
 	"hidePassword": "Ocultar contraseña"
 };
+var rating = {
+	"label": "Valoración",
+	"valueText": "{value} de {max}"
+};
+var commandPalette = {
+	"label": "Paleta de comandos",
+	"placeholder": "Escribe un comando o busca…",
+	"empty": "No se ha encontrado nada",
+	"loading": "Cargando…"
+};
 var es_default = {
 	common,
 	loading,
 	treeSelect,
 	tree,
 	select,
+	dataTable,
+	autocomplete,
+	form,
 	dialog,
 	pagination,
 	navbar,
@@ -138,7 +178,9 @@ var es_default = {
 	imageViewer,
 	formErrorBanner,
 	uploadErrorBanner,
-	input
+	input,
+	rating,
+	commandPalette
 };
 //#endregion
-export { colors, common, es_default as default, dialog, drawer, fileUpload, formErrorBanner, formFile, imageViewer, input, inputTag, loading, navbar, numberInput, pagination, responseError, select, toaster, tree, treeSelect, uploadErrorBanner };
+export { autocomplete, colors, commandPalette, common, dataTable, es_default as default, dialog, drawer, fileUpload, form, formErrorBanner, formFile, imageViewer, input, inputTag, loading, navbar, numberInput, pagination, rating, responseError, select, toaster, tree, treeSelect, uploadErrorBanner };

package/dist/chunks/es-i08e9Sdo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"es-i08e9Sdo.js","names":[],"sources":["../../src/i18n/locales/es.json"],"sourcesContent":["{\n  \"common\": {\n    \"confirm\": \"Confirmar\",\n    \"cancel\": \"Cancelar\",\n    \"add\": \"Añadir\",\n    \"clear\": \"Limpiar\",\n    \"close\": \"Cerrar\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Cargando...\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Buscar…\",\n    \"empty\": \"Sin datos\"\n  },\n  \"tree\": {\n    \"drag\": \"Arrastrar\",\n    \"expand\": \"Expandir\",\n    \"collapse\": \"Contraer\"\n  },\n  \"select\": {\n    \"customValuePlaceholder\": \"Añadir valor…\",\n    \"addOption\": \"Añadir «{value}»\",\n    \"clearOption\": \"Ninguno\",\n    \"searchPlaceholder\": \"Buscar…\",\n    \"loading\": \"Cargando…\",\n    \"noResults\": \"Sin resultados\",\n    \"removeTag\": \"Quitar {label}\"\n  },\n  \"dataTable\": {\n    \"loading\": \"Cargando…\",\n    \"empty\": \"Sin datos\",\n    \"selectAll\": \"Seleccionar todas las filas\",\n    \"selectRow\": \"Seleccionar fila\"\n  },\n  \"autocomplete\": {\n    \"loading\": \"Cargando…\",\n    \"noResults\": \"Sin resultados\",\n    \"addOption\": \"Añadir «{value}»\",\n    \"typeMore\": \"Escribe al menos {n} caracteres\"\n  },\n  \"form\": {\n    \"required\": \"Este campo es obligatorio\",\n    \"min\": \"Mínimo {min}\",\n    \"max\": \"Máximo {max}\",\n    \"len\": \"La longitud debe ser {len}\",\n    \"pattern\": \"Formato no válido\",\n    \"email\": \"Introduce un correo válido\",\n    \"url\": \"Introduce una URL válida\",\n    \"invalid\": \"Valor no válido\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Confirmar\"\n    },\n    \"prompt\": {\n      \"title\": \"Aviso\",\n      \"label\": \"Valor\",\n      \"required\": \"Introduzca un valor.\"\n    }\n  },\n  \"pagination\": {\n    \"label\": \"Paginación\",\n    \"pageSize\": \"Tamaño de página\",\n    \"prev\": \"Anterior\",\n    \"next\": \"Siguiente\",\n    \"page\": \"Página {n}\",\n    \"first\": \"Primera página\",\n    \"last\": \"Última página\",\n    \"jumpTo\": \"Ir a\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Abrir menú\"\n  },\n  \"responseError\": {\n    \"networkTitle\": \"Sin conexión con el servidor\",\n    \"networkMessage\": \"Compruebe su conexión a internet e inténtelo de nuevo.\",\n    \"abortedTitle\": \"Solicitud cancelada\",\n    \"abortedMessage\": \"La solicitud fue cancelada.\",\n    \"validationTitle\": \"Compruebe los datos\",\n    \"validationMessage\": \"El servidor devolvió un error de validación. Corrija los campos e inténtelo de nuevo.\",\n    \"clientTitle\": \"Error de solicitud\",\n    \"clientMessage\": \"El servidor rechazó la solicitud.\",\n    \"serverTitle\": \"Error del servidor\",\n    \"serverMessage\": \"Se produjo un error en el servidor. Inténtelo de nuevo.\",\n    \"unknownTitle\": \"Algo salió mal\",\n    \"unknownMessage\": \"No se pudo completar la operación. Inténtelo de nuevo.\",\n    \"retryLabel\": \"Reintentar\",\n    \"dismissLabel\": \"Descartar\"\n  },\n  \"colors\": {\n    \"neutral\": \"Neutral\",\n    \"success\": \"Éxito\",\n    \"warning\": \"Advertencia\",\n    \"danger\": \"Peligro\",\n    \"info\": \"Info\",\n    \"primary\": \"Primario\",\n    \"slate\": \"Pizarra\",\n    \"azure\": \"Azul celeste\"\n  },\n  \"drawer\": {\n    \"title\": \"Panel\"\n  },\n  \"numberInput\": {\n    \"increase\": \"Aumentar\",\n    \"decrease\": \"Disminuir\"\n  },\n  \"toaster\": {\n    \"dismiss\": \"Descartar\",\n    \"region\": \"Notificaciones\"\n  },\n  \"inputTag\": {\n    \"removeTag\": \"Eliminar etiqueta\"\n  },\n  \"fileUpload\": {\n    \"placeholder\": \"Arrastra archivos aquí o haz clic para seleccionar\",\n    \"progress\": \"Progreso de carga\"\n  },\n  \"formFile\": {\n    \"upload\": \"Subir archivo\",\n    \"change\": \"Cambiar archivo\",\n    \"remove\": \"Eliminar\",\n    \"clearAll\": \"Limpiar todo\",\n    \"placeholder\": \"Ningún archivo seleccionado\",\n    \"validateError\": \"No se pudieron validar los archivos soltados\"\n  },\n  \"imageViewer\": {\n    \"close\": \"Cerrar el visor de imágenes\",\n    \"prev\": \"Imagen anterior\",\n    \"next\": \"Imagen siguiente\",\n    \"zoomIn\": \"Acercar\",\n    \"zoomOut\": \"Alejar\",\n    \"resetZoom\": \"Restablecer zoom\",\n    \"rotateLeft\": \"Girar a la izquierda\",\n    \"rotateRight\": \"Girar a la derecha\",\n    \"empty\": \"Sin imagen\"\n  },\n  \"formErrorBanner\": {\n    \"validationTitle\": \"Revisa los campos del formulario\",\n    \"validationMessage\": \"El servidor rechazó los datos. Corrige los campos resaltados e inténtalo de nuevo.\",\n    \"clientTitle\": \"No se pudo guardar\",\n    \"serverTitle\": \"Error al guardar\",\n    \"serverMessage\": \"No se pudieron guardar los datos. Inténtalo más tarde.\"\n  },\n  \"uploadErrorBanner\": {\n    \"networkTitle\": \"No se pudieron subir los archivos\",\n    \"networkMessage\": \"Comprueba tu conexión e inténtalo de nuevo.\",\n    \"validationTitle\": \"Los archivos no pasaron la validación\",\n    \"validationMessage\": \"Algunos archivos no cumplen los requisitos.\",\n    \"serverTitle\": \"Error de carga en el servidor\",\n    \"serverMessage\": \"El servidor no pudo procesar la carga. Inténtalo de nuevo.\"\n  },\n  \"input\": {\n    \"clear\": \"Borrar\",\n    \"showPassword\": \"Mostrar contraseña\",\n    \"hidePassword\": \"Ocultar contraseña\"\n  },\n  \"rating\": {\n    \"label\": \"Valoración\",\n    \"valueText\": \"{value} de {max}\"\n  },\n  \"commandPalette\": {\n    \"label\": \"Paleta de comandos\",\n    \"placeholder\": \"Escribe un comando o busca…\",\n    \"empty\": \"No se ha encontrado nada\",\n    \"loading\": \"Cargando…\"\n  }\n}\n"],"mappings":""}

package/dist/chunks/{grBadgeStyles-DrycBuKT.js → grBadgeStyles-D3dFjr_N.js}

@@ -12,22 +12,22 @@ var semiRadiusClassBySize = {
 	lg: "rounded-[7px]"
 };
 var lightToneClassByTone = {
-	neutral: "bg-[var(--muted)] text-[var(--fg)] border-[var(--brd)]",
-	primary: "bg-[var(--accent)] text-[var(--accent-fg)] border-[color-mix(in_srgb,var(--primary)_30%,var(--accent))]",
-	success: "bg-[var(--gr-success-light)] text-[var(--gr-success)] border-[color-mix(in_srgb,var(--gr-success)_30%,var(--gr-success-light))]",
-	warning: "bg-[var(--gr-warning-light)] text-[var(--gr-warning)] border-[color-mix(in_srgb,var(--gr-warning)_30%,var(--gr-warning-light))]",
-	danger: "bg-[var(--gr-danger-light)] text-[var(--gr-danger)] border-[color-mix(in_srgb,var(--gr-danger)_30%,var(--gr-danger-light))]",
-	info: "bg-[var(--gr-info-light)] text-[var(--gr-info)] border-[color-mix(in_srgb,var(--gr-info)_30%,var(--gr-info-light))]",
+	neutral: "bg-[var(--gr-muted)] text-[var(--gr-fg)] border-[var(--gr-brd)]",
+	primary: "bg-[var(--gr-accent)] text-[var(--gr-accent-fg)] border-[color-mix(in_srgb,var(--gr-primary)_30%,var(--gr-accent))]",
+	success: "bg-[var(--gr-success-light)] text-[var(--gr-success-text)] border-[color-mix(in_srgb,var(--gr-success)_30%,var(--gr-success-light))]",
+	warning: "bg-[var(--gr-warning-light)] text-[var(--gr-warning-text)] border-[color-mix(in_srgb,var(--gr-warning)_30%,var(--gr-warning-light))]",
+	danger: "bg-[var(--gr-danger-light)] text-[var(--gr-danger-text)] border-[color-mix(in_srgb,var(--gr-danger)_30%,var(--gr-danger-light))]",
+	info: "bg-[var(--gr-info-light)] text-[var(--gr-info-text)] border-[color-mix(in_srgb,var(--gr-info)_30%,var(--gr-info-light))]",
 	slate: "bg-[var(--gr-slate-light)] text-[var(--gr-slate-text)] border-[color-mix(in_srgb,var(--gr-slate)_30%,var(--gr-slate-light))]",
 	azure: "bg-[var(--gr-azure-light)] text-[var(--gr-azure-text)] border-[color-mix(in_srgb,var(--gr-azure)_30%,var(--gr-azure-light))]"
 };
 var darkToneClassByTone = {
-	neutral: "bg-[var(--fg)] text-[var(--bg)] border-[color-mix(in_srgb,var(--fg)_35%,var(--brd))]",
-	primary: "bg-[var(--primary)] text-[var(--primary-fg)] border-[var(--primary)]",
-	success: "bg-[var(--gr-success)] text-white border-[var(--gr-success)]",
-	warning: "bg-[var(--gr-warning)] text-white border-[var(--gr-warning)]",
-	danger: "bg-[var(--gr-danger)] text-white border-[var(--gr-danger)]",
-	info: "bg-[var(--gr-info)] text-white border-[var(--gr-info)]",
+	neutral: "bg-[var(--gr-fg)] text-[var(--gr-bg)] border-[color-mix(in_srgb,var(--gr-fg)_35%,var(--gr-brd))]",
+	primary: "bg-[var(--gr-primary)] text-[var(--gr-primary-fg)] border-[var(--gr-primary)]",
+	success: "bg-[var(--gr-success)] text-[var(--gr-success-fg)] border-[var(--gr-success)]",
+	warning: "bg-[var(--gr-warning)] text-[var(--gr-warning-fg)] border-[var(--gr-warning)]",
+	danger: "bg-[var(--gr-danger)] text-[var(--gr-danger-fg)] border-[var(--gr-danger)]",
+	info: "bg-[var(--gr-info)] text-[var(--gr-info-fg)] border-[var(--gr-info)]",
 	slate: "bg-[var(--gr-slate)] text-[var(--gr-slate-fg)] border-[var(--gr-slate)]",
 	azure: "bg-[var(--gr-azure)] text-[var(--gr-azure-fg)] border-[var(--gr-azure)]"
 };

package/dist/chunks/grBadgeStyles-D3dFjr_N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grBadgeStyles-D3dFjr_N.js","names":[],"sources":["../../src/components/GrBadge/grBadgeStyles.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrBadgeTone = GrTone\nexport type GrBadgeSize = 'xs' | 'sm' | 'md' | 'lg'\nexport type GrBadgeRadius = 'square' | 'semi' | 'round'\nexport const sizeClassBySize: Record<GrBadgeSize, string> = {\n  xs: 'px-2 py-0.4 text-[11px]',\n  sm: 'px-2.5 py-0.5 text-[12px]',\n  md: 'px-3 py-1 text-[13px]',\n  lg: 'px-3.5 py-1.5 text-[14px]',\n}\nexport const semiRadiusClassBySize: Record<GrBadgeSize, string> = {\n  xs: 'rounded-[3px]',\n  sm: 'rounded-[3px]',\n  md: 'rounded-[5px]',\n  lg: 'rounded-[7px]',\n}\nexport const lightToneClassByTone: Record<GrBadgeTone, string> = {\n  neutral: 'bg-[var(--gr-muted)] text-[var(--gr-fg)] border-[var(--gr-brd)]',\n  primary:\n    'bg-[var(--gr-accent)] text-[var(--gr-accent-fg)] border-[color-mix(in_srgb,var(--gr-primary)_30%,var(--gr-accent))]',\n  // Текст на тонированной подложке — только `-text`, никогда не насыщенный тон:\n  // `--gr-success` на `--gr-success-light` даёт 2.24:1, `-text` — 6.78:1.\n  // slate/azure ниже уже были сделаны правильно.\n  success: 'bg-[var(--gr-success-light)] text-[var(--gr-success-text)] border-[color-mix(in_srgb,var(--gr-success)_30%,var(--gr-success-light))]',\n  warning: 'bg-[var(--gr-warning-light)] text-[var(--gr-warning-text)] border-[color-mix(in_srgb,var(--gr-warning)_30%,var(--gr-warning-light))]',\n  danger: 'bg-[var(--gr-danger-light)] text-[var(--gr-danger-text)] border-[color-mix(in_srgb,var(--gr-danger)_30%,var(--gr-danger-light))]',\n  info: 'bg-[var(--gr-info-light)] text-[var(--gr-info-text)] border-[color-mix(in_srgb,var(--gr-info)_30%,var(--gr-info-light))]',\n  slate: 'bg-[var(--gr-slate-light)] text-[var(--gr-slate-text)] border-[color-mix(in_srgb,var(--gr-slate)_30%,var(--gr-slate-light))]',\n  azure: 'bg-[var(--gr-azure-light)] text-[var(--gr-azure-text)] border-[color-mix(in_srgb,var(--gr-azure)_30%,var(--gr-azure-light))]',\n}\nexport const darkToneClassByTone: Record<GrBadgeTone, string> = {\n  neutral: 'bg-[var(--gr-fg)] text-[var(--gr-bg)] border-[color-mix(in_srgb,var(--gr-fg)_35%,var(--gr-brd))]',\n  primary: 'bg-[var(--gr-primary)] text-[var(--gr-primary-fg)] border-[var(--gr-primary)]',\n  // `text-white` был захардкожен и потому не переживал ни смену темы, ни то,\n  // что заливка светлая: белый на `--gr-success` — 2.54:1 в light и 1.75:1 в\n  // dark. Токен `-fg` для того и существует, чтобы знать нужную полярность.\n  success: 'bg-[var(--gr-success)] text-[var(--gr-success-fg)] border-[var(--gr-success)]',\n  warning: 'bg-[var(--gr-warning)] text-[var(--gr-warning-fg)] border-[var(--gr-warning)]',\n  danger: 'bg-[var(--gr-danger)] text-[var(--gr-danger-fg)] border-[var(--gr-danger)]',\n  info: 'bg-[var(--gr-info)] text-[var(--gr-info-fg)] border-[var(--gr-info)]',\n  slate: 'bg-[var(--gr-slate)] text-[var(--gr-slate-fg)] border-[var(--gr-slate)]',\n  azure: 'bg-[var(--gr-azure)] text-[var(--gr-azure-fg)] border-[var(--gr-azure)]',\n}\nfunction radiusClass(radius: GrBadgeRadius, size: GrBadgeSize): string {\n  if (radius === 'square') return 'rounded-[var(--gr-radius-none)]'\n  if (radius === 'semi') return semiRadiusClassBySize[size]\n  return 'rounded-full'\n}\nfunction toneClass(tone: GrBadgeTone, dark: boolean): string {\n  return dark ? darkToneClassByTone[tone] : lightToneClassByTone[tone]\n}\nexport function grBadgeClass(options: { tone: GrBadgeTone, dark: boolean, size: GrBadgeSize, radius: GrBadgeRadius }): string {\n  return [\n    radiusClass(options.radius, options.size),\n    sizeClassBySize[options.size],\n    toneClass(options.tone, options.dark),\n  ].join(' ')\n}\n"],"mappings":";AAKA,IAAa,kBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,IAAa,wBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,IAAa,uBAAoD;CAC/D,SAAS;CACT,SACE;CAIF,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AACA,IAAa,sBAAmD;CAC9D,SAAS;CACT,SAAS;CAIT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AACA,SAAS,YAAY,QAAuB,MAA2B;CACrE,IAAI,WAAW,UAAU,OAAO;CAChC,IAAI,WAAW,QAAQ,OAAO,sBAAsB;CACpD,OAAO;AACT;AACA,SAAS,UAAU,MAAmB,MAAuB;CAC3D,OAAO,OAAO,oBAAoB,QAAQ,qBAAqB;AACjE;AACA,SAAgB,aAAa,SAAiG;CAC5H,OAAO;EACL,YAAY,QAAQ,QAAQ,QAAQ,IAAI;EACxC,gBAAgB,QAAQ;EACxB,UAAU,QAAQ,MAAM,QAAQ,IAAI;CACtC,CAAC,CAAC,KAAK,GAAG;AACZ"}

package/dist/chunks/{grButtonStyles-C7Yga_Q1.js → grButtonStyles-DRBgDmOp.js}

@@ -1,5 +1,5 @@
 //#region src/components/GrButton/grButtonStyles.ts
-var base = "inline-flex items-center justify-center gap-2 select-none whitespace-nowrap rounded-md transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed";
+var base = "inline-flex items-center justify-center gap-2 select-none whitespace-nowrap rounded-md transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:opacity-50 disabled:cursor-not-allowed";
 var grButtonBaseClass = base;
 var sizes = {
 	xs: "h-7 text-xs px-2.5",
@@ -15,38 +15,38 @@ var squareSizes = {
 };
 var tones = {
 	primary: {
-		solidBackground: "var(--gr-button-primary-bg,var(--primary))",
-		solidBackgroundHover: "var(--gr-button-primary-bg-hover,var(--primary-hover))",
-		solidBackgroundActive: "var(--gr-button-primary-bg-active,var(--primary-active))",
-		solidForeground: "var(--gr-button-primary-fg,var(--primary-fg))",
-		accentText: "var(--accent-fg)",
+		solidBackground: "var(--gr-button-primary-bg,var(--gr-primary))",
+		solidBackgroundHover: "var(--gr-button-primary-bg-hover,var(--gr-primary-hover))",
+		solidBackgroundActive: "var(--gr-button-primary-bg-active,var(--gr-primary-active))",
+		solidForeground: "var(--gr-button-primary-fg,var(--gr-primary-fg))",
+		accentText: "var(--gr-accent-fg)",
 		softBackground: "var(--gr-button-primary-soft-bg)",
 		softBackgroundHover: "var(--gr-button-primary-soft-bg-hover)",
 		softBackgroundActive: "var(--gr-button-primary-soft-bg-active)",
-		softForeground: "var(--accent-fg)",
-		border: "var(--primary)",
-		borderHover: "var(--primary-hover)",
-		borderActive: "var(--primary-active)"
+		softForeground: "var(--gr-accent-fg)",
+		border: "var(--gr-primary)",
+		borderHover: "var(--gr-primary-hover)",
+		borderActive: "var(--gr-primary-active)"
 	},
 	neutral: {
-		solidBackground: "var(--secondary)",
-		solidBackgroundHover: "var(--secondary-hover)",
-		solidBackgroundActive: "var(--secondary-active)",
-		solidForeground: "var(--secondary-fg)",
-		accentText: "var(--fg)",
-		softBackground: "var(--secondary)",
-		softBackgroundHover: "var(--secondary-hover)",
-		softBackgroundActive: "var(--secondary-active)",
-		softForeground: "var(--secondary-fg)",
-		border: "var(--brd)",
-		borderHover: "var(--brd-hover,var(--brd))",
-		borderActive: "var(--brd-active,var(--brd))"
+		solidBackground: "var(--gr-secondary)",
+		solidBackgroundHover: "var(--gr-secondary-hover)",
+		solidBackgroundActive: "var(--gr-secondary-active)",
+		solidForeground: "var(--gr-secondary-fg)",
+		accentText: "var(--gr-fg)",
+		softBackground: "var(--gr-secondary)",
+		softBackgroundHover: "var(--gr-secondary-hover)",
+		softBackgroundActive: "var(--gr-secondary-active)",
+		softForeground: "var(--gr-secondary-fg)",
+		border: "var(--gr-brd)",
+		borderHover: "var(--gr-brd-hover,var(--gr-brd))",
+		borderActive: "var(--gr-brd-active,var(--gr-brd))"
 	},
 	success: {
 		solidBackground: "var(--gr-button-success-bg,var(--gr-success))",
 		solidBackgroundHover: "var(--gr-button-success-bg-hover,var(--gr-success-hover))",
 		solidBackgroundActive: "var(--gr-button-success-bg-active,var(--gr-success-active))",
-		solidForeground: "var(--gr-button-success-fg,var(--gr-success-fg,var(--fg)))",
+		solidForeground: "var(--gr-button-success-fg,var(--gr-success-fg,var(--gr-fg)))",
 		accentText: "var(--gr-success-text,var(--gr-success))",
 		softBackground: "var(--gr-button-success-soft-bg)",
 		softBackgroundHover: "var(--gr-button-success-soft-bg-hover)",
@@ -60,7 +60,7 @@ var tones = {
 		solidBackground: "var(--gr-button-warning-bg,var(--gr-warning))",
 		solidBackgroundHover: "var(--gr-button-warning-bg-hover,var(--gr-warning-hover))",
 		solidBackgroundActive: "var(--gr-button-warning-bg-active,var(--gr-warning-active))",
-		solidForeground: "var(--gr-button-warning-fg,var(--gr-warning-fg,var(--fg)))",
+		solidForeground: "var(--gr-button-warning-fg,var(--gr-warning-fg,var(--gr-fg)))",
 		accentText: "var(--gr-warning-text,var(--gr-warning))",
 		softBackground: "var(--gr-button-warning-soft-bg)",
 		softBackgroundHover: "var(--gr-button-warning-soft-bg-hover)",
@@ -74,7 +74,7 @@ var tones = {
 		solidBackground: "var(--gr-button-danger-bg,var(--gr-danger))",
 		solidBackgroundHover: "var(--gr-button-danger-bg-hover,var(--gr-danger-hover))",
 		solidBackgroundActive: "var(--gr-button-danger-bg-active,var(--gr-danger-active))",
-		solidForeground: "var(--gr-button-danger-fg,var(--gr-danger-fg,var(--fg)))",
+		solidForeground: "var(--gr-button-danger-fg,var(--gr-danger-fg,var(--gr-fg)))",
 		accentText: "var(--gr-danger-text,var(--gr-danger))",
 		softBackground: "var(--gr-button-danger-soft-bg)",
 		softBackgroundHover: "var(--gr-button-danger-soft-bg-hover)",
@@ -88,7 +88,7 @@ var tones = {
 		solidBackground: "var(--gr-button-info-bg,var(--gr-info))",
 		solidBackgroundHover: "var(--gr-button-info-bg-hover,var(--gr-info-hover))",
 		solidBackgroundActive: "var(--gr-button-info-bg-active,var(--gr-info-active))",
-		solidForeground: "var(--gr-button-info-fg,var(--gr-info-fg,var(--fg)))",
+		solidForeground: "var(--gr-button-info-fg,var(--gr-info-fg,var(--gr-fg)))",
 		accentText: "var(--gr-info-text,var(--gr-info))",
 		softBackground: "var(--gr-button-info-soft-bg)",
 		softBackgroundHover: "var(--gr-button-info-soft-bg-hover)",
@@ -102,7 +102,7 @@ var tones = {
 		solidBackground: "var(--gr-button-slate-bg,var(--gr-slate))",
 		solidBackgroundHover: "var(--gr-button-slate-bg-hover,var(--gr-slate-hover))",
 		solidBackgroundActive: "var(--gr-button-slate-bg-active,var(--gr-slate-active))",
-		solidForeground: "var(--gr-button-slate-fg,var(--gr-slate-fg,var(--fg)))",
+		solidForeground: "var(--gr-button-slate-fg,var(--gr-slate-fg,var(--gr-fg)))",
 		accentText: "var(--gr-slate-text,var(--gr-slate))",
 		softBackground: "var(--gr-button-slate-soft-bg)",
 		softBackgroundHover: "var(--gr-button-slate-soft-bg-hover)",
@@ -116,7 +116,7 @@ var tones = {
 		solidBackground: "var(--gr-button-azure-bg,var(--gr-azure))",
 		solidBackgroundHover: "var(--gr-button-azure-bg-hover,var(--gr-azure-hover))",
 		solidBackgroundActive: "var(--gr-button-azure-bg-active,var(--gr-azure-active))",
-		solidForeground: "var(--gr-button-azure-fg,var(--gr-azure-fg,var(--fg)))",
+		solidForeground: "var(--gr-button-azure-fg,var(--gr-azure-fg,var(--gr-fg)))",
 		accentText: "var(--gr-azure-text,var(--gr-azure))",
 		softBackground: "var(--gr-button-azure-soft-bg)",
 		softBackgroundHover: "var(--gr-button-azure-soft-bg-hover)",

package/dist/chunks/grButtonStyles-DRBgDmOp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grButtonStyles-DRBgDmOp.js","names":[],"sources":["../../src/components/GrButton/grButtonStyles.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'ghost-border'\nexport type GrButtonTone = GrTone\nexport type GrButtonSize = 'xs' | 'sm' | 'md' | 'lg'\n\nexport type GrButtonClassOptions = {\n  variant: GrButtonVariant\n  tone: GrButtonTone\n  size: GrButtonSize\n  square: boolean\n}\n\nexport type GrButtonToneTokens = {\n  solidBackground: string\n  solidBackgroundHover: string\n  solidBackgroundActive: string\n  solidForeground: string\n  accentText: string\n  softBackground: string\n  softBackgroundHover: string\n  softBackgroundActive: string\n  softForeground: string\n  border: string\n  borderHover: string\n  borderActive: string\n}\n\nexport const base =\n  'inline-flex items-center justify-center gap-2 select-none whitespace-nowrap rounded-md transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:opacity-50 disabled:cursor-not-allowed'\n\nexport const grButtonBaseClass = base\n\nexport const sizes: Record<GrButtonSize, string> = {\n  xs: 'h-7 text-xs px-2.5',\n  sm: 'h-8 text-sm px-3',\n  md: 'h-10 text-sm px-4',\n  lg: 'h-11 text-base px-5',\n}\n\nexport const squareSizes: Record<GrButtonSize, string> = {\n  xs: 'h-7 w-7 p-0',\n  sm: 'h-8 w-8 p-0',\n  md: 'h-10 w-10 p-0',\n  lg: 'h-11 w-11 p-0',\n}\n\nexport const tones: Record<GrButtonTone, GrButtonToneTokens> = {\n  primary: {\n    solidBackground: 'var(--gr-button-primary-bg,var(--gr-primary))',\n    solidBackgroundHover: 'var(--gr-button-primary-bg-hover,var(--gr-primary-hover))',\n    solidBackgroundActive: 'var(--gr-button-primary-bg-active,var(--gr-primary-active))',\n    solidForeground: 'var(--gr-button-primary-fg,var(--gr-primary-fg))',\n    accentText: 'var(--gr-accent-fg)',\n    softBackground: 'var(--gr-button-primary-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-primary-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-primary-soft-bg-active)',\n    softForeground: 'var(--gr-accent-fg)',\n    border: 'var(--gr-primary)',\n    borderHover: 'var(--gr-primary-hover)',\n    borderActive: 'var(--gr-primary-active)',\n  },\n  neutral: {\n    solidBackground: 'var(--gr-secondary)',\n    solidBackgroundHover: 'var(--gr-secondary-hover)',\n    solidBackgroundActive: 'var(--gr-secondary-active)',\n    solidForeground: 'var(--gr-secondary-fg)',\n    accentText: 'var(--gr-fg)',\n    softBackground: 'var(--gr-secondary)',\n    softBackgroundHover: 'var(--gr-secondary-hover)',\n    softBackgroundActive: 'var(--gr-secondary-active)',\n    softForeground: 'var(--gr-secondary-fg)',\n    border: 'var(--gr-brd)',\n    borderHover: 'var(--gr-brd-hover,var(--gr-brd))',\n    borderActive: 'var(--gr-brd-active,var(--gr-brd))',\n  },\n  success: {\n    solidBackground: 'var(--gr-button-success-bg,var(--gr-success))',\n    solidBackgroundHover: 'var(--gr-button-success-bg-hover,var(--gr-success-hover))',\n    solidBackgroundActive: 'var(--gr-button-success-bg-active,var(--gr-success-active))',\n    solidForeground: 'var(--gr-button-success-fg,var(--gr-success-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-success-text,var(--gr-success))',\n    softBackground: 'var(--gr-button-success-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-success-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-success-soft-bg-active)',\n    softForeground: 'var(--gr-success-text,var(--gr-success))',\n    border: 'var(--gr-success)',\n    borderHover: 'var(--gr-success-hover)',\n    borderActive: 'var(--gr-success-active)',\n  },\n  warning: {\n    solidBackground: 'var(--gr-button-warning-bg,var(--gr-warning))',\n    solidBackgroundHover: 'var(--gr-button-warning-bg-hover,var(--gr-warning-hover))',\n    solidBackgroundActive: 'var(--gr-button-warning-bg-active,var(--gr-warning-active))',\n    solidForeground: 'var(--gr-button-warning-fg,var(--gr-warning-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-warning-text,var(--gr-warning))',\n    softBackground: 'var(--gr-button-warning-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-warning-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-warning-soft-bg-active)',\n    softForeground: 'var(--gr-warning-text,var(--gr-warning))',\n    border: 'var(--gr-warning)',\n    borderHover: 'var(--gr-warning-hover)',\n    borderActive: 'var(--gr-warning-active)',\n  },\n  danger: {\n    solidBackground: 'var(--gr-button-danger-bg,var(--gr-danger))',\n    solidBackgroundHover: 'var(--gr-button-danger-bg-hover,var(--gr-danger-hover))',\n    solidBackgroundActive: 'var(--gr-button-danger-bg-active,var(--gr-danger-active))',\n    solidForeground: 'var(--gr-button-danger-fg,var(--gr-danger-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-danger-text,var(--gr-danger))',\n    softBackground: 'var(--gr-button-danger-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-danger-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-danger-soft-bg-active)',\n    softForeground: 'var(--gr-danger-text,var(--gr-danger))',\n    border: 'var(--gr-danger)',\n    borderHover: 'var(--gr-danger-hover)',\n    borderActive: 'var(--gr-danger-active)',\n  },\n  info: {\n    solidBackground: 'var(--gr-button-info-bg,var(--gr-info))',\n    solidBackgroundHover: 'var(--gr-button-info-bg-hover,var(--gr-info-hover))',\n    solidBackgroundActive: 'var(--gr-button-info-bg-active,var(--gr-info-active))',\n    solidForeground: 'var(--gr-button-info-fg,var(--gr-info-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-info-text,var(--gr-info))',\n    softBackground: 'var(--gr-button-info-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-info-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-info-soft-bg-active)',\n    softForeground: 'var(--gr-info-text,var(--gr-info))',\n    border: 'var(--gr-info)',\n    borderHover: 'var(--gr-info-hover)',\n    borderActive: 'var(--gr-info-active)',\n  },\n  slate: {\n    solidBackground: 'var(--gr-button-slate-bg,var(--gr-slate))',\n    solidBackgroundHover: 'var(--gr-button-slate-bg-hover,var(--gr-slate-hover))',\n    solidBackgroundActive: 'var(--gr-button-slate-bg-active,var(--gr-slate-active))',\n    solidForeground: 'var(--gr-button-slate-fg,var(--gr-slate-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-slate-text,var(--gr-slate))',\n    softBackground: 'var(--gr-button-slate-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-slate-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-slate-soft-bg-active)',\n    softForeground: 'var(--gr-slate-text,var(--gr-slate))',\n    border: 'var(--gr-slate)',\n    borderHover: 'var(--gr-slate-hover)',\n    borderActive: 'var(--gr-slate-active)',\n  },\n  azure: {\n    solidBackground: 'var(--gr-button-azure-bg,var(--gr-azure))',\n    solidBackgroundHover: 'var(--gr-button-azure-bg-hover,var(--gr-azure-hover))',\n    solidBackgroundActive: 'var(--gr-button-azure-bg-active,var(--gr-azure-active))',\n    solidForeground: 'var(--gr-button-azure-fg,var(--gr-azure-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-azure-text,var(--gr-azure))',\n    softBackground: 'var(--gr-button-azure-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-azure-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-azure-soft-bg-active)',\n    softForeground: 'var(--gr-azure-text,var(--gr-azure))',\n    border: 'var(--gr-azure)',\n    borderHover: 'var(--gr-azure-hover)',\n    borderActive: 'var(--gr-azure-active)',\n  },\n}\n\nfunction withVar(token: string): string {\n  return `[${token}]`\n}\n\nexport function variantClass(variant: GrButtonVariant, tone: GrButtonTone): string {\n  const tokens = tones[tone]\n\n  if (variant === 'primary') {\n    return [\n      `bg-${withVar(tokens.solidBackground)}`,\n      `text-${withVar(tokens.solidForeground)}`,\n      `border border-${withVar(tokens.solidBackground)}`,\n      `hover:bg-${withVar(tokens.solidBackgroundHover)}`,\n      `hover:border-${withVar(tokens.solidBackgroundHover)}`,\n      `active:bg-${withVar(tokens.solidBackgroundActive)}`,\n      `hover:active:bg-${withVar(tokens.solidBackgroundActive)}`,\n      `active:border-${withVar(tokens.solidBackgroundActive)}`,\n      `hover:active:border-${withVar(tokens.solidBackgroundActive)}`,\n    ].join(' ')\n  }\n\n  if (variant === 'secondary') {\n    return [\n      `bg-${withVar(tokens.softBackground)}`,\n      `text-${withVar(tokens.softForeground)}`,\n      `border border-${withVar(tokens.border)}`,\n      `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n      `hover:border-${withVar(tokens.borderHover)}`,\n      `active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `active:border-${withVar(tokens.borderActive)}`,\n      `hover:active:border-${withVar(tokens.borderActive)}`,\n    ].join(' ')\n  }\n\n  if (variant === 'outline') {\n    return [\n      'bg-transparent',\n      `text-${withVar(tokens.accentText)}`,\n      `border border-${withVar(tokens.border)}`,\n      `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n      `hover:border-${withVar(tokens.borderHover)}`,\n      `active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `active:border-${withVar(tokens.borderActive)}`,\n      `hover:active:border-${withVar(tokens.borderActive)}`,\n    ].join(' ')\n  }\n\n  if (variant === 'ghost') {\n    return [\n      'bg-transparent',\n      `text-${withVar(tokens.accentText)}`,\n      `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n      `active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n    ].join(' ')\n  }\n\n  return [\n    'bg-transparent',\n    `text-${withVar(tokens.accentText)}`,\n    'border border-transparent',\n    `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n    `hover:border-${withVar(tokens.borderHover)}`,\n    `active:bg-${withVar(tokens.softBackgroundActive)}`,\n    `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n    `active:border-${withVar(tokens.borderActive)}`,\n    `hover:active:border-${withVar(tokens.borderActive)}`,\n  ].join(' ')\n}\n\nexport function grButtonClass(options: GrButtonClassOptions): string {\n  return [\n    options.square ? squareSizes[options.size] : sizes[options.size],\n    variantClass(options.variant, options.tone),\n  ].join(' ')\n}\n"],"mappings":"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"}

package/dist/chunks/{grDropdownStyles-B_-DKytw.js → grDropdownStyles-HBPkghVr.js}

@@ -24,8 +24,8 @@ function grDropdownOriginClass(placement) {
 function grDropdownContentClass(contentClass) {
 	return [
 		"rounded-[var(--gr-radius-xl)]",
-		"border border-[var(--brd)]",
-		"bg-[var(--card)] text-[var(--card-fg)]",
+		"border border-[var(--gr-brd)]",
+		"bg-[var(--gr-card)] text-[var(--gr-card-fg)]",
 		"shadow-[var(--gr-shadow-2)]",
 		"p-1",
 		contentClass