@feugene/granularity 0.3.2 → 0.4.1

package/dist/components/GrLink/chunks/GrLink-Dhkid3Mp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrLink-Dhkid3Mp.js","names":[],"sources":["../../../../src/components/GrLink/GrLink.vue","../../../../src/components/GrLink/GrLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - `<a>` — когда заданы `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если `href` задан).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n */\nimport { computed, useAttrs } from 'vue'\n\nimport {\n  baseRootClass,\n  grLinkClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  focusRingClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\nconst isAnchor = computed(() => !!props.href && !props.disabled)\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <a\n    v-if=\"isAnchor\"\n    v-bind=\"attrs\"\n    :href=\"href\"\n    :target=\"resolvedTarget\"\n    :rel=\"resolvedRel\"\n    :aria-label=\"ariaLabel\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </a>\n\n  <span\n    v-else\n    v-bind=\"attrs\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </span>\n</template>","<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - `<a>` — когда заданы `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если `href` задан).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n */\nimport { computed, useAttrs } from 'vue'\n\nimport {\n  baseRootClass,\n  grLinkClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  focusRingClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\nconst isAnchor = computed(() => !!props.href && !props.disabled)\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <a\n    v-if=\"isAnchor\"\n    v-bind=\"attrs\"\n    :href=\"href\"\n    :target=\"resolvedTarget\"\n    :rel=\"resolvedRel\"\n    :aria-label=\"ariaLabel\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </a>\n\n  <span\n    v-else\n    v-bind=\"attrs\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAsBd,MAAM,QAAQ,UAAS;EAEvB,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,QAAQ,CAAC,MAAM,SAAQ;EAE/D,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,OACR,QAAO,MAAM;AAEf,OAAI,MAAM,SACR,QAAO;IAGV;EAED,MAAM,cAAc,eAAe;AACjC,OAAI,MAAM,IACR,QAAO,MAAM;AAIf,OAAI,eAAe,UAAU,SAC3B,QAAO;IAGV;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,eAAe,YAAY;IAC/B,MAAM,MAAM;IACZ,WAAW,MAAM;IACjB,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,CAAA;AAID,UAAO,MAAM,WACT,GAAG,cAAc,GAAG,iBACpB,GAAG,cAAc,GAAG,eAAe,GAAG;IAC3C;;UAKS,SAAA,SAAA,WAAA,EADR,mBAUI,KAVJ,WAUI,EAAA,KAAA,GAAA,EARM,MAAA,MAAK,EAAA;IACZ,MAAM,QAAA;IACN,QAAQ,eAAA;IACR,KAAK,YAAA;IACL,cAAY,QAAA;IACZ,OAAO,UAAA;QAER,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,KAAA,WAAA,EAGV,mBAQO,QARP,WAQO,EAAA,KAAA,GAAA,EANG,MAAA,MAAK,EAAA;IACZ,cAAY,QAAA;IACZ,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,OAAO,UAAA;QAER,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/GrLink/index.js

@@ -0,0 +1,3 @@
+import { n as grLinkSafelist, t as grLinkConfig } from "../../chunks/config-C2JKq8-2.js";
+import { t as GrLink_default } from "./chunks/GrLink-Dhkid3Mp.js";
+export { GrLink_default as GrLink, GrLink_default as default, grLinkConfig, grLinkSafelist };

package/dist/components/GrList/chunks/GrList-CjgeVjhY.js

@@ -0,0 +1,79 @@
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-xtDcXBr7.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+//#region src/components/GrList/GrList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = {
+	key: 0,
+	role: "list",
+	class: "divide-y divide-[var(--brd)]"
+};
+var _hoisted_2$1 = {
+	key: 1,
+	role: "list"
+};
+//#endregion
+//#region src/components/GrList/GrList.vue
+var GrList_default = /* @__PURE__ */ defineComponent({
+	__name: "GrList",
+	props: { divided: {
+		type: Boolean,
+		default: true
+	} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(GrCard_default), null, {
+				default: withCtx(() => [__props.divided ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")])) : (openBlock(), createElementBlock("div", _hoisted_2$1, [renderSlot(_ctx.$slots, "default")]))]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/GrList/GrListItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "shrink-0"
+};
+var _hoisted_2 = { class: "min-w-0 flex-1" };
+var _hoisted_3 = {
+	key: 0,
+	class: "text-[13px] font-700"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "text-[13px] text-[var(--muted-fg)] mt-0.5"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "shrink-0"
+};
+//#endregion
+//#region src/components/GrList/GrListItem.vue
+var GrListItem_default = /* @__PURE__ */ defineComponent({
+	__name: "GrListItem",
+	props: {
+		title: { default: void 0 },
+		description: { default: void 0 },
+		density: { default: "regular" }
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const paddingClass = computed(() => props.density === "compact" ? "px-4 py-2" : "px-4 py-3");
+		const hasTitle = computed(() => !!slots.title || !!props.title);
+		const hasDescription = computed(() => !!slots.description || !!props.description);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "listitem",
+				class: normalizeClass(["flex items-start justify-between gap-4", paddingClass.value])
+			}, [
+				_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2, [hasTitle.value ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])])) : createCommentVNode("", true), hasDescription.value ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true)]),
+				_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { GrList_default as n, GrListItem_default as t };
+
+//# sourceMappingURL=GrList-CjgeVjhY.js.map

package/dist/components/GrList/chunks/GrList-CjgeVjhY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrList-CjgeVjhY.js","names":["$slots"],"sources":["../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrListItem.vue","../../../../src/components/GrList/GrListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport GrCard from '../GrCard'\n\nexport interface GrListProps {\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n}\n\nwithDefaults(defineProps<GrListProps>(), {\n  divided: true,\n})\n</script>\n\n<template>\n  <GrCard>\n    <div\n      v-if=\"divided\"\n      role=\"list\"\n      class=\"divide-y divide-[var(--brd)]\"\n    >\n      <slot />\n    </div>\n    <div\n      v-else\n      role=\"list\"\n    >\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport GrCard from '../GrCard'\n\nexport interface GrListProps {\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n}\n\nwithDefaults(defineProps<GrListProps>(), {\n  divided: true,\n})\n</script>\n\n<template>\n  <GrCard>\n    <div\n      v-if=\"divided\"\n      role=\"list\"\n      class=\"divide-y divide-[var(--brd)]\"\n    >\n      <slot />\n    </div>\n    <div\n      v-else\n      role=\"list\"\n    >\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrListItemDensity = 'compact' | 'regular'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n})\n\nconst slots = useSlots()\n\nconst paddingClass = computed(() =>\n  props.density === 'compact' ? 'px-4 py-2' : 'px-4 py-3',\n)\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n</script>\n\n<template>\n  <div\n    role=\"listitem\"\n    class=\"flex items-start justify-between gap-4\"\n    :class=\"paddingClass\"\n  >\n    <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n      <slot name=\"prefix\" />\n    </div>\n    <div class=\"min-w-0 flex-1\">\n      <div v-if=\"hasTitle\" class=\"text-[13px] font-700\">\n        <slot name=\"title\">\n{{ title }}\n</slot>\n      </div>\n      <div\n        v-if=\"hasDescription\"\n        class=\"text-[13px] text-[var(--muted-fg)] mt-0.5\"\n      >\n        <slot name=\"description\">\n{{ description }}\n</slot>\n      </div>\n    </div>\n    <div v-if=\"$slots.default\" class=\"shrink-0\">\n      <slot />\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrListItemDensity = 'compact' | 'regular'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n})\n\nconst slots = useSlots()\n\nconst paddingClass = computed(() =>\n  props.density === 'compact' ? 'px-4 py-2' : 'px-4 py-3',\n)\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n</script>\n\n<template>\n  <div\n    role=\"listitem\"\n    class=\"flex items-start justify-between gap-4\"\n    :class=\"paddingClass\"\n  >\n    <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n      <slot name=\"prefix\" />\n    </div>\n    <div class=\"min-w-0 flex-1\">\n      <div v-if=\"hasTitle\" class=\"text-[13px] font-700\">\n        <slot name=\"title\">\n{{ title }}\n</slot>\n      </div>\n      <div\n        v-if=\"hasDescription\"\n        class=\"text-[13px] text-[var(--muted-fg)] mt-0.5\"\n      >\n        <slot name=\"description\">\n{{ description }}\n</slot>\n      </div>\n    </div>\n    <div v-if=\"$slots.default\" class=\"shrink-0\">\n      <slot />\n    </div>\n  </div>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;uBAcE,YAcS,MAAA,eAAA,EAAA,MAAA;2BAPD,CALE,QAAA,WAAA,WAAA,EADR,mBAMM,OANN,cAMM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,KAAA,WAAA,EAEV,mBAKM,OALN,cAKM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEZd,MAAM,QAAQ;EAMd,MAAM,QAAQ,UAAS;EAEvB,MAAM,eAAe,eACnB,MAAM,YAAY,YAAY,cAAc,YAC9C;EAEA,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM,MAAK;EAC9D,MAAM,iBAAiB,eAAe,CAAC,CAAC,MAAM,eAAe,CAAC,CAAC,MAAM,YAAW;;uBAI9E,mBA0BM,OAAA;IAzBJ,MAAK;IACL,OAAK,eAAA,CAAC,0CACE,aAAA,MAAY,CAAA;;IAETA,KAAAA,OAAO,UAAA,WAAA,EAAlB,mBAEM,OAFN,YAEM,CADJ,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAExB,mBAcM,OAdN,YAcM,CAbO,SAAA,SAAA,WAAA,EAAX,mBAIM,OAJN,YAIM,CAHJ,WAED,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADJ,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAIM,eAAA,SAAA,WAAA,EADR,mBAOM,OAPN,YAOM,CAHJ,WAED,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,gBAAA,gBADJ,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;IAICA,KAAAA,OAAO,WAAA,WAAA,EAAlB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/GrList/index.js

@@ -0,0 +1,3 @@
+import { n as GrList_default, t as GrListItem_default } from "./chunks/GrList-CjgeVjhY.js";
+import { t as grListConfig } from "../../chunks/config-BhubOeci.js";
+export { GrList_default as GrList, GrList_default as default, GrListItem_default as GrListItem, grListConfig };

package/dist/components/GrLoading/chunks/GrLoading-DihGX3ol.js

@@ -0,0 +1,71 @@
+import { t as loader_circle_default } from "../../../chunks/loader-circle-B2rWDk5u.js";
+import { t as grLoadingRootClass } from "../../../chunks/grLoadingStyles-CERsxyk9.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import '../../../GrLoading.css';//#region src/components/GrLoading/GrLoading.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-ds-loading-panel": "",
+	class: "flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg"
+};
+var _hoisted_2 = {
+	key: 0,
+	"data-ds-loading-text": "",
+	class: "text-sm text-[var(--muted-fg)]"
+};
+var DEFAULT_LOADING_TEXT = "Loading...";
+//#endregion
+//#region src/components/GrLoading/GrLoading.vue
+var GrLoading_default = /* @__PURE__ */ defineComponent({
+	__name: "GrLoading",
+	props: {
+		text: { default: void 0 },
+		spinner: { default: void 0 },
+		spinnerClass: { default: void 0 },
+		animated: {
+			type: Boolean,
+			default: true
+		},
+		background: { default: void 0 },
+		fullscreen: {
+			type: Boolean,
+			default: false
+		},
+		zIndex: { default: void 0 },
+		customClass: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const Spinner = computed(() => props.spinner ?? loader_circle_default);
+		const displayText = computed(() => props.text ?? DEFAULT_LOADING_TEXT);
+		const rootClass = computed(() => {
+			return grLoadingRootClass({
+				fullscreen: props.fullscreen,
+				hasBackground: props.background !== void 0,
+				customClass: props.customClass
+			});
+		});
+		const rootStyle = computed(() => {
+			return {
+				backgroundColor: props.background,
+				zIndex: props.zIndex != null ? String(props.zIndex) : void 0
+			};
+		});
+		const spinnerClassName = computed(() => props.spinnerClass);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-ds-loading": "",
+				class: normalizeClass(["flex items-center justify-center cursor-wait select-none pointer-events-auto", rootClass.value]),
+				style: normalizeStyle(rootStyle.value),
+				role: "status",
+				"aria-live": "polite"
+			}, [createElementVNode("div", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent(Spinner.value), {
+				"data-ds-loading-spinner": "",
+				class: normalizeClass(["ds-loading__spinner h-7 w-7 text-[var(--muted-fg)]", [__props.animated ? "ds-loading__spinner--animated" : "", spinnerClassName.value]]),
+				"aria-hidden": "true"
+			}, null, 8, ["class"])), displayText.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(displayText.value), 1)) : createCommentVNode("", true)])], 6);
+		};
+	}
+});
+//#endregion
+export { GrLoading_default as t };
+
+//# sourceMappingURL=GrLoading-DihGX3ol.js.map

package/dist/components/GrLoading/chunks/GrLoading-DihGX3ol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrLoading-DihGX3ol.js","names":[],"sources":["../../../../src/components/GrLoading/GrLoading.vue","../../../../src/components/GrLoading/GrLoading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { grLoadingRootClass } from './grLoadingStyles'\n\nconst DEFAULT_LOADING_TEXT = 'Loading...'\n\n/**\n * Props for {@link GrLoading}.\n * Overlay primitive that renders a centered spinner with optional text above sibling content.\n * Use `fullscreen` to cover the whole viewport, otherwise overlays the nearest positioned ancestor.\n */\nexport interface GrLoadingProps {\n  /** Text under the spinner. Pass an empty string to hide the text entirely. Defaults to `'Loading...'`. */\n  text?: string\n  /** Custom spinner component (rendered instead of the default loader icon). */\n  spinner?: Component\n  /** Extra classes for the spinner element. */\n  spinnerClass?: string\n  /** When `true` (default), the default spinner rotates via `@keyframes ds-loading-spin`. */\n  animated?: boolean\n  /** Custom CSS `background-color`. When set, disables the default `bg-black/25` dim. */\n  background?: string\n  /** Cover the whole viewport (`position: fixed`) instead of the nearest positioned ancestor. */\n  fullscreen?: boolean\n  /** Custom `z-index`. */\n  zIndex?: number\n  /** Extra classes appended to the overlay root. */\n  customClass?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrLoadingProps>(),\n  {\n    text: undefined,\n    spinner: undefined,\n    spinnerClass: undefined,\n    animated: true,\n    background: undefined,\n    fullscreen: false,\n    zIndex: undefined,\n    customClass: undefined,\n  },\n)\n\nconst Spinner = computed(() => props.spinner ?? IconLoader)\n\nconst displayText = computed(() => props.text ?? DEFAULT_LOADING_TEXT)\n\nconst rootClass = computed(() => {\n  return grLoadingRootClass({\n    fullscreen: props.fullscreen,\n    hasBackground: props.background !== undefined,\n    customClass: props.customClass,\n  })\n})\n\nconst rootStyle = computed(() => {\n  return {\n    backgroundColor: props.background,\n    zIndex: props.zIndex != null ? String(props.zIndex) : undefined,\n  } as Record<string, string | undefined>\n})\n\nconst spinnerClassName = computed(() => props.spinnerClass)\n</script>\n\n<template>\n  <div\n    data-ds-loading\n    class=\"flex items-center justify-center cursor-wait select-none pointer-events-auto\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div\n      data-ds-loading-panel\n      class=\"flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg\"\n    >\n      <component\n        :is=\"Spinner\"\n        data-ds-loading-spinner\n        class=\"ds-loading__spinner h-7 w-7 text-[var(--muted-fg)]\"\n        :class=\"[animated ? 'ds-loading__spinner--animated' : '', spinnerClassName]\"\n        aria-hidden=\"true\"\n      />\n      <div v-if=\"displayText\" data-ds-loading-text class=\"text-sm text-[var(--muted-fg)]\">\n        {{ displayText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n@keyframes ds-loading-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ds-loading__spinner--animated {\n  transform-origin: center;\n  animation: ds-loading-spin 1s linear infinite;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { grLoadingRootClass } from './grLoadingStyles'\n\nconst DEFAULT_LOADING_TEXT = 'Loading...'\n\n/**\n * Props for {@link GrLoading}.\n * Overlay primitive that renders a centered spinner with optional text above sibling content.\n * Use `fullscreen` to cover the whole viewport, otherwise overlays the nearest positioned ancestor.\n */\nexport interface GrLoadingProps {\n  /** Text under the spinner. Pass an empty string to hide the text entirely. Defaults to `'Loading...'`. */\n  text?: string\n  /** Custom spinner component (rendered instead of the default loader icon). */\n  spinner?: Component\n  /** Extra classes for the spinner element. */\n  spinnerClass?: string\n  /** When `true` (default), the default spinner rotates via `@keyframes ds-loading-spin`. */\n  animated?: boolean\n  /** Custom CSS `background-color`. When set, disables the default `bg-black/25` dim. */\n  background?: string\n  /** Cover the whole viewport (`position: fixed`) instead of the nearest positioned ancestor. */\n  fullscreen?: boolean\n  /** Custom `z-index`. */\n  zIndex?: number\n  /** Extra classes appended to the overlay root. */\n  customClass?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrLoadingProps>(),\n  {\n    text: undefined,\n    spinner: undefined,\n    spinnerClass: undefined,\n    animated: true,\n    background: undefined,\n    fullscreen: false,\n    zIndex: undefined,\n    customClass: undefined,\n  },\n)\n\nconst Spinner = computed(() => props.spinner ?? IconLoader)\n\nconst displayText = computed(() => props.text ?? DEFAULT_LOADING_TEXT)\n\nconst rootClass = computed(() => {\n  return grLoadingRootClass({\n    fullscreen: props.fullscreen,\n    hasBackground: props.background !== undefined,\n    customClass: props.customClass,\n  })\n})\n\nconst rootStyle = computed(() => {\n  return {\n    backgroundColor: props.background,\n    zIndex: props.zIndex != null ? String(props.zIndex) : undefined,\n  } as Record<string, string | undefined>\n})\n\nconst spinnerClassName = computed(() => props.spinnerClass)\n</script>\n\n<template>\n  <div\n    data-ds-loading\n    class=\"flex items-center justify-center cursor-wait select-none pointer-events-auto\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div\n      data-ds-loading-panel\n      class=\"flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg\"\n    >\n      <component\n        :is=\"Spinner\"\n        data-ds-loading-spinner\n        class=\"ds-loading__spinner h-7 w-7 text-[var(--muted-fg)]\"\n        :class=\"[animated ? 'ds-loading__spinner--animated' : '', spinnerClassName]\"\n        aria-hidden=\"true\"\n      />\n      <div v-if=\"displayText\" data-ds-loading-text class=\"text-sm text-[var(--muted-fg)]\">\n        {{ displayText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n@keyframes ds-loading-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ds-loading__spinner--animated {\n  transform-origin: center;\n  animation: ds-loading-spin 1s linear infinite;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;AAOA,IAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;EA0B7B,MAAM,QAAQ;EAcd,MAAM,UAAU,eAAe,MAAM,WAAW,sBAAU;EAE1D,MAAM,cAAc,eAAe,MAAM,QAAQ,qBAAoB;EAErE,MAAM,YAAY,eAAe;AAC/B,UAAO,mBAAmB;IACxB,YAAY,MAAM;IAClB,eAAe,MAAM,eAAe,KAAA;IACpC,aAAa,MAAM;IACpB,CAAA;IACF;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,iBAAiB,MAAM;IACvB,QAAQ,MAAM,UAAU,OAAO,OAAO,MAAM,OAAO,GAAG,KAAA;IACvD;IACF;EAED,MAAM,mBAAmB,eAAe,MAAM,aAAY;;uBAIxD,mBAuBM,OAAA;IAtBJ,mBAAA;IACA,OAAK,eAAA,CAAC,gFACE,UAAA,MAAS,CAAA;IAChB,OAAK,eAAE,UAAA,MAAS;IACjB,MAAK;IACL,aAAU;OAEV,mBAcM,OAdN,YAcM,EAAA,WAAA,EAVJ,YAME,wBALK,QAAA,MAAO,EAAA;IACZ,2BAAA;IACA,OAAK,eAAA,CAAC,sDAAoD,CACjD,QAAA,WAAQ,kCAAA,IAAyC,iBAAA,MAAgB,CAAA,CAAA;IAC1E,eAAY;4BAEH,YAAA,SAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,YAAA,MAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA"}

package/dist/components/GrLoading/index.js

@@ -0,0 +1,3 @@
+import { t as GrLoading_default } from "./chunks/GrLoading-DihGX3ol.js";
+import { n as grLoadingSafelist, t as grLoadingConfig } from "../../chunks/config-CcmeMlic.js";
+export { GrLoading_default as GrLoading, GrLoading_default as default, grLoadingConfig, grLoadingSafelist };

package/dist/components/GrModal/chunks/GrModal-gvfvlp7k.js

@@ -0,0 +1,170 @@
+import { a as Ve, i as Je, n as he, o as Ye, r as Ge, t as Se } from "../../../chunks/transition-mJ3PZCHH.js";
+import { c as panelTransition, d as shell, i as overlayTransition, n as layout, r as overlay, t as getGrModalPanelClass, u as root } from "../../../chunks/grModalStyles-Dv2NXBKi.js";
+import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
+//#endregion
+//#region src/components/GrModal/GrModal.vue
+var GrModal_default = /* @__PURE__ */ defineComponent({
+	__name: "GrModal",
+	props: {
+		modelValue: { type: Boolean },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: true
+		},
+		size: { default: "md" }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* GrModal — DS-примитив модального окна на базе `@headlessui/vue`.
+		*
+		* Публичный API:
+		* - `modelValue` (v-model) — открыто/закрыто;
+		* - `size` — размер панели (`sm | md | lg | xl | full`);
+		* - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;
+		* - `closeOnEsc` (default: true) — закрывать по Esc;
+		* - слоты `#title` / `#description` — если переданы, оборачиваются в
+		*   `DialogTitle` / `DialogDescription` (связь через `aria-labelledby` /
+		*   `aria-describedby` ставится HeadlessUI автоматически).
+		*
+		* Esc обрабатывается штатно через событие `@close` у HeadlessUI `<Dialog>`,
+		* чтобы не конфликтовать с его внутренней логикой. Источник закрытия
+		* различается через ref `closeReasonRef`.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const panelClass = computed(() => getGrModalPanelClass(props.size));
+		const isClient = typeof window !== "undefined";
+		const closeReason = ref(null);
+		function close() {
+			emit("update:modelValue", false);
+		}
+		function onDialogClose() {
+			const reason = closeReason.value;
+			closeReason.value = null;
+			if (reason === "esc") {
+				if (props.closeOnEsc) close();
+				return;
+			}
+			if (props.closeOnBackdrop) close();
+		}
+		function onRootKeydown(event) {
+			if (event.key === "Escape") closeReason.value = "esc";
+		}
+		function onOverlayPointerDown() {
+			closeReason.value = "backdrop";
+		}
+		let savedBodyOverflow = null;
+		function lockBodyScroll() {
+			if (!isClient) return;
+			if (savedBodyOverflow !== null) return;
+			savedBodyOverflow = document.body.style.overflow;
+			document.body.style.overflow = "hidden";
+		}
+		function unlockBodyScroll() {
+			if (!isClient) return;
+			if (savedBodyOverflow === null) return;
+			document.body.style.overflow = savedBodyOverflow;
+			savedBodyOverflow = null;
+		}
+		watch(() => props.modelValue, (value) => {
+			if (value) lockBodyScroll();
+			else unlockBodyScroll();
+		}, { immediate: true });
+		onBeforeUnmount(unlockBodyScroll);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: "body",
+				disabled: !isClient
+			}, [createVNode(unref(Se), {
+				show: __props.modelValue,
+				as: "template"
+			}, {
+				default: withCtx(() => [createVNode(unref(Ye), {
+					as: "div",
+					class: normalizeClass(unref(root)),
+					onClose: onDialogClose,
+					onKeydownCapture: onRootKeydown
+				}, {
+					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(shell)) }, [createElementVNode("div", { class: normalizeClass(unref(layout)) }, [createVNode(unref(he), {
+						as: "template",
+						enter: unref(overlayTransition).enter,
+						"enter-from": unref(overlayTransition).enterFrom,
+						"enter-to": unref(overlayTransition).enterTo,
+						leave: unref(overlayTransition).leave,
+						"leave-from": unref(overlayTransition).leaveFrom,
+						"leave-to": unref(overlayTransition).leaveTo
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							"data-ds-modal-overlay": "",
+							class: normalizeClass(unref(overlay)),
+							"aria-hidden": "true",
+							onPointerdown: onOverlayPointerDown
+						}, null, 34)]),
+						_: 1
+					}, 8, [
+						"enter",
+						"enter-from",
+						"enter-to",
+						"leave",
+						"leave-from",
+						"leave-to"
+					]), createVNode(unref(he), {
+						as: "template",
+						enter: unref(panelTransition).enter,
+						"enter-from": unref(panelTransition).enterFrom,
+						"enter-to": unref(panelTransition).enterTo,
+						leave: unref(panelTransition).leave,
+						"leave-from": unref(panelTransition).leaveFrom,
+						"leave-to": unref(panelTransition).leaveTo
+					}, {
+						default: withCtx(() => [createVNode(unref(Ge), {
+							"data-ds-modal-panel": "",
+							tabindex: "-1",
+							class: normalizeClass(panelClass.value)
+						}, {
+							default: withCtx(() => [
+								_ctx.$slots.title ? (openBlock(), createBlock(unref(Ve), {
+									key: 0,
+									as: "div",
+									"data-ds-modal-title": ""
+								}, {
+									default: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+									_: 3
+								})) : createCommentVNode("", true),
+								_ctx.$slots.description ? (openBlock(), createBlock(unref(Je), {
+									key: 1,
+									as: "div",
+									"data-ds-modal-description": ""
+								}, {
+									default: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
+									_: 3
+								})) : createCommentVNode("", true),
+								renderSlot(_ctx.$slots, "default")
+							]),
+							_: 3
+						}, 8, ["class"])]),
+						_: 3
+					}, 8, [
+						"enter",
+						"enter-from",
+						"enter-to",
+						"leave",
+						"leave-from",
+						"leave-to"
+					])], 2)], 2)]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			}, 8, ["show"])], 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { GrModal_default as t };
+
+//# sourceMappingURL=GrModal-gvfvlp7k.js.map

package/dist/components/GrModal/chunks/GrModal-gvfvlp7k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrModal-gvfvlp7k.js","names":["$slots"],"sources":["../../../../src/components/GrModal/GrModal.vue","../../../../src/components/GrModal/GrModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrModal — DS-примитив модального окна на базе `@headlessui/vue`.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — если переданы, оборачиваются в\n *   `DialogTitle` / `DialogDescription` (связь через `aria-labelledby` /\n *   `aria-describedby` ставится HeadlessUI автоматически).\n *\n * Esc обрабатывается штатно через событие `@close` у HeadlessUI `<Dialog>`,\n * чтобы не конфликтовать с его внутренней логикой. Источник закрытия\n * различается через ref `closeReasonRef`.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { Dialog, DialogDescription, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport {\n  type GrModalSize,\n  getGrModalPanelClass,\n  layout,\n  overlay as overlayClass,\n  overlayTransition,\n  panelTransition,\n  root as rootClass,\n  shell,\n} from './grModalStyles'\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n}\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst panelClass = computed(() => getGrModalPanelClass(props.size))\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport,\n// а в клиенте включаем после маунта.\nconst isClient = typeof window !== 'undefined'\n\n// Источник закрытия от HeadlessUI `<Dialog>` — либо Esc, либо клик по оверлею.\n// Различаем их, чтобы `closeOnBackdrop` и `closeOnEsc` работали независимо.\nconst closeReason = ref<'backdrop' | 'esc' | null>(null)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  const reason = closeReason.value\n  closeReason.value = null\n\n  if (reason === 'esc') {\n    if (props.closeOnEsc) close()\n    return\n  }\n\n  // По умолчанию (клик по оверлею или программный вызов `@close`)\n  // уважаем `closeOnBackdrop`.\n  if (props.closeOnBackdrop) close()\n}\n\nfunction onRootKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape') closeReason.value = 'esc'\n}\n\nfunction onOverlayPointerDown(): void {\n  closeReason.value = 'backdrop'\n}\n\n// ————— Scroll lock на `<body>` на время открытия.\n// HeadlessUI Vue этого не делает автоматически, а фон скроллится —\n// для DS-примитива это мешающий UX.\nlet savedBodyOverflow: string | null = null\n\nfunction lockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow !== null) return\n  savedBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n}\n\nfunction unlockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow === null) return\n  document.body.style.overflow = savedBodyOverflow\n  savedBodyOverflow = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) lockBodyScroll()\n    else unlockBodyScroll()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(unlockBodyScroll)\n\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        :class=\"rootClass\"\n        @close=\"onDialogClose\"\n        @keydown.capture=\"onRootKeydown\"\n      >\n        <div :class=\"shell\">\n          <div :class=\"layout\">\n            <TransitionChild\n              as=\"template\"\n              :enter=\"overlayTransition.enter\"\n              :enter-from=\"overlayTransition.enterFrom\"\n              :enter-to=\"overlayTransition.enterTo\"\n              :leave=\"overlayTransition.leave\"\n              :leave-from=\"overlayTransition.leaveFrom\"\n              :leave-to=\"overlayTransition.leaveTo\"\n            >\n              <div\n                data-ds-modal-overlay\n                :class=\"overlayClass\"\n                aria-hidden=\"true\"\n                @pointerdown=\"onOverlayPointerDown\"\n              />\n            </TransitionChild>\n\n            <TransitionChild\n              as=\"template\"\n              :enter=\"panelTransition.enter\"\n              :enter-from=\"panelTransition.enterFrom\"\n              :enter-to=\"panelTransition.enterTo\"\n              :leave=\"panelTransition.leave\"\n              :leave-from=\"panelTransition.leaveFrom\"\n              :leave-to=\"panelTransition.leaveTo\"\n            >\n              <DialogPanel\n                data-ds-modal-panel\n                tabindex=\"-1\"\n                :class=\"panelClass\"\n              >\n                <DialogTitle v-if=\"$slots.title\" as=\"div\" data-ds-modal-title>\n                  <slot name=\"title\" />\n                </DialogTitle>\n                <DialogDescription v-if=\"$slots.description\" as=\"div\" data-ds-modal-description>\n                  <slot name=\"description\" />\n                </DialogDescription>\n                <slot />\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrModal — DS-примитив модального окна на базе `@headlessui/vue`.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — если переданы, оборачиваются в\n *   `DialogTitle` / `DialogDescription` (связь через `aria-labelledby` /\n *   `aria-describedby` ставится HeadlessUI автоматически).\n *\n * Esc обрабатывается штатно через событие `@close` у HeadlessUI `<Dialog>`,\n * чтобы не конфликтовать с его внутренней логикой. Источник закрытия\n * различается через ref `closeReasonRef`.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { Dialog, DialogDescription, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport {\n  type GrModalSize,\n  getGrModalPanelClass,\n  layout,\n  overlay as overlayClass,\n  overlayTransition,\n  panelTransition,\n  root as rootClass,\n  shell,\n} from './grModalStyles'\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n}\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst panelClass = computed(() => getGrModalPanelClass(props.size))\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport,\n// а в клиенте включаем после маунта.\nconst isClient = typeof window !== 'undefined'\n\n// Источник закрытия от HeadlessUI `<Dialog>` — либо Esc, либо клик по оверлею.\n// Различаем их, чтобы `closeOnBackdrop` и `closeOnEsc` работали независимо.\nconst closeReason = ref<'backdrop' | 'esc' | null>(null)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  const reason = closeReason.value\n  closeReason.value = null\n\n  if (reason === 'esc') {\n    if (props.closeOnEsc) close()\n    return\n  }\n\n  // По умолчанию (клик по оверлею или программный вызов `@close`)\n  // уважаем `closeOnBackdrop`.\n  if (props.closeOnBackdrop) close()\n}\n\nfunction onRootKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape') closeReason.value = 'esc'\n}\n\nfunction onOverlayPointerDown(): void {\n  closeReason.value = 'backdrop'\n}\n\n// ————— Scroll lock на `<body>` на время открытия.\n// HeadlessUI Vue этого не делает автоматически, а фон скроллится —\n// для DS-примитива это мешающий UX.\nlet savedBodyOverflow: string | null = null\n\nfunction lockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow !== null) return\n  savedBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n}\n\nfunction unlockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow === null) return\n  document.body.style.overflow = savedBodyOverflow\n  savedBodyOverflow = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) lockBodyScroll()\n    else unlockBodyScroll()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(unlockBodyScroll)\n\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        :class=\"rootClass\"\n        @close=\"onDialogClose\"\n        @keydown.capture=\"onRootKeydown\"\n      >\n        <div :class=\"shell\">\n          <div :class=\"layout\">\n            <TransitionChild\n              as=\"template\"\n              :enter=\"overlayTransition.enter\"\n              :enter-from=\"overlayTransition.enterFrom\"\n              :enter-to=\"overlayTransition.enterTo\"\n              :leave=\"overlayTransition.leave\"\n              :leave-from=\"overlayTransition.leaveFrom\"\n              :leave-to=\"overlayTransition.leaveTo\"\n            >\n              <div\n                data-ds-modal-overlay\n                :class=\"overlayClass\"\n                aria-hidden=\"true\"\n                @pointerdown=\"onOverlayPointerDown\"\n              />\n            </TransitionChild>\n\n            <TransitionChild\n              as=\"template\"\n              :enter=\"panelTransition.enter\"\n              :enter-from=\"panelTransition.enterFrom\"\n              :enter-to=\"panelTransition.enterTo\"\n              :leave=\"panelTransition.leave\"\n              :leave-from=\"panelTransition.leaveFrom\"\n              :leave-to=\"panelTransition.leaveTo\"\n            >\n              <DialogPanel\n                data-ds-modal-panel\n                tabindex=\"-1\"\n                :class=\"panelClass\"\n              >\n                <DialogTitle v-if=\"$slots.title\" as=\"div\" data-ds-modal-title>\n                  <slot name=\"title\" />\n                </DialogTitle>\n                <DialogDescription v-if=\"$slots.description\" as=\"div\" data-ds-modal-description>\n                  <slot name=\"description\" />\n                </DialogDescription>\n                <slot />\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAIb,MAAM,aAAa,eAAe,qBAAqB,MAAM,KAAK,CAAA;EAIlE,MAAM,WAAW,OAAO,WAAW;EAInC,MAAM,cAAc,IAA+B,KAAI;EAEvD,SAAS,QAAc;AACrB,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,gBAAsB;GAC7B,MAAM,SAAS,YAAY;AAC3B,eAAY,QAAQ;AAEpB,OAAI,WAAW,OAAO;AACpB,QAAI,MAAM,WAAY,QAAM;AAC5B;;AAKF,OAAI,MAAM,gBAAiB,QAAM;;EAGnC,SAAS,cAAc,OAA4B;AACjD,OAAI,MAAM,QAAQ,SAAU,aAAY,QAAQ;;EAGlD,SAAS,uBAA6B;AACpC,eAAY,QAAQ;;EAMtB,IAAI,oBAAmC;EAEvC,SAAS,iBAAuB;AAC9B,OAAI,CAAC,SAAU;AACf,OAAI,sBAAsB,KAAM;AAChC,uBAAoB,SAAS,KAAK,MAAM;AACxC,YAAS,KAAK,MAAM,WAAW;;EAGjC,SAAS,mBAAyB;AAChC,OAAI,CAAC,SAAU;AACf,OAAI,sBAAsB,KAAM;AAChC,YAAS,KAAK,MAAM,WAAW;AAC/B,uBAAoB;;AAGtB,cACQ,MAAM,aACX,UAAU;AACT,OAAI,MAAO,iBAAe;OACrB,mBAAiB;KAExB,EAAE,WAAW,MAAM,CACrB;AAEA,kBAAgB,iBAAgB;;uBAK9B,YAsDW,UAAA;IAtDD,IAAG;IAAQ,UAAQ,CAAG;OAC9B,YAoDiB,MAAA,GAAA,EAAA;IApDA,MAAM,QAAA;IAAY,IAAG;;2BAmD3B,CAlDT,YAkDS,MAAA,GAAA,EAAA;KAjDP,IAAG;KACF,OAAK,eAAE,MAAA,KAAS,CAAA;KAChB,SAAO;uBACU;;4BA6CZ,CA3CN,mBA2CM,OAAA,EA3CA,OAAK,eAAE,MAAA,MAAK,CAAA,EAAA,EAAA,CAChB,mBAyCM,OAAA,EAzCA,OAAK,eAAE,MAAA,OAAM,CAAA,EAAA,EAAA,CACjB,YAekB,MAAA,GAAA,EAAA;MAdhB,IAAG;MACF,OAAO,MAAA,kBAAiB,CAAC;MACzB,cAAY,MAAA,kBAAiB,CAAC;MAC9B,YAAU,MAAA,kBAAiB,CAAC;MAC5B,OAAO,MAAA,kBAAiB,CAAC;MACzB,cAAY,MAAA,kBAAiB,CAAC;MAC9B,YAAU,MAAA,kBAAiB,CAAC;;6BAO3B,CALF,mBAKE,OAAA;OAJA,yBAAA;OACC,OAAK,eAAE,MAAA,QAAY,CAAA;OACpB,eAAY;OACX,eAAa;;;;;;;;;;SAIlB,YAsBkB,MAAA,GAAA,EAAA;MArBhB,IAAG;MACF,OAAO,MAAA,gBAAe,CAAC;MACvB,cAAY,MAAA,gBAAe,CAAC;MAC5B,YAAU,MAAA,gBAAe,CAAC;MAC1B,OAAO,MAAA,gBAAe,CAAC;MACvB,cAAY,MAAA,gBAAe,CAAC;MAC5B,YAAU,MAAA,gBAAe,CAAC;;6BAcb,CAZd,YAYc,MAAA,GAAA,EAAA;OAXZ,uBAAA;OACA,UAAS;OACR,OAAK,eAAE,WAAA,MAAU;;8BAIJ;QAFKA,KAAAA,OAAO,SAAA,WAAA,EAA1B,YAEc,MAAA,GAAA,EAAA;;SAFmB,IAAG;SAAM,uBAAA;;gCACnB,CAArB,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA;;;QAEEA,KAAAA,OAAO,eAAA,WAAA,EAAhC,YAEoB,MAAA,GAAA,EAAA;;SAFyB,IAAG;SAAM,6BAAA;;gCACzB,CAA3B,WAA2B,KAAA,QAAA,cAAA,CAAA,CAAA;;;QAE7B,WAAQ,KAAA,QAAA,UAAA"}

package/dist/components/GrModal/index.js

@@ -0,0 +1,4 @@
+import { t as getGrModalPanelClass } from "../../chunks/grModalStyles-Dv2NXBKi.js";
+import { t as GrModal_default } from "./chunks/GrModal-gvfvlp7k.js";
+import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "../../chunks/config-Bv5Dok4j.js";
+export { GrModal_default as GrModal, GrModal_default as default, getGrModalPanelClass, grModalClassTokens, grModalConfig, grModalSafelist };

package/dist/components/GrNavbar/chunks/GrNavbar-CQOAfO6y.js

@@ -0,0 +1,77 @@
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-BEWP9aJs.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region ~icons/lucide/menu
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M4 5h16M4 12h16M4 19h16"
+	}, null, -1)])]);
+}
+var menu_default = markRaw({
+	name: "lucide-menu",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrNavbar/GrNavbar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-ds-navbar": "",
+	class: "h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6"
+};
+var _hoisted_2 = { class: "flex items-center gap-3" };
+var _hoisted_3 = {
+	"data-ds-navbar-title": "",
+	class: "text-[14px] font-700"
+};
+var _hoisted_4 = { class: "flex items-center gap-3" };
+//#endregion
+//#region src/components/GrNavbar/GrNavbar.vue
+var GrNavbar_default = /* @__PURE__ */ defineComponent({
+	__name: "GrNavbar",
+	props: {
+		title: {},
+		showMenuButton: {
+			type: Boolean,
+			default: false
+		},
+		menuButtonClass: { default: "" }
+	},
+	emits: ["menu"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const menuAriaLabel = computed(() => t("gr.navbar.openMenu", "Open menu"));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [__props.showMenuButton ? (openBlock(), createBlock(GrButton_default, {
+				key: 0,
+				"data-ds-navbar-menu": "",
+				variant: "ghost",
+				size: "sm",
+				square: "",
+				"aria-label": menuAriaLabel.value,
+				class: normalizeClass(__props.menuButtonClass),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("menu"))
+			}, {
+				default: withCtx(() => [createVNode(GrIcon_default, { size: 16 }, {
+					default: withCtx(() => [createVNode(unref(menu_default), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["aria-label", "class"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])])]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])]);
+		};
+	}
+});
+//#endregion
+export { GrNavbar_default as t };
+
+//# sourceMappingURL=GrNavbar-CQOAfO6y.js.map

package/dist/components/GrNavbar/chunks/GrNavbar-CQOAfO6y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrNavbar-CQOAfO6y.js","names":[],"sources":["../../../../src/components/GrNavbar/GrNavbar.vue","../../../../src/components/GrNavbar/GrNavbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconMenu from '~icons/lucide/menu'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrNavbar — верхняя панель приложения (header) с заголовком,\n * опциональной кнопкой меню (обычно — для мобильных) и правым слотом\n * для действий/аватара.\n *\n * - Корень — `<header>` (landmark), без собственного `role`.\n * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.\n */\nexport interface GrNavbarProps {\n  title: string\n  showMenuButton?: boolean\n  /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */\n  menuButtonClass?: string\n}\n\nwithDefaults(defineProps<GrNavbarProps>(), {\n  showMenuButton: false,\n  menuButtonClass: '',\n})\n\nconst emit = defineEmits<{\n  (e: 'menu'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst menuAriaLabel = computed(() => t('gr.navbar.openMenu', 'Open menu'))\n</script>\n\n<template>\n  <header\n    data-ds-navbar\n    class=\"h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <GrButton\n        v-if=\"showMenuButton\"\n        data-ds-navbar-menu\n        variant=\"ghost\"\n        size=\"sm\"\n        square\n        :aria-label=\"menuAriaLabel\"\n        :class=\"menuButtonClass\"\n        @click=\"emit('menu')\"\n      >\n        <GrIcon :size=\"16\">\n          <IconMenu aria-hidden=\"true\" />\n        </GrIcon>\n      </GrButton>\n      <div data-ds-navbar-title class=\"text-[14px] font-700\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"flex items-center gap-3\">\n      <slot />\n    </div>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconMenu from '~icons/lucide/menu'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrNavbar — верхняя панель приложения (header) с заголовком,\n * опциональной кнопкой меню (обычно — для мобильных) и правым слотом\n * для действий/аватара.\n *\n * - Корень — `<header>` (landmark), без собственного `role`.\n * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.\n */\nexport interface GrNavbarProps {\n  title: string\n  showMenuButton?: boolean\n  /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */\n  menuButtonClass?: string\n}\n\nwithDefaults(defineProps<GrNavbarProps>(), {\n  showMenuButton: false,\n  menuButtonClass: '',\n})\n\nconst emit = defineEmits<{\n  (e: 'menu'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst menuAriaLabel = computed(() => t('gr.navbar.openMenu', 'Open menu'))\n</script>\n\n<template>\n  <header\n    data-ds-navbar\n    class=\"h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <GrButton\n        v-if=\"showMenuButton\"\n        data-ds-navbar-menu\n        variant=\"ghost\"\n        size=\"sm\"\n        square\n        :aria-label=\"menuAriaLabel\"\n        :class=\"menuButtonClass\"\n        @click=\"emit('menu')\"\n      >\n        <GrIcon :size=\"16\">\n          <IconMenu aria-hidden=\"true\" />\n        </GrIcon>\n      </GrButton>\n      <div data-ds-navbar-title class=\"text-[14px] font-700\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"flex items-center gap-3\">\n      <slot />\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,OAAO;EAIb,MAAM,EAAE,MAAM,4BAA2B;EAEzC,MAAM,gBAAgB,eAAe,EAAE,sBAAsB,YAAY,CAAA;;uBAIvE,mBA6BS,UA7BT,YA6BS,CAzBP,mBAoBM,OApBN,YAoBM,CAlBI,QAAA,kBAAA,WAAA,EADR,YAaW,kBAAA;;IAXT,uBAAA;IACA,SAAQ;IACR,MAAK;IACL,QAAA;IACC,cAAY,cAAA;IACZ,OAAK,eAAE,QAAA,gBAAe;IACtB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;;2BAIH,CAFT,YAES,gBAAA,EAFA,MAAM,IAAE,EAAA;4BACgB,CAA/B,YAA+B,MAAA,aAAA,EAAA,EAArB,eAAY,QAAM,CAAA,CAAA,CAAA;;;;mEAGhC,mBAIM,OAJN,YAIM,CAHJ,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAKd,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrNavbar/index.js

@@ -0,0 +1,3 @@
+import { t as GrNavbar_default } from "./chunks/GrNavbar-CQOAfO6y.js";
+import { t as grNavbarConfig } from "../../chunks/config-DlLE49_I.js";
+export { GrNavbar_default as GrNavbar, GrNavbar_default as default, grNavbarConfig };