@feugene/granularity 0.3.2 → 0.4.1

package/dist/chunks/grButtonStyles-BxZW2x0-.js

@@ -0,0 +1,193 @@
+//#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 grButtonBaseClass = base;
+var sizes = {
+	xs: "h-7 text-xs px-2.5",
+	sm: "h-8 text-sm px-3",
+	md: "h-10 text-sm px-4",
+	lg: "h-11 text-base px-5"
+};
+var squareSizes = {
+	xs: "h-7 w-7 p-0",
+	sm: "h-8 w-8 p-0",
+	md: "h-10 w-10 p-0",
+	lg: "h-11 w-11 p-0"
+};
+var tones = {
+	primary: {
+		solidBackground: "var(--ds-button-primary-bg,var(--primary))",
+		solidBackgroundHover: "var(--ds-button-primary-bg-hover,var(--primary-hover))",
+		solidBackgroundActive: "var(--ds-button-primary-bg-active,var(--primary-active))",
+		solidForeground: "var(--ds-button-primary-fg,var(--primary-fg))",
+		accentText: "var(--accent-fg)",
+		softBackground: "var(--ds-button-primary-soft-bg)",
+		softBackgroundHover: "var(--ds-button-primary-soft-bg-hover)",
+		softBackgroundActive: "var(--ds-button-primary-soft-bg-active)",
+		softForeground: "var(--accent-fg)",
+		border: "var(--primary)",
+		borderHover: "var(--primary-hover)",
+		borderActive: "var(--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))"
+	},
+	success: {
+		solidBackground: "var(--ds-button-success-bg,var(--ds-success))",
+		solidBackgroundHover: "var(--ds-button-success-bg-hover,var(--ds-success-hover))",
+		solidBackgroundActive: "var(--ds-button-success-bg-active,var(--ds-success-active))",
+		solidForeground: "var(--ds-button-success-fg,var(--ds-success-fg,var(--fg)))",
+		accentText: "var(--ds-success-text,var(--ds-success))",
+		softBackground: "var(--ds-button-success-soft-bg)",
+		softBackgroundHover: "var(--ds-button-success-soft-bg-hover)",
+		softBackgroundActive: "var(--ds-button-success-soft-bg-active)",
+		softForeground: "var(--ds-success-text,var(--ds-success))",
+		border: "var(--ds-success)",
+		borderHover: "var(--ds-success-hover)",
+		borderActive: "var(--ds-success-active)"
+	},
+	warning: {
+		solidBackground: "var(--ds-button-warning-bg,var(--ds-warning))",
+		solidBackgroundHover: "var(--ds-button-warning-bg-hover,var(--ds-warning-hover))",
+		solidBackgroundActive: "var(--ds-button-warning-bg-active,var(--ds-warning-active))",
+		solidForeground: "var(--ds-button-warning-fg,var(--ds-warning-fg,var(--fg)))",
+		accentText: "var(--ds-warning-text,var(--ds-warning))",
+		softBackground: "var(--ds-button-warning-soft-bg)",
+		softBackgroundHover: "var(--ds-button-warning-soft-bg-hover)",
+		softBackgroundActive: "var(--ds-button-warning-soft-bg-active)",
+		softForeground: "var(--ds-warning-text,var(--ds-warning))",
+		border: "var(--ds-warning)",
+		borderHover: "var(--ds-warning-hover)",
+		borderActive: "var(--ds-warning-active)"
+	},
+	danger: {
+		solidBackground: "var(--ds-button-danger-bg,var(--ds-danger))",
+		solidBackgroundHover: "var(--ds-button-danger-bg-hover,var(--ds-danger-hover))",
+		solidBackgroundActive: "var(--ds-button-danger-bg-active,var(--ds-danger-active))",
+		solidForeground: "var(--ds-button-danger-fg,var(--ds-danger-fg,var(--fg)))",
+		accentText: "var(--ds-danger-text,var(--ds-danger))",
+		softBackground: "var(--ds-button-danger-soft-bg)",
+		softBackgroundHover: "var(--ds-button-danger-soft-bg-hover)",
+		softBackgroundActive: "var(--ds-button-danger-soft-bg-active)",
+		softForeground: "var(--ds-danger-text,var(--ds-danger))",
+		border: "var(--ds-danger)",
+		borderHover: "var(--ds-danger-hover)",
+		borderActive: "var(--ds-danger-active)"
+	},
+	info: {
+		solidBackground: "var(--ds-button-info-bg,var(--ds-info))",
+		solidBackgroundHover: "var(--ds-button-info-bg-hover,var(--ds-info-hover))",
+		solidBackgroundActive: "var(--ds-button-info-bg-active,var(--ds-info-active))",
+		solidForeground: "var(--ds-button-info-fg,var(--ds-info-fg,var(--fg)))",
+		accentText: "var(--ds-info-text,var(--ds-info))",
+		softBackground: "var(--ds-button-info-soft-bg)",
+		softBackgroundHover: "var(--ds-button-info-soft-bg-hover)",
+		softBackgroundActive: "var(--ds-button-info-soft-bg-active)",
+		softForeground: "var(--ds-info-text,var(--ds-info))",
+		border: "var(--ds-info)",
+		borderHover: "var(--ds-info-hover)",
+		borderActive: "var(--ds-info-active)"
+	},
+	slate: {
+		solidBackground: "var(--ds-button-slate-bg,var(--ds-slate))",
+		solidBackgroundHover: "var(--ds-button-slate-bg-hover,var(--ds-slate-hover))",
+		solidBackgroundActive: "var(--ds-button-slate-bg-active,var(--ds-slate-active))",
+		solidForeground: "var(--ds-button-slate-fg,var(--ds-slate-fg,var(--fg)))",
+		accentText: "var(--ds-slate-text,var(--ds-slate))",
+		softBackground: "var(--ds-button-slate-soft-bg)",
+		softBackgroundHover: "var(--ds-button-slate-soft-bg-hover)",
+		softBackgroundActive: "var(--ds-button-slate-soft-bg-active)",
+		softForeground: "var(--ds-slate-text,var(--ds-slate))",
+		border: "var(--ds-slate)",
+		borderHover: "var(--ds-slate-hover)",
+		borderActive: "var(--ds-slate-active)"
+	},
+	azure: {
+		solidBackground: "var(--ds-button-azure-bg,var(--ds-azure))",
+		solidBackgroundHover: "var(--ds-button-azure-bg-hover,var(--ds-azure-hover))",
+		solidBackgroundActive: "var(--ds-button-azure-bg-active,var(--ds-azure-active))",
+		solidForeground: "var(--ds-button-azure-fg,var(--ds-azure-fg,var(--fg)))",
+		accentText: "var(--ds-azure-text,var(--ds-azure))",
+		softBackground: "var(--ds-button-azure-soft-bg)",
+		softBackgroundHover: "var(--ds-button-azure-soft-bg-hover)",
+		softBackgroundActive: "var(--ds-button-azure-soft-bg-active)",
+		softForeground: "var(--ds-azure-text,var(--ds-azure))",
+		border: "var(--ds-azure)",
+		borderHover: "var(--ds-azure-hover)",
+		borderActive: "var(--ds-azure-active)"
+	}
+};
+function withVar(token) {
+	return `[${token}]`;
+}
+function variantClass(variant, tone) {
+	const tokens = tones[tone];
+	if (variant === "primary") return [
+		`bg-${withVar(tokens.solidBackground)}`,
+		`text-${withVar(tokens.solidForeground)}`,
+		`border border-${withVar(tokens.solidBackground)}`,
+		`hover:bg-${withVar(tokens.solidBackgroundHover)}`,
+		`hover:border-${withVar(tokens.solidBackgroundHover)}`,
+		`active:bg-${withVar(tokens.solidBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.solidBackgroundActive)}`,
+		`active:border-${withVar(tokens.solidBackgroundActive)}`,
+		`hover:active:border-${withVar(tokens.solidBackgroundActive)}`
+	].join(" ");
+	if (variant === "secondary") return [
+		`bg-${withVar(tokens.softBackground)}`,
+		`text-${withVar(tokens.softForeground)}`,
+		`border border-${withVar(tokens.border)}`,
+		`hover:bg-${withVar(tokens.softBackgroundHover)}`,
+		`hover:border-${withVar(tokens.borderHover)}`,
+		`active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`active:border-${withVar(tokens.borderActive)}`,
+		`hover:active:border-${withVar(tokens.borderActive)}`
+	].join(" ");
+	if (variant === "outline") return [
+		"bg-transparent",
+		`text-${withVar(tokens.accentText)}`,
+		`border border-${withVar(tokens.border)}`,
+		`hover:bg-${withVar(tokens.softBackgroundHover)}`,
+		`hover:border-${withVar(tokens.borderHover)}`,
+		`active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`active:border-${withVar(tokens.borderActive)}`,
+		`hover:active:border-${withVar(tokens.borderActive)}`
+	].join(" ");
+	if (variant === "ghost") return [
+		"bg-transparent",
+		`text-${withVar(tokens.accentText)}`,
+		`hover:bg-${withVar(tokens.softBackgroundHover)}`,
+		`active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.softBackgroundActive)}`
+	].join(" ");
+	return [
+		"bg-transparent",
+		`text-${withVar(tokens.accentText)}`,
+		"border border-transparent",
+		`hover:bg-${withVar(tokens.softBackgroundHover)}`,
+		`hover:border-${withVar(tokens.borderHover)}`,
+		`active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`active:border-${withVar(tokens.borderActive)}`,
+		`hover:active:border-${withVar(tokens.borderActive)}`
+	].join(" ");
+}
+function grButtonClass(options) {
+	return [options.square ? squareSizes[options.size] : sizes[options.size], variantClass(options.variant, options.tone)].join(" ");
+}
+//#endregion
+export { squareSizes as a, sizes as i, grButtonBaseClass as n, tones as o, grButtonClass as r, variantClass as s, base as t };
+
+//# sourceMappingURL=grButtonStyles-BxZW2x0-.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grButtonStyles-BxZW2x0-.js","names":[],"sources":["../../src/components/GrButton/grButtonStyles.ts"],"sourcesContent":["export type GrButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'ghost-border'\nexport type GrButtonTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'slate' | 'azure'\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(--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(--ds-button-primary-bg,var(--primary))',\n    solidBackgroundHover: 'var(--ds-button-primary-bg-hover,var(--primary-hover))',\n    solidBackgroundActive: 'var(--ds-button-primary-bg-active,var(--primary-active))',\n    solidForeground: 'var(--ds-button-primary-fg,var(--primary-fg))',\n    accentText: 'var(--accent-fg)',\n    softBackground: 'var(--ds-button-primary-soft-bg)',\n    softBackgroundHover: 'var(--ds-button-primary-soft-bg-hover)',\n    softBackgroundActive: 'var(--ds-button-primary-soft-bg-active)',\n    softForeground: 'var(--accent-fg)',\n    border: 'var(--primary)',\n    borderHover: 'var(--primary-hover)',\n    borderActive: 'var(--primary-active)',\n  },\n  neutral: {\n    solidBackground: 'var(--secondary)',\n    solidBackgroundHover: 'var(--secondary-hover)',\n    solidBackgroundActive: 'var(--secondary-active)',\n    solidForeground: 'var(--secondary-fg)',\n    accentText: 'var(--fg)',\n    softBackground: 'var(--secondary)',\n    softBackgroundHover: 'var(--secondary-hover)',\n    softBackgroundActive: 'var(--secondary-active)',\n    softForeground: 'var(--secondary-fg)',\n    border: 'var(--brd)',\n    borderHover: 'var(--brd-hover,var(--brd))',\n    borderActive: 'var(--brd-active,var(--brd))',\n  },\n  success: {\n    solidBackground: 'var(--ds-button-success-bg,var(--ds-success))',\n    solidBackgroundHover: 'var(--ds-button-success-bg-hover,var(--ds-success-hover))',\n    solidBackgroundActive: 'var(--ds-button-success-bg-active,var(--ds-success-active))',\n    solidForeground: 'var(--ds-button-success-fg,var(--ds-success-fg,var(--fg)))',\n    accentText: 'var(--ds-success-text,var(--ds-success))',\n    softBackground: 'var(--ds-button-success-soft-bg)',\n    softBackgroundHover: 'var(--ds-button-success-soft-bg-hover)',\n    softBackgroundActive: 'var(--ds-button-success-soft-bg-active)',\n    softForeground: 'var(--ds-success-text,var(--ds-success))',\n    border: 'var(--ds-success)',\n    borderHover: 'var(--ds-success-hover)',\n    borderActive: 'var(--ds-success-active)',\n  },\n  warning: {\n    solidBackground: 'var(--ds-button-warning-bg,var(--ds-warning))',\n    solidBackgroundHover: 'var(--ds-button-warning-bg-hover,var(--ds-warning-hover))',\n    solidBackgroundActive: 'var(--ds-button-warning-bg-active,var(--ds-warning-active))',\n    solidForeground: 'var(--ds-button-warning-fg,var(--ds-warning-fg,var(--fg)))',\n    accentText: 'var(--ds-warning-text,var(--ds-warning))',\n    softBackground: 'var(--ds-button-warning-soft-bg)',\n    softBackgroundHover: 'var(--ds-button-warning-soft-bg-hover)',\n    softBackgroundActive: 'var(--ds-button-warning-soft-bg-active)',\n    softForeground: 'var(--ds-warning-text,var(--ds-warning))',\n    border: 'var(--ds-warning)',\n    borderHover: 'var(--ds-warning-hover)',\n    borderActive: 'var(--ds-warning-active)',\n  },\n  danger: {\n    solidBackground: 'var(--ds-button-danger-bg,var(--ds-danger))',\n    solidBackgroundHover: 'var(--ds-button-danger-bg-hover,var(--ds-danger-hover))',\n    solidBackgroundActive: 'var(--ds-button-danger-bg-active,var(--ds-danger-active))',\n    solidForeground: 'var(--ds-button-danger-fg,var(--ds-danger-fg,var(--fg)))',\n    accentText: 'var(--ds-danger-text,var(--ds-danger))',\n    softBackground: 'var(--ds-button-danger-soft-bg)',\n    softBackgroundHover: 'var(--ds-button-danger-soft-bg-hover)',\n    softBackgroundActive: 'var(--ds-button-danger-soft-bg-active)',\n    softForeground: 'var(--ds-danger-text,var(--ds-danger))',\n    border: 'var(--ds-danger)',\n    borderHover: 'var(--ds-danger-hover)',\n    borderActive: 'var(--ds-danger-active)',\n  },\n  info: {\n    solidBackground: 'var(--ds-button-info-bg,var(--ds-info))',\n    solidBackgroundHover: 'var(--ds-button-info-bg-hover,var(--ds-info-hover))',\n    solidBackgroundActive: 'var(--ds-button-info-bg-active,var(--ds-info-active))',\n    solidForeground: 'var(--ds-button-info-fg,var(--ds-info-fg,var(--fg)))',\n    accentText: 'var(--ds-info-text,var(--ds-info))',\n    softBackground: 'var(--ds-button-info-soft-bg)',\n    softBackgroundHover: 'var(--ds-button-info-soft-bg-hover)',\n    softBackgroundActive: 'var(--ds-button-info-soft-bg-active)',\n    softForeground: 'var(--ds-info-text,var(--ds-info))',\n    border: 'var(--ds-info)',\n    borderHover: 'var(--ds-info-hover)',\n    borderActive: 'var(--ds-info-active)',\n  },\n  slate: {\n    solidBackground: 'var(--ds-button-slate-bg,var(--ds-slate))',\n    solidBackgroundHover: 'var(--ds-button-slate-bg-hover,var(--ds-slate-hover))',\n    solidBackgroundActive: 'var(--ds-button-slate-bg-active,var(--ds-slate-active))',\n    solidForeground: 'var(--ds-button-slate-fg,var(--ds-slate-fg,var(--fg)))',\n    accentText: 'var(--ds-slate-text,var(--ds-slate))',\n    softBackground: 'var(--ds-button-slate-soft-bg)',\n    softBackgroundHover: 'var(--ds-button-slate-soft-bg-hover)',\n    softBackgroundActive: 'var(--ds-button-slate-soft-bg-active)',\n    softForeground: 'var(--ds-slate-text,var(--ds-slate))',\n    border: 'var(--ds-slate)',\n    borderHover: 'var(--ds-slate-hover)',\n    borderActive: 'var(--ds-slate-active)',\n  },\n  azure: {\n    solidBackground: 'var(--ds-button-azure-bg,var(--ds-azure))',\n    solidBackgroundHover: 'var(--ds-button-azure-bg-hover,var(--ds-azure-hover))',\n    solidBackgroundActive: 'var(--ds-button-azure-bg-active,var(--ds-azure-active))',\n    solidForeground: 'var(--ds-button-azure-fg,var(--ds-azure-fg,var(--fg)))',\n    accentText: 'var(--ds-azure-text,var(--ds-azure))',\n    softBackground: 'var(--ds-button-azure-soft-bg)',\n    softBackgroundHover: 'var(--ds-button-azure-soft-bg-hover)',\n    softBackgroundActive: 'var(--ds-button-azure-soft-bg-active)',\n    softForeground: 'var(--ds-azure-text,var(--ds-azure))',\n    border: 'var(--ds-azure)',\n    borderHover: 'var(--ds-azure-hover)',\n    borderActive: 'var(--ds-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-DQfLh-bp.js

@@ -0,0 +1,34 @@
+//#region src/components/GrDropdown/grDropdownStyles.ts
+var widthClassByWidth = {
+	auto: "",
+	20: "w-20",
+	48: "w-48",
+	60: "w-60",
+	64: "w-64",
+	80: "w-80"
+};
+var alignmentClassByAlign = {
+	left: "origin-top-left",
+	right: "origin-top-right -translate-x-full",
+	center: "origin-top -translate-x-1/2"
+};
+function grDropdownWidthClass(width) {
+	return widthClassByWidth[width];
+}
+function grDropdownAlignmentClass(align) {
+	return alignmentClassByAlign[align];
+}
+function grDropdownContentClass(contentClass) {
+	return [
+		"rounded-[var(--ds-radius-xl)]",
+		"border border-[var(--brd)]",
+		"bg-[var(--card)] text-[var(--card-fg)]",
+		"shadow-[var(--ds-shadow-2)]",
+		"p-1",
+		contentClass
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { widthClassByWidth as a, grDropdownWidthClass as i, grDropdownAlignmentClass as n, grDropdownContentClass as r, alignmentClassByAlign as t };
+
+//# sourceMappingURL=grDropdownStyles-DQfLh-bp.js.map

package/dist/chunks/grDropdownStyles-DQfLh-bp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grDropdownStyles-DQfLh-bp.js","names":[],"sources":["../../src/components/GrDropdown/grDropdownStyles.ts"],"sourcesContent":["export type GrDropdownAlign = 'left' | 'right' | 'center'\nexport type GrDropdownWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport const widthClassByWidth: Record<GrDropdownWidth, string> = {\n  auto: '',\n  20: 'w-20',\n  48: 'w-48',\n  60: 'w-60',\n  64: 'w-64',\n  80: 'w-80',\n}\n\nexport const alignmentClassByAlign: Record<GrDropdownAlign, string> = {\n  left: 'origin-top-left',\n  right: 'origin-top-right -translate-x-full',\n  center: 'origin-top -translate-x-1/2',\n}\n\nexport function grDropdownWidthClass(width: GrDropdownWidth): string {\n  return widthClassByWidth[width]\n}\n\nexport function grDropdownAlignmentClass(align: GrDropdownAlign): string {\n  return alignmentClassByAlign[align]\n}\n\nexport function grDropdownContentClass(contentClass?: string): string {\n  return [\n    'rounded-[var(--ds-radius-xl)]',\n    'border border-[var(--brd)]',\n    'bg-[var(--card)] text-[var(--card-fg)]',\n    'shadow-[var(--ds-shadow-2)]',\n    'p-1',\n    contentClass,\n  ].filter(Boolean).join(' ')\n}\n"],"mappings":";AAGA,IAAa,oBAAqD;CAChE,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,wBAAyD;CACpE,MAAM;CACN,OAAO;CACP,QAAQ;CACT;AAED,SAAgB,qBAAqB,OAAgC;AACnE,QAAO,kBAAkB;;AAG3B,SAAgB,yBAAyB,OAAgC;AACvE,QAAO,sBAAsB;;AAG/B,SAAgB,uBAAuB,cAA+B;AACpE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI"}

package/dist/chunks/grLoadingStyles-CERsxyk9.js

@@ -0,0 +1,19 @@
+//#region src/components/GrLoading/grLoadingStyles.ts
+var rootModeClass = {
+	fullscreen: "fixed inset-0 z-50",
+	inline: "absolute inset-0 z-10"
+};
+var rootBackgroundClass = "bg-black/25";
+var rootBackdropBlurClass = "backdrop-blur-sm";
+function grLoadingRootClass(options) {
+	return [
+		options.fullscreen ? rootModeClass.fullscreen : rootModeClass.inline,
+		!options.hasBackground ? rootBackgroundClass : "",
+		rootBackdropBlurClass,
+		options.customClass
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { rootModeClass as i, rootBackdropBlurClass as n, rootBackgroundClass as r, grLoadingRootClass as t };
+
+//# sourceMappingURL=grLoadingStyles-CERsxyk9.js.map

package/dist/chunks/grLoadingStyles-CERsxyk9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grLoadingStyles-CERsxyk9.js","names":[],"sources":["../../src/components/GrLoading/grLoadingStyles.ts"],"sourcesContent":["export const rootModeClass = {\n    fullscreen: 'fixed inset-0 z-50',\n    inline: 'absolute inset-0 z-10',\n} as const\nexport const rootBackgroundClass = 'bg-black/25'\nexport const rootBackdropBlurClass = 'backdrop-blur-sm'\n\nexport function grLoadingRootClass(options: {\n    fullscreen: boolean,\n    hasBackground: boolean,\n    customClass?: string\n}): string {\n    return [\n        options.fullscreen ? rootModeClass.fullscreen : rootModeClass.inline,\n        !options.hasBackground ? rootBackgroundClass : '',\n        rootBackdropBlurClass,\n        options.customClass,\n    ]\n        .filter(Boolean)\n        .join(' ')\n}\n"],"mappings":";AAAA,IAAa,gBAAgB;CACzB,YAAY;CACZ,QAAQ;CACX;AACD,IAAa,sBAAsB;AACnC,IAAa,wBAAwB;AAErC,SAAgB,mBAAmB,SAIxB;AACP,QAAO;EACH,QAAQ,aAAa,cAAc,aAAa,cAAc;EAC9D,CAAC,QAAQ,gBAAgB,sBAAsB;EAC/C;EACA,QAAQ;EACX,CACI,OAAO,QAAQ,CACf,KAAK,IAAI"}

package/dist/chunks/grModalStyles-Dv2NXBKi.js

@@ -0,0 +1,49 @@
+//#region src/components/GrModal/grModalStyles.ts
+var root = "fixed inset-0 z-50";
+var shell = "fixed inset-0 overflow-y-auto p-4 sm:p-6";
+var layout = "min-h-full flex items-center justify-center";
+var overlay = "fixed inset-0 z-0 bg-black/40";
+var overlayTransition = {
+	enter: "duration-200 ease-out",
+	enterFrom: "opacity-0",
+	enterTo: "opacity-100",
+	leave: "duration-150 ease-in",
+	leaveFrom: "opacity-100",
+	leaveTo: "opacity-0"
+};
+var panelTransition = {
+	enter: "duration-200 ease-out",
+	enterFrom: "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95",
+	enterTo: "opacity-100 translate-y-0 sm:scale-100",
+	leave: "duration-150 ease-in",
+	leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
+	leaveTo: "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95"
+};
+var panelBase = "w-full overflow-hidden relative z-10 border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] outline-none";
+var panelWidthBySize = {
+	sm: "max-w-[420px]",
+	md: "max-w-[560px]",
+	lg: "max-w-[720px]",
+	xl: "max-w-[920px]",
+	full: "max-w-none"
+};
+var panelRadiusBySize = {
+	sm: "rounded-[var(--ds-radius-xl)]",
+	md: "rounded-[var(--ds-radius-xl)]",
+	lg: "rounded-[var(--ds-radius-xl)]",
+	xl: "rounded-[var(--ds-radius-xl)]",
+	full: "rounded-none sm:rounded-[var(--ds-radius-xl)]"
+};
+var panelHeightBySize = { full: "h-[100svh] sm:h-auto" };
+function getGrModalPanelClass(size) {
+	return [
+		panelBase,
+		panelWidthBySize[size],
+		panelHeightBySize[size],
+		panelRadiusBySize[size]
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { panelBase as a, panelTransition as c, shell as d, overlayTransition as i, panelWidthBySize as l, layout as n, panelHeightBySize as o, overlay as r, panelRadiusBySize as s, getGrModalPanelClass as t, root as u };
+
+//# sourceMappingURL=grModalStyles-Dv2NXBKi.js.map

package/dist/chunks/grModalStyles-Dv2NXBKi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grModalStyles-Dv2NXBKi.js","names":[],"sources":["../../src/components/GrModal/grModalStyles.ts"],"sourcesContent":["export type GrModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\n// Корневые утилитарные классы, используемые шаблоном `GrModal.vue`.\n// Они же являются единственным источником истины для safelist.\nexport const root = 'fixed inset-0 z-50'\nexport const shell = 'fixed inset-0 overflow-y-auto p-4 sm:p-6'\nexport const layout = 'min-h-full flex items-center justify-center'\nexport const overlay = 'fixed inset-0 z-0 bg-black/40'\n\n// Классы для `<TransitionChild :enter=\"...\" :enter-from=\"...\" ...>`.\n// Разбиты по фазам транзишна, чтобы не склеивать их в «мешок токенов».\nexport const overlayTransition = {\n  enter: 'duration-200 ease-out',\n  enterFrom: 'opacity-0',\n  enterTo: 'opacity-100',\n  leave: 'duration-150 ease-in',\n  leaveFrom: 'opacity-100',\n  leaveTo: 'opacity-0',\n} as const\n\nexport const panelTransition = {\n  enter: 'duration-200 ease-out',\n  enterFrom: 'opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95',\n  enterTo: 'opacity-100 translate-y-0 sm:scale-100',\n  leave: 'duration-150 ease-in',\n  leaveFrom: 'opacity-100 translate-y-0 sm:scale-100',\n  leaveTo: 'opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95',\n} as const\n\nexport const panelBase\n  = 'w-full overflow-hidden relative z-10 border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] outline-none'\n\nexport const panelWidthBySize: Record<GrModalSize, string> = {\n  sm: 'max-w-[420px]',\n  md: 'max-w-[560px]',\n  lg: 'max-w-[720px]',\n  xl: 'max-w-[920px]',\n  full: 'max-w-none',\n}\n\nexport const panelRadiusBySize: Record<GrModalSize, string> = {\n  sm: 'rounded-[var(--ds-radius-xl)]',\n  md: 'rounded-[var(--ds-radius-xl)]',\n  lg: 'rounded-[var(--ds-radius-xl)]',\n  xl: 'rounded-[var(--ds-radius-xl)]',\n  full: 'rounded-none sm:rounded-[var(--ds-radius-xl)]',\n}\n\n// Для большинства размеров высота не задаётся — `Partial` + фильтрация пустых\n// значений в `getGrModalPanelClass` избавляют от двойных пробелов.\nexport const panelHeightBySize: Partial<Record<GrModalSize, string>> = {\n  full: 'h-[100svh] sm:h-auto',\n}\n\nexport function getGrModalPanelClass(size: GrModalSize): string {\n  return [\n    panelBase,\n    panelWidthBySize[size],\n    panelHeightBySize[size],\n    panelRadiusBySize[size],\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n"],"mappings":";AAIA,IAAa,OAAO;AACpB,IAAa,QAAQ;AACrB,IAAa,SAAS;AACtB,IAAa,UAAU;AAIvB,IAAa,oBAAoB;CAC/B,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;CACV;AAED,IAAa,kBAAkB;CAC7B,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;CACV;AAED,IAAa,YACT;AAEJ,IAAa,mBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACP;AAED,IAAa,oBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACP;AAID,IAAa,oBAA0D,EACrE,MAAM,wBACP;AAED,SAAgB,qBAAqB,MAA2B;AAC9D,QAAO;EACL;EACA,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EACnB,CACE,OAAO,QAAQ,CACf,KAAK,IAAI"}

package/dist/chunks/grSelectStyles-C1zNEkV7.js

@@ -0,0 +1,52 @@
+//#region src/components/GrSelect/grSelectStyles.ts
+var defaultBaseClass = "w-full rounded-md border border-[var(--brd)] bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+var linkBaseClass = "cursor-pointer inline-block w-auto align-baseline appearance-none bg-transparent border border-transparent px-0 py-0 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+var selectSizeClassBySize = {
+	xs: "h-7 px-2.5 text-[12px]",
+	sm: "h-8 px-3 text-[13px]",
+	md: "h-10 px-3 text-[14px]",
+	lg: "h-11 px-4 text-[16px]"
+};
+var selectLinkSizeClassBySize = {
+	xs: "text-[12px]",
+	sm: "text-[13px]",
+	md: "text-[14px]",
+	lg: "text-[16px]"
+};
+var selectLinkVariantClassByVariant = {
+	primary: "text-[var(--primary)] hover:text-[var(--primary-hover)] active:text-[var(--primary-active)]",
+	default: "text-[var(--fg)] hover:text-[var(--primary)] active:text-[var(--primary-active)]",
+	muted: "text-[var(--muted-fg)] hover:text-[var(--fg)] active:text-[var(--fg)]",
+	danger: "text-[var(--ds-danger)] hover:text-[var(--ds-danger-hover)] active:text-[var(--ds-danger-active)]"
+};
+function selectLinkUnderlineClass(options) {
+	if (options.disabled) return "no-underline";
+	if (options.underline === "always") return "underline underline-offset-4";
+	if (options.underline === "none") return "no-underline";
+	return "no-underline hover:underline hover:underline-offset-4";
+}
+function grSelectClass(options) {
+	if (options.view === "link") return [
+		selectLinkSizeClassBySize[options.size],
+		selectLinkUnderlineClass({
+			underline: options.underline,
+			disabled: options.disabled
+		}),
+		selectLinkVariantClassByVariant[options.variant],
+		"disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline"
+	].join(" ");
+	return [selectSizeClassBySize[options.size], "disabled:opacity-50 disabled:cursor-not-allowed"].join(" ");
+}
+function grSelectNativeClass(options) {
+	return [grSelectClass(options), options.showNativeChevron ? "appearance-none pr-9" : ""].filter(Boolean).join(" ");
+}
+function grSelectTriggerClass(options) {
+	if (options.optionsView !== "panel") return grSelectClass(options);
+	if (options.view === "link") return [grSelectClass(options), "inline-flex items-center gap-1 text-left"].join(" ");
+	return [grSelectClass(options), "flex items-center justify-between text-left"].join(" ");
+}
+var grSelectPanelClasses = "rounded-[var(--ds-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] overflow-hidden";
+//#endregion
+export { linkBaseClass as a, selectSizeClassBySize as c, grSelectTriggerClass as i, grSelectNativeClass as n, selectLinkSizeClassBySize as o, grSelectPanelClasses as r, selectLinkVariantClassByVariant as s, defaultBaseClass as t };
+
+//# sourceMappingURL=grSelectStyles-C1zNEkV7.js.map

package/dist/chunks/grSelectStyles-C1zNEkV7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grSelectStyles-C1zNEkV7.js","names":[],"sources":["../../src/components/GrSelect/grSelectStyles.ts"],"sourcesContent":["export type GrSelectView = 'default' | 'link'\nexport type GrSelectSize = 'xs' | 'sm' | 'md' | 'lg'\nexport type GrSelectVariant = 'primary' | 'default' | 'muted' | 'danger'\nexport type GrSelectUnderline = 'auto' | 'always' | 'none'\nexport type GrSelectOptionsView = 'native' | 'panel'\nexport type GrSelectOption = { value: string, label: string }\nexport type GrSelectModelValue = string | string[]\n\nexport const defaultBaseClass = 'w-full rounded-md border border-[var(--brd)] bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]'\nexport const linkBaseClass = 'cursor-pointer inline-block w-auto align-baseline appearance-none bg-transparent border border-transparent px-0 py-0 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]'\n\n\nexport const selectSizeClassBySize: Record<GrSelectSize, string> = {\n  xs: 'h-7 px-2.5 text-[12px]',\n  sm: 'h-8 px-3 text-[13px]',\n  md: 'h-10 px-3 text-[14px]',\n  lg: 'h-11 px-4 text-[16px]',\n}\n\nexport const selectLinkSizeClassBySize: Record<GrSelectSize, string> = {\n  xs: 'text-[12px]',\n  sm: 'text-[13px]',\n  md: 'text-[14px]',\n  lg: 'text-[16px]',\n}\n\nexport const selectLinkVariantClassByVariant: Record<GrSelectVariant, string> = {\n  primary: 'text-[var(--primary)] hover:text-[var(--primary-hover)] active:text-[var(--primary-active)]',\n  default: 'text-[var(--fg)] hover:text-[var(--primary)] active:text-[var(--primary-active)]',\n  muted: 'text-[var(--muted-fg)] hover:text-[var(--fg)] active:text-[var(--fg)]',\n  danger: 'text-[var(--ds-danger)] hover:text-[var(--ds-danger-hover)] active:text-[var(--ds-danger-active)]',\n}\n\nfunction selectLinkUnderlineClass(options: { underline: GrSelectUnderline, disabled: boolean }): string {\n  if (options.disabled) return 'no-underline'\n  if (options.underline === 'always') return 'underline underline-offset-4'\n  if (options.underline === 'none') return 'no-underline'\n  return 'no-underline hover:underline hover:underline-offset-4'\n}\n\nexport function grSelectClass(options: {\n  view: GrSelectView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n}): string {\n  if (options.view === 'link') {\n    return [\n      selectLinkSizeClassBySize[options.size],\n      selectLinkUnderlineClass({ underline: options.underline, disabled: options.disabled }),\n      selectLinkVariantClassByVariant[options.variant],\n      'disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline',\n    ].join(' ')\n  }\n\n  return [\n    selectSizeClassBySize[options.size],\n    'disabled:opacity-50 disabled:cursor-not-allowed',\n  ].join(' ')\n}\n\nexport function grSelectNativeClass(options: {\n  view: GrSelectView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n  showNativeChevron: boolean\n}): string {\n  return [\n    grSelectClass(options),\n    options.showNativeChevron ? 'appearance-none pr-9' : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function grSelectTriggerClass(options: {\n  view: GrSelectView\n  optionsView: GrSelectOptionsView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n}): string {\n  if (options.optionsView !== 'panel') {\n    return grSelectClass(options)\n  }\n\n  if (options.view === 'link') {\n    return [\n      grSelectClass(options),\n      'inline-flex items-center gap-1 text-left',\n    ].join(' ')\n  }\n\n  return [\n    grSelectClass(options),\n    'flex items-center justify-between text-left',\n  ].join(' ')\n}\n\nexport const grSelectPanelClasses = 'rounded-[var(--ds-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] overflow-hidden'\n"],"mappings":";AAQA,IAAa,mBAAmB;AAChC,IAAa,gBAAgB;AAG7B,IAAa,wBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,4BAA0D;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,kCAAmE;CAC9E,SAAS;CACT,SAAS;CACT,OAAO;CACP,QAAQ;CACT;AAED,SAAS,yBAAyB,SAAsE;AACtG,KAAI,QAAQ,SAAU,QAAO;AAC7B,KAAI,QAAQ,cAAc,SAAU,QAAO;AAC3C,KAAI,QAAQ,cAAc,OAAQ,QAAO;AACzC,QAAO;;AAGT,SAAgB,cAAc,SAMnB;AACT,KAAI,QAAQ,SAAS,OACnB,QAAO;EACL,0BAA0B,QAAQ;EAClC,yBAAyB;GAAE,WAAW,QAAQ;GAAW,UAAU,QAAQ;GAAU,CAAC;EACtF,gCAAgC,QAAQ;EACxC;EACD,CAAC,KAAK,IAAI;AAGb,QAAO,CACL,sBAAsB,QAAQ,OAC9B,kDACD,CAAC,KAAK,IAAI;;AAGb,SAAgB,oBAAoB,SAOzB;AACT,QAAO,CACL,cAAc,QAAQ,EACtB,QAAQ,oBAAoB,yBAAyB,GACtD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;;AAGd,SAAgB,qBAAqB,SAO1B;AACT,KAAI,QAAQ,gBAAgB,QAC1B,QAAO,cAAc,QAAQ;AAG/B,KAAI,QAAQ,SAAS,OACnB,QAAO,CACL,cAAc,QAAQ,EACtB,2CACD,CAAC,KAAK,IAAI;AAGb,QAAO,CACL,cAAc,QAAQ,EACtB,8CACD,CAAC,KAAK,IAAI;;AAGb,IAAa,uBAAuB"}

package/dist/chunks/granularityI18n-BEWP9aJs.js

@@ -0,0 +1,28 @@
+import { t as GRANULARITY_I18N_KEY } from "./adapter-C7fKeUa4.js";
+import { getCurrentInstance, inject } from "vue";
+//#region src/internal/granularityI18n.ts
+function isGranularityI18nLike(value) {
+	return typeof value?.t === "function";
+}
+function resolveGranularityI18n(context) {
+	if (isGranularityI18nLike(context)) return context;
+	const provides = context?.provides;
+	if (provides) return provides[GRANULARITY_I18N_KEY];
+	return getCurrentInstance() ? inject(GRANULARITY_I18N_KEY, null) : null;
+}
+function useGranularityTranslations(context) {
+	const i18n = resolveGranularityI18n(context);
+	const t = (key, fallback, params) => {
+		if (!i18n) return fallback;
+		const result = i18n.t(key, params);
+		return result === key ? fallback : result;
+	};
+	return {
+		i18n,
+		t
+	};
+}
+//#endregion
+export { useGranularityTranslations as t };
+
+//# sourceMappingURL=granularityI18n-BEWP9aJs.js.map

package/dist/chunks/granularityI18n-BEWP9aJs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"granularityI18n-BEWP9aJs.js","names":[],"sources":["../../src/internal/granularityI18n.ts"],"sourcesContent":["import { getCurrentInstance, inject, type AppContext } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../i18n/adapter'\n\nexport type GranularityI18nLike = GranularityI18nAdapter\n\nfunction isGranularityI18nLike(value: unknown): value is GranularityI18nLike {\n  return typeof (value as GranularityI18nLike | null)?.t === 'function'\n}\n\nexport function resolveGranularityI18n(context?: AppContext | GranularityI18nLike | null): GranularityI18nLike | null {\n  if (isGranularityI18nLike(context)) {\n    return context\n  }\n\n  const provides = context?.provides\n\n  if (provides) {\n    return provides[GRANULARITY_I18N_KEY as symbol] as GranularityI18nLike | null\n  }\n\n  return getCurrentInstance() ? inject(GRANULARITY_I18N_KEY, null) : null\n}\n\nexport function useGranularityTranslations(context?: AppContext | GranularityI18nLike | null) {\n  const i18n = resolveGranularityI18n(context)\n\n  const t = (key: string, fallback: string, params?: Record<string, any>): string => {\n    if (!i18n) {\n      return fallback\n    }\n\n    const result = i18n.t(key, params)\n    return result === key ? fallback : result\n  }\n\n  return {\n    i18n,\n    t,\n  }\n}"],"mappings":";;;AAMA,SAAS,sBAAsB,OAA8C;AAC3E,QAAO,OAAQ,OAAsC,MAAM;;AAG7D,SAAgB,uBAAuB,SAA+E;AACpH,KAAI,sBAAsB,QAAQ,CAChC,QAAO;CAGT,MAAM,WAAW,SAAS;AAE1B,KAAI,SACF,QAAO,SAAS;AAGlB,QAAO,oBAAoB,GAAG,OAAO,sBAAsB,KAAK,GAAG;;AAGrE,SAAgB,2BAA2B,SAAmD;CAC5F,MAAM,OAAO,uBAAuB,QAAQ;CAE5C,MAAM,KAAK,KAAa,UAAkB,WAAyC;AACjF,MAAI,CAAC,KACH,QAAO;EAGT,MAAM,SAAS,KAAK,EAAE,KAAK,OAAO;AAClC,SAAO,WAAW,MAAM,WAAW;;AAGrC,QAAO;EACL;EACA;EACD"}

package/dist/chunks/info-C0bHmdZq.js

@@ -0,0 +1,28 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+//#region ~icons/lucide/info
+var _hoisted_1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}), createElementVNode("path", { d: "M12 16v-4m0-4h.01" })], -1)])]);
+}
+var info_default = markRaw({
+	name: "lucide-info",
+	render: render$1
+});
+//#endregion
+export { info_default as t };
+
+//# sourceMappingURL=info-C0bHmdZq.js.map

package/dist/chunks/info-C0bHmdZq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-C0bHmdZq.js","names":[],"sources":[],"mappings":""}

package/dist/chunks/loader-circle-B2rWDk5u.js

@@ -0,0 +1,25 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+//#region ~icons/lucide/loader-circle
+var _hoisted_1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M21 12a9 9 0 1 1-6.219-8.56"
+	}, null, -1)])]);
+}
+var loader_circle_default = markRaw({
+	name: "lucide-loader-circle",
+	render: render$1
+});
+//#endregion
+export { loader_circle_default as t };
+
+//# sourceMappingURL=loader-circle-B2rWDk5u.js.map

package/dist/chunks/loader-circle-B2rWDk5u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader-circle-B2rWDk5u.js","names":[],"sources":[],"mappings":""}

package/dist/chunks/ru-DKswMSdd.js

@@ -0,0 +1,50 @@
+//#region src/i18n/locales/ru.json
+var common = {
+	"confirm": "Подтвердить",
+	"cancel": "Отмена",
+	"add": "Добавить",
+	"clear": "Очистить",
+	"close": "Закрыть"
+};
+var loading = { "defaultText": "Загрузка..." };
+var treeSelect = {
+	"filterPlaceholder": "Поиск…",
+	"empty": "Нет данных"
+};
+var dialog = {
+	"confirm": { "title": "Подтверждение" },
+	"prompt": {
+		"title": "Введите значение",
+		"label": "Значение",
+		"required": "Введите значение."
+	}
+};
+var pagination = {
+	"pageSize": "Размер страницы",
+	"prev": "Назад",
+	"next": "Вперёд"
+};
+var navbar = { "openMenu": "Открыть меню" };
+var colors = {
+	"neutral": "Нейтральный",
+	"success": "Успех",
+	"warning": "Предупреждение",
+	"danger": "Опасность",
+	"info": "Инфо",
+	"primary": "Primary",
+	"slate": "Сланцевый",
+	"azure": "Лазурный"
+};
+var ru_default = {
+	common,
+	loading,
+	treeSelect,
+	dialog,
+	pagination,
+	navbar,
+	colors
+};
+//#endregion
+export { colors, common, ru_default as default, dialog, loading, navbar, pagination, treeSelect };
+
+//# sourceMappingURL=ru-DKswMSdd.js.map

package/dist/chunks/ru-DKswMSdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru-DKswMSdd.js","names":[],"sources":["../../src/i18n/locales/ru.json"],"sourcesContent":["{\n  \"common\": {\n    \"confirm\": \"Подтвердить\",\n    \"cancel\": \"Отмена\",\n    \"add\": \"Добавить\",\n    \"clear\": \"Очистить\",\n    \"close\": \"Закрыть\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Загрузка...\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Поиск…\",\n    \"empty\": \"Нет данных\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Подтверждение\"\n    },\n    \"prompt\": {\n      \"title\": \"Введите значение\",\n      \"label\": \"Значение\",\n      \"required\": \"Введите значение.\"\n    }\n  },\n  \"pagination\": {\n    \"pageSize\": \"Размер страницы\",\n    \"prev\": \"Назад\",\n    \"next\": \"Вперёд\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Открыть меню\"\n  },\n  \"colors\": {\n    \"neutral\": \"Нейтральный\",\n    \"success\": \"Успех\",\n    \"warning\": \"Предупреждение\",\n    \"danger\": \"Опасность\",\n    \"info\": \"Инфо\",\n    \"primary\": \"Primary\",\n    \"slate\": \"Сланцевый\",\n    \"azure\": \"Лазурный\"\n  }\n}\n"],"mappings":""}

package/dist/chunks/safelist-BF822K15.js

@@ -0,0 +1,15 @@
+import { t as splitClassTokens } from "./classTokens-BPeBXNzu.js";
+import { n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "./dialogShared-BtXUk6Zc.js";
+//#region src/components/GrDialog/safelist.ts
+function configTokens(config) {
+	return [...splitClassTokens(config.paddingX), ...splitClassTokens(config.paddingY)];
+}
+var grDialogSafelist = [...new Set([
+	...configTokens(DEFAULT_GR_DIALOG_HEADER_CONFIG),
+	...configTokens(DEFAULT_GR_DIALOG_FOOTER_CONFIG),
+	...configTokens(DEFAULT_GR_DIALOG_BODY_CONFIG)
+])];
+//#endregion
+export { grDialogSafelist as t };
+
+//# sourceMappingURL=safelist-BF822K15.js.map

package/dist/chunks/safelist-BF822K15.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safelist-BF822K15.js","names":[],"sources":["../../src/components/GrDialog/safelist.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n} from './dialogShared'\n\n// В safelist попадают ТОЛЬКО токены, которые нельзя обнаружить статическим\n// сканом шаблонов: значения из дефолтных конфигов секций (`paddingX`/`paddingY`),\n// которые используются через `:class` и могут переопределяться консьюмером.\n//\n// Все литералы, прописанные напрямую в шаблонах (`class=\"...\"` или\n// статические строки в `:class=\"[...]\"` внутри .vue), UnoCSS найдёт сам —\n// дублировать их здесь не нужно.\nfunction configTokens(config: { paddingX: string, paddingY: string }): string[] {\n  return [\n    ...splitClassTokens(config.paddingX),\n    ...splitClassTokens(config.paddingY),\n  ]\n}\n\nexport const grDialogSafelist = [...new Set([\n  ...configTokens(DEFAULT_GR_DIALOG_HEADER_CONFIG),\n  ...configTokens(DEFAULT_GR_DIALOG_FOOTER_CONFIG),\n  ...configTokens(DEFAULT_GR_DIALOG_BODY_CONFIG),\n])]\n"],"mappings":";;;AAcA,SAAS,aAAa,QAA0D;AAC9E,QAAO,CACL,GAAG,iBAAiB,OAAO,SAAS,EACpC,GAAG,iBAAiB,OAAO,SAAS,CACrC;;AAGH,IAAa,mBAAmB,CAAC,GAAG,IAAI,IAAI;CAC1C,GAAG,aAAa,gCAAgC;CAChD,GAAG,aAAa,gCAAgC;CAChD,GAAG,aAAa,8BAA8B;CAC/C,CAAC,CAAC"}

package/dist/chunks/safelist-BY7z8fOl.js

@@ -0,0 +1,26 @@
+import { t as splitClassTokens } from "./classTokens-BPeBXNzu.js";
+import { a as squareSizes, i as sizes, o as tones, s as variantClass, t as base } from "./grButtonStyles-BxZW2x0-.js";
+//#region src/components/GrButton/safelist.ts
+var variantTokens = Object.keys(tones).flatMap((tone) => [
+	"primary",
+	"secondary",
+	"outline",
+	"ghost",
+	"ghost-border"
+].flatMap((variant) => splitClassTokens(variantClass(variant, tone))));
+var grButtonClassTokens = {
+	base: splitClassTokens(base),
+	sizes: Object.values(sizes).flatMap(splitClassTokens),
+	squareSizes: Object.values(squareSizes).flatMap(splitClassTokens),
+	variants: variantTokens
+};
+var grButtonSafelist = [...new Set([
+	...grButtonClassTokens.base,
+	...grButtonClassTokens.sizes,
+	...grButtonClassTokens.squareSizes,
+	...grButtonClassTokens.variants
+])];
+//#endregion
+export { grButtonSafelist as n, grButtonClassTokens as t };
+
+//# sourceMappingURL=safelist-BY7z8fOl.js.map

package/dist/chunks/safelist-BY7z8fOl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safelist-BY7z8fOl.js","names":[],"sources":["../../src/components/GrButton/safelist.ts"],"sourcesContent":["import {splitClassTokens} from '../shared/classTokens'\nimport {\n    base,\n    sizes,\n    squareSizes,\n    tones,\n    variantClass,\n    type GrButtonTone,\n    type GrButtonVariant,\n} from './grButtonStyles'\n\nconst variantTokens = (Object.keys(tones) as GrButtonTone[]).flatMap(tone =>\n    (['primary', 'secondary', 'outline', 'ghost', 'ghost-border'] as GrButtonVariant[])\n        .flatMap(variant => splitClassTokens(variantClass(variant, tone))),\n)\n\nexport const grButtonClassTokens = {\n    base: splitClassTokens(base),\n    sizes: Object.values(sizes).flatMap(splitClassTokens),\n    squareSizes: Object.values(squareSizes).flatMap(splitClassTokens),\n    variants: variantTokens,\n} as const\n\nexport const grButtonSafelist = [...new Set([\n    ...grButtonClassTokens.base,\n    ...grButtonClassTokens.sizes,\n    ...grButtonClassTokens.squareSizes,\n    ...grButtonClassTokens.variants,\n])]\n"],"mappings":";;;AAWA,IAAM,gBAAiB,OAAO,KAAK,MAAM,CAAoB,SAAQ,SAChE;CAAC;CAAW;CAAa;CAAW;CAAS;CAAe,CACxD,SAAQ,YAAW,iBAAiB,aAAa,SAAS,KAAK,CAAC,CAAC,CACzE;AAED,IAAa,sBAAsB;CAC/B,MAAM,iBAAiB,KAAK;CAC5B,OAAO,OAAO,OAAO,MAAM,CAAC,QAAQ,iBAAiB;CACrD,aAAa,OAAO,OAAO,YAAY,CAAC,QAAQ,iBAAiB;CACjE,UAAU;CACb;AAED,IAAa,mBAAmB,CAAC,GAAG,IAAI,IAAI;CACxC,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CAC1B,CAAC,CAAC"}