@feugene/granularity 0.7.0 → 0.9.0

package/dist/components/GrBadge/index.js

@@ -1,3 +1,3 @@
-import { t as GrBadge_default } from "./chunks/GrBadge-wuIb4_2K.js";
-import { n as grBadgeSafelist, t as grBadgeConfig } from "../../chunks/config-BaMO9dQh.js";
+import { t as GrBadge_default } from "./chunks/GrBadge-Cs_cVfuO.js";
+import { n as grBadgeSafelist, t as grBadgeConfig } from "../../chunks/config-B61cX08u.js";
 export { GrBadge_default as GrBadge, GrBadge_default as default, grBadgeConfig, grBadgeSafelist };

package/dist/components/GrBadgeWrap/chunks/{GrBadgeWrap-CxtamOZ-.js.map → GrBadgeWrap-BEnE9DyJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrBadgeWrap-CxtamOZ-.js","names":[],"sources":["../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue","../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--ds-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>","<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--ds-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EACA,MAAM,QAAQ;;uBAUZ,mBAgBO,QAhBP,YAgBO,CAfL,WAAQ,KAAA,QAAA,UAAA,EAGA,MAAM,OAAA,WAAA,EADd,mBAIE,QAJF,WAIE,IAGW,MAAM,UAAU,KAAA,KAAA,WAAA,EAD7B,mBAMO,QANP,YAMO,gBADF,MAAM,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"GrBadgeWrap-BEnE9DyJ.js","names":[],"sources":["../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue","../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--ds-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>","<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--ds-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EACA,MAAM,QAAQ;;uBAUZ,mBAgBO,QAhBP,YAgBO,CAfL,WAAQ,KAAA,QAAA,UAAA,EAGA,MAAM,OAAA,WAAA,EADd,mBAIE,QAJF,WAIE,IAGW,MAAM,UAAU,KAAA,KAAA,WAAA,EAD7B,mBAMO,QANP,YAMO,gBADF,MAAM,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/components/GrBadgeWrap/index.js

@@ -1,3 +1,3 @@
-import { t as GrBadgeWrap_default } from "./chunks/GrBadgeWrap-CxtamOZ-.js";
-import { t as grBadgeWrapConfig } from "../../chunks/config-C9AOlKah.js";
+import { t as GrBadgeWrap_default } from "./chunks/GrBadgeWrap-BEnE9DyJ.js";
+import { t as grBadgeWrapConfig } from "../../chunks/config-V3LF-b_F.js";
 export { GrBadgeWrap_default as GrBadgeWrap, GrBadgeWrap_default as default, grBadgeWrapConfig };

package/dist/components/GrBottomNav/chunks/{GrBottomNav-CsmQ7mTJ.js.map → GrBottomNav-XPHwd7UQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrBottomNav-CsmQ7mTJ.js","names":[],"sources":["../../../../src/components/GrBottomNav/GrBottomNav.vue","../../../../src/components/GrBottomNav/GrBottomNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--primary)]' : 'text-[var(--muted-fg)] hover:text-[var(--fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>","<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--primary)]' : 'text-[var(--muted-fg)] hover:text-[var(--fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,OAAO;;uBAMX,mBAaM,OAbN,YAaM,CAZJ,mBAWM,OAXN,YAWM,EAAA,UAAA,KAAA,EAVJ,mBASS,UAAA,MAAA,WARM,MAAM,QAAZ,OAAE;wBADX,mBASS,UAAA;KAPN,KAAK,GAAG;KACT,MAAK;KACL,OAAK,eAAA,CAAC,yJACE,GAAG,UAAU,MAAM,aAAU,0BAAA,gDAAA,CAAA;KACpC,UAAK,WAAE,KAAI,qBAAsB,GAAG,MAAK;uBAEvC,GAAG,MAAK,EAAA,IAAA,WAAA"}
+{"version":3,"file":"GrBottomNav-XPHwd7UQ.js","names":[],"sources":["../../../../src/components/GrBottomNav/GrBottomNav.vue","../../../../src/components/GrBottomNav/GrBottomNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--primary)]' : 'text-[var(--muted-fg)] hover:text-[var(--fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>","<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--primary)]' : 'text-[var(--muted-fg)] hover:text-[var(--fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,OAAO;;uBAMX,mBAaM,OAbN,YAaM,CAZJ,mBAWM,OAXN,YAWM,EAAA,UAAA,KAAA,EAVJ,mBASS,UAAA,MAAA,WARM,MAAM,QAAZ,OAAE;wBADX,mBASS,UAAA;KAPN,KAAK,GAAG;KACT,MAAK;KACL,OAAK,eAAA,CAAC,yJACE,GAAG,UAAU,MAAM,aAAU,0BAAA,gDAAA,CAAA;KACpC,UAAK,WAAE,KAAI,qBAAsB,GAAG,MAAK;uBAEvC,GAAG,MAAK,EAAA,IAAA,WAAA"}

package/dist/components/GrBottomNav/index.js

@@ -1,3 +1,3 @@
-import { t as GrBottomNav_default } from "./chunks/GrBottomNav-CsmQ7mTJ.js";
-import { t as grBottomNavConfig } from "../../chunks/config-C_-02Pu-.js";
+import { t as GrBottomNav_default } from "./chunks/GrBottomNav-XPHwd7UQ.js";
+import { t as grBottomNavConfig } from "../../chunks/config-BgBWt9-A.js";
 export { GrBottomNav_default as GrBottomNav, GrBottomNav_default as default, grBottomNavConfig };

package/dist/components/GrButton/chunks/{GrButton-BmGdp8-4.js → GrButton-CPDKonoB.js}

@@ -1,5 +1,5 @@
-import { t as loader_circle_default } from "../../../chunks/loader-circle-B2rWDk5u.js";
-import { n as grButtonBaseClass, r as grButtonClass } from "../../../chunks/grButtonStyles-BxZW2x0-.js";
+import { t as loader_circle_default } from "../../../chunks/loader-circle-BUntgosj.js";
+import { n as grButtonBaseClass, r as grButtonClass } from "../../../chunks/grButtonStyles-DKuXUemw.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
 //#region src/components/GrButton/GrButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/dist/components/GrButton/chunks/{GrButton-BmGdp8-4.js.map → GrButton-CPDKonoB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrButton-BmGdp8-4.js","names":[],"sources":["../../../../src/components/GrButton/GrButton.vue","../../../../src/components/GrButton/GrButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nexport type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles'\n\nimport {\n  grButtonBaseClass,\n  grButtonClass,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from './grButtonStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: GrButtonVariant\n    tone?: GrButtonTone\n    size?: GrButtonSize\n    loading?: boolean\n    disabled?: boolean\n    square?: boolean\n    type?: 'button' | 'submit' | 'reset'\n    ariaLabel?: string\n  }>(),\n  {\n    variant: 'primary',\n    tone: 'primary',\n    size: 'md',\n    loading: false,\n    disabled: false,\n    square: false,\n    type: 'button',\n    ariaLabel: undefined,\n  },\n)\n\nconst isDisabled = computed(() => props.disabled || props.loading)\nconst isSquare = computed(() => props.square)\n\nconst squareStyle = computed(() => {\n  if (!isSquare.value) return undefined\n\n  const px = (() => {\n    if (props.size === 'xs') return 28\n    if (props.size === 'sm') return 32\n    if (props.size === 'lg') return 44\n    return 40\n  })()\n\n  const v = `${px}px`\n  return {\n    width: v,\n    minWidth: v,\n    height: v,\n    padding: '0px',\n  } as const\n})\n\nconst className = computed(() => {\n  return grButtonClass({\n    variant: props.variant,\n    tone: props.tone,\n    size: props.size,\n    square: isSquare.value,\n  })\n})\n</script>\n\n<template>\n  <button\n    data-ds-button\n    :data-ds-variant=\"props.variant\"\n    :data-ds-tone=\"props.tone\"\n    :type=\"props.type\"\n    :disabled=\"isDisabled\"\n    :aria-busy=\"props.loading ? 'true' : undefined\"\n    :aria-label=\"props.ariaLabel\"\n    :class=\"[grButtonBaseClass, className]\"\n    :style=\"squareStyle\"\n  >\n    <IconLoader v-if=\"props.loading\" class=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n    <slot />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nexport type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles'\n\nimport {\n  grButtonBaseClass,\n  grButtonClass,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from './grButtonStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: GrButtonVariant\n    tone?: GrButtonTone\n    size?: GrButtonSize\n    loading?: boolean\n    disabled?: boolean\n    square?: boolean\n    type?: 'button' | 'submit' | 'reset'\n    ariaLabel?: string\n  }>(),\n  {\n    variant: 'primary',\n    tone: 'primary',\n    size: 'md',\n    loading: false,\n    disabled: false,\n    square: false,\n    type: 'button',\n    ariaLabel: undefined,\n  },\n)\n\nconst isDisabled = computed(() => props.disabled || props.loading)\nconst isSquare = computed(() => props.square)\n\nconst squareStyle = computed(() => {\n  if (!isSquare.value) return undefined\n\n  const px = (() => {\n    if (props.size === 'xs') return 28\n    if (props.size === 'sm') return 32\n    if (props.size === 'lg') return 44\n    return 40\n  })()\n\n  const v = `${px}px`\n  return {\n    width: v,\n    minWidth: v,\n    height: v,\n    padding: '0px',\n  } as const\n})\n\nconst className = computed(() => {\n  return grButtonClass({\n    variant: props.variant,\n    tone: props.tone,\n    size: props.size,\n    square: isSquare.value,\n  })\n})\n</script>\n\n<template>\n  <button\n    data-ds-button\n    :data-ds-variant=\"props.variant\"\n    :data-ds-tone=\"props.tone\"\n    :type=\"props.type\"\n    :disabled=\"isDisabled\"\n    :aria-busy=\"props.loading ? 'true' : undefined\"\n    :aria-label=\"props.ariaLabel\"\n    :class=\"[grButtonBaseClass, className]\"\n    :style=\"squareStyle\"\n  >\n    <IconLoader v-if=\"props.loading\" class=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n    <slot />\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAuBd,MAAM,aAAa,eAAe,MAAM,YAAY,MAAM,QAAO;EACjE,MAAM,WAAW,eAAe,MAAM,OAAM;EAE5C,MAAM,cAAc,eAAe;AACjC,OAAI,CAAC,SAAS,MAAO,QAAO,KAAA;GAS5B,MAAM,IAAI,UAPQ;AAChB,QAAI,MAAM,SAAS,KAAM,QAAO;AAChC,QAAI,MAAM,SAAS,KAAM,QAAO;AAChC,QAAI,MAAM,SAAS,KAAM,QAAO;AAChC,WAAO;OACN,CAEa;AAChB,UAAO;IACL,OAAO;IACP,UAAU;IACV,QAAQ;IACR,SAAS;IACV;IACF;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO,cAAc;IACnB,SAAS,MAAM;IACf,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,QAAQ,SAAS;IAClB,CAAA;IACF;;uBAIC,mBAaS,UAAA;IAZP,kBAAA;IACC,mBAAiB,MAAM;IACvB,gBAAc,MAAM;IACpB,MAAM,MAAM;IACZ,UAAU,WAAA;IACV,aAAW,MAAM,UAAO,SAAY,KAAA;IACpC,cAAY,MAAM;IAClB,OAAK,eAAA,CAAG,MAAA,kBAAiB,EAAE,UAAA,MAAS,CAAA;IACpC,OAAK,eAAE,YAAA,MAAW;OAED,MAAM,WAAA,WAAA,EAAxB,YAAmF,MAAA,sBAAA,EAAA;;IAAlD,OAAM;IAAuB,eAAY;uCAC1E,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"GrButton-CPDKonoB.js","names":[],"sources":["../../../../src/components/GrButton/GrButton.vue","../../../../src/components/GrButton/GrButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nexport type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles'\n\nimport {\n  grButtonBaseClass,\n  grButtonClass,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from './grButtonStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: GrButtonVariant\n    tone?: GrButtonTone\n    size?: GrButtonSize\n    loading?: boolean\n    disabled?: boolean\n    square?: boolean\n    type?: 'button' | 'submit' | 'reset'\n    ariaLabel?: string\n  }>(),\n  {\n    variant: 'primary',\n    tone: 'primary',\n    size: 'md',\n    loading: false,\n    disabled: false,\n    square: false,\n    type: 'button',\n    ariaLabel: undefined,\n  },\n)\n\nconst isDisabled = computed(() => props.disabled || props.loading)\nconst isSquare = computed(() => props.square)\n\nconst squareStyle = computed(() => {\n  if (!isSquare.value) return undefined\n\n  const px = (() => {\n    if (props.size === 'xs') return 28\n    if (props.size === 'sm') return 32\n    if (props.size === 'lg') return 44\n    return 40\n  })()\n\n  const v = `${px}px`\n  return {\n    width: v,\n    minWidth: v,\n    height: v,\n    padding: '0px',\n  } as const\n})\n\nconst className = computed(() => {\n  return grButtonClass({\n    variant: props.variant,\n    tone: props.tone,\n    size: props.size,\n    square: isSquare.value,\n  })\n})\n</script>\n\n<template>\n  <button\n    data-ds-button\n    :data-ds-variant=\"props.variant\"\n    :data-ds-tone=\"props.tone\"\n    :type=\"props.type\"\n    :disabled=\"isDisabled\"\n    :aria-busy=\"props.loading ? 'true' : undefined\"\n    :aria-label=\"props.ariaLabel\"\n    :class=\"[grButtonBaseClass, className]\"\n    :style=\"squareStyle\"\n  >\n    <IconLoader v-if=\"props.loading\" class=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n    <slot />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nexport type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles'\n\nimport {\n  grButtonBaseClass,\n  grButtonClass,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from './grButtonStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: GrButtonVariant\n    tone?: GrButtonTone\n    size?: GrButtonSize\n    loading?: boolean\n    disabled?: boolean\n    square?: boolean\n    type?: 'button' | 'submit' | 'reset'\n    ariaLabel?: string\n  }>(),\n  {\n    variant: 'primary',\n    tone: 'primary',\n    size: 'md',\n    loading: false,\n    disabled: false,\n    square: false,\n    type: 'button',\n    ariaLabel: undefined,\n  },\n)\n\nconst isDisabled = computed(() => props.disabled || props.loading)\nconst isSquare = computed(() => props.square)\n\nconst squareStyle = computed(() => {\n  if (!isSquare.value) return undefined\n\n  const px = (() => {\n    if (props.size === 'xs') return 28\n    if (props.size === 'sm') return 32\n    if (props.size === 'lg') return 44\n    return 40\n  })()\n\n  const v = `${px}px`\n  return {\n    width: v,\n    minWidth: v,\n    height: v,\n    padding: '0px',\n  } as const\n})\n\nconst className = computed(() => {\n  return grButtonClass({\n    variant: props.variant,\n    tone: props.tone,\n    size: props.size,\n    square: isSquare.value,\n  })\n})\n</script>\n\n<template>\n  <button\n    data-ds-button\n    :data-ds-variant=\"props.variant\"\n    :data-ds-tone=\"props.tone\"\n    :type=\"props.type\"\n    :disabled=\"isDisabled\"\n    :aria-busy=\"props.loading ? 'true' : undefined\"\n    :aria-label=\"props.ariaLabel\"\n    :class=\"[grButtonBaseClass, className]\"\n    :style=\"squareStyle\"\n  >\n    <IconLoader v-if=\"props.loading\" class=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n    <slot />\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAuBd,MAAM,aAAa,eAAe,MAAM,YAAY,MAAM,QAAO;EACjE,MAAM,WAAW,eAAe,MAAM,OAAM;EAE5C,MAAM,cAAc,eAAe;AACjC,OAAI,CAAC,SAAS,MAAO,QAAO,KAAA;GAS5B,MAAM,IAAI,UAPQ;AAChB,QAAI,MAAM,SAAS,KAAM,QAAO;AAChC,QAAI,MAAM,SAAS,KAAM,QAAO;AAChC,QAAI,MAAM,SAAS,KAAM,QAAO;AAChC,WAAO;OACN,CAEa;AAChB,UAAO;IACL,OAAO;IACP,UAAU;IACV,QAAQ;IACR,SAAS;IACV;IACF;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO,cAAc;IACnB,SAAS,MAAM;IACf,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,QAAQ,SAAS;IAClB,CAAA;IACF;;uBAIC,mBAaS,UAAA;IAZP,kBAAA;IACC,mBAAiB,MAAM;IACvB,gBAAc,MAAM;IACpB,MAAM,MAAM;IACZ,UAAU,WAAA;IACV,aAAW,MAAM,UAAO,SAAY,KAAA;IACpC,cAAY,MAAM;IAClB,OAAK,eAAA,CAAG,MAAA,kBAAiB,EAAE,UAAA,MAAS,CAAA;IACpC,OAAK,eAAE,YAAA,MAAW;OAED,MAAM,WAAA,WAAA,EAAxB,YAAmF,MAAA,sBAAA,EAAA;;IAAlD,OAAM;IAAuB,eAAY;uCAC1E,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/GrButton/index.js

@@ -1,5 +1,5 @@
-import { r as grButtonClass } from "../../chunks/grButtonStyles-BxZW2x0-.js";
-import { t as GrButton_default } from "./chunks/GrButton-BmGdp8-4.js";
-import { n as grButtonSafelist, t as grButtonClassTokens } from "../../chunks/safelist-BY7z8fOl.js";
-import { t as grButtonConfig } from "../../chunks/config-Dkq0HeLe.js";
+import { r as grButtonClass } from "../../chunks/grButtonStyles-DKuXUemw.js";
+import { t as GrButton_default } from "./chunks/GrButton-CPDKonoB.js";
+import { n as grButtonSafelist, t as grButtonClassTokens } from "../../chunks/safelist-DccvJqCE.js";
+import { t as grButtonConfig } from "../../chunks/config-3I3vqDW4.js";
 export { GrButton_default as GrButton, GrButton_default as default, grButtonClass, grButtonClassTokens, grButtonConfig, grButtonSafelist };

package/dist/components/GrButtonGroup/chunks/{GrButtonGroup-CBj4tpms.js.map → GrButtonGroup-CPOH6V-P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrButtonGroup-CBj4tpms.js","names":[],"sources":["../../../../src/components/GrButtonGroup/GrButtonGroup.vue","../../../../src/components/GrButtonGroup/GrButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nwithDefaults(\n    defineProps<{\n      ariaLabel?: string\n    }>(),\n    {\n      ariaLabel: undefined,\n    },\n)\n</script>\n\n<template>\n  <div\n      data-ds-button-group\n      class=\"inline-flex items-stretch\"\n      role=\"group\"\n      :aria-label=\"ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n<style>\n[data-ds-button-group] {\n  --ds-button-group-radius: 0.375rem;\n}\n\n[data-ds-button-group] > [data-ds-button] {\n  border-radius: 0;\n  position: relative;\n}\n\n[data-ds-button-group] > [data-ds-button] + [data-ds-button] {\n  margin-inline-start: -1px;\n}\n\n[data-ds-button-group] > [data-ds-button]:hover,\n[data-ds-button-group] > [data-ds-button]:focus-visible {\n  z-index: 1;\n}\n\n[data-ds-button-group] > [data-ds-button]:first-child {\n  border-start-start-radius: var(--ds-button-group-radius);\n  border-end-start-radius: var(--ds-button-group-radius);\n}\n\n[data-ds-button-group] > [data-ds-button]:last-child {\n  border-start-end-radius: var(--ds-button-group-radius);\n  border-end-end-radius: var(--ds-button-group-radius);\n}\n\n</style>","<script setup lang=\"ts\">\nwithDefaults(\n    defineProps<{\n      ariaLabel?: string\n    }>(),\n    {\n      ariaLabel: undefined,\n    },\n)\n</script>\n\n<template>\n  <div\n      data-ds-button-group\n      class=\"inline-flex items-stretch\"\n      role=\"group\"\n      :aria-label=\"ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n<style>\n[data-ds-button-group] {\n  --ds-button-group-radius: 0.375rem;\n}\n\n[data-ds-button-group] > [data-ds-button] {\n  border-radius: 0;\n  position: relative;\n}\n\n[data-ds-button-group] > [data-ds-button] + [data-ds-button] {\n  margin-inline-start: -1px;\n}\n\n[data-ds-button-group] > [data-ds-button]:hover,\n[data-ds-button-group] > [data-ds-button]:focus-visible {\n  z-index: 1;\n}\n\n[data-ds-button-group] > [data-ds-button]:first-child {\n  border-start-start-radius: var(--ds-button-group-radius);\n  border-end-start-radius: var(--ds-button-group-radius);\n}\n\n[data-ds-button-group] > [data-ds-button]:last-child {\n  border-start-end-radius: var(--ds-button-group-radius);\n  border-end-end-radius: var(--ds-button-group-radius);\n}\n\n</style>"],"mappings":";;;;;;;;;;uBAYE,mBAOM,OAAA;IANF,wBAAA;IACA,OAAM;IACN,MAAK;IACJ,cAAY,QAAA;OAEf,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA,WAAA"}
+{"version":3,"file":"GrButtonGroup-CPOH6V-P.js","names":[],"sources":["../../../../src/components/GrButtonGroup/GrButtonGroup.vue","../../../../src/components/GrButtonGroup/GrButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nwithDefaults(\n    defineProps<{\n      ariaLabel?: string\n    }>(),\n    {\n      ariaLabel: undefined,\n    },\n)\n</script>\n\n<template>\n  <div\n      data-ds-button-group\n      class=\"inline-flex items-stretch\"\n      role=\"group\"\n      :aria-label=\"ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n<style>\n[data-ds-button-group] {\n  --ds-button-group-radius: 0.375rem;\n}\n\n[data-ds-button-group] > [data-ds-button] {\n  border-radius: 0;\n  position: relative;\n}\n\n[data-ds-button-group] > [data-ds-button] + [data-ds-button] {\n  margin-inline-start: -1px;\n}\n\n[data-ds-button-group] > [data-ds-button]:hover,\n[data-ds-button-group] > [data-ds-button]:focus-visible {\n  z-index: 1;\n}\n\n[data-ds-button-group] > [data-ds-button]:first-child {\n  border-start-start-radius: var(--ds-button-group-radius);\n  border-end-start-radius: var(--ds-button-group-radius);\n}\n\n[data-ds-button-group] > [data-ds-button]:last-child {\n  border-start-end-radius: var(--ds-button-group-radius);\n  border-end-end-radius: var(--ds-button-group-radius);\n}\n\n</style>","<script setup lang=\"ts\">\nwithDefaults(\n    defineProps<{\n      ariaLabel?: string\n    }>(),\n    {\n      ariaLabel: undefined,\n    },\n)\n</script>\n\n<template>\n  <div\n      data-ds-button-group\n      class=\"inline-flex items-stretch\"\n      role=\"group\"\n      :aria-label=\"ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n<style>\n[data-ds-button-group] {\n  --ds-button-group-radius: 0.375rem;\n}\n\n[data-ds-button-group] > [data-ds-button] {\n  border-radius: 0;\n  position: relative;\n}\n\n[data-ds-button-group] > [data-ds-button] + [data-ds-button] {\n  margin-inline-start: -1px;\n}\n\n[data-ds-button-group] > [data-ds-button]:hover,\n[data-ds-button-group] > [data-ds-button]:focus-visible {\n  z-index: 1;\n}\n\n[data-ds-button-group] > [data-ds-button]:first-child {\n  border-start-start-radius: var(--ds-button-group-radius);\n  border-end-start-radius: var(--ds-button-group-radius);\n}\n\n[data-ds-button-group] > [data-ds-button]:last-child {\n  border-start-end-radius: var(--ds-button-group-radius);\n  border-end-end-radius: var(--ds-button-group-radius);\n}\n\n</style>"],"mappings":";;;;;;;;;;uBAYE,mBAOM,OAAA;IANF,wBAAA;IACA,OAAM;IACN,MAAK;IACJ,cAAY,QAAA;OAEf,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA,WAAA"}

package/dist/components/GrButtonGroup/index.js

@@ -1,3 +1,3 @@
-import { t as GrButtonGroup_default } from "./chunks/GrButtonGroup-CBj4tpms.js";
-import { t as grButtonGroupConfig } from "../../chunks/config-Cn8TG49a.js";
+import { t as GrButtonGroup_default } from "./chunks/GrButtonGroup-CPOH6V-P.js";
+import { t as grButtonGroupConfig } from "../../chunks/config-CUwF4E4R.js";
 export { GrButtonGroup_default as GrButtonGroup, GrButtonGroup_default as default, grButtonGroupConfig };

package/dist/components/GrCard/chunks/{GrCard-xtDcXBr7.js → GrCard-6yk1RRAQ.js}

@@ -1,4 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BG_EqiDU.js";
+import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-DQR7Sy7Q.js";
 import { createElementBlock, openBlock, renderSlot } from "vue";
 //#region src/components/GrCard/GrCard.vue
 var _sfc_main = {};

package/dist/components/GrCard/chunks/{GrCard-xtDcXBr7.js.map → GrCard-6yk1RRAQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrCard-xtDcXBr7.js","names":[],"sources":["../../../../src/components/GrCard/GrCard.vue"],"sourcesContent":["<template>\n  <div\n      class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm\"\n>\n    <slot />\n  </div>\n</template>"],"mappings":";;;;mBAEM,OAAM,6GAA2G;;qBADrH,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"GrCard-6yk1RRAQ.js","names":[],"sources":["../../../../src/components/GrCard/GrCard.vue"],"sourcesContent":["<template>\n  <div\n      class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm\"\n>\n    <slot />\n  </div>\n</template>"],"mappings":";;;;mBAEM,OAAM,6GAA2G;;qBADrH,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/GrCard/index.js

@@ -1,3 +1,3 @@
-import { t as GrCard_default } from "./chunks/GrCard-xtDcXBr7.js";
+import { t as GrCard_default } from "./chunks/GrCard-6yk1RRAQ.js";
 import { t as grCardConfig } from "../../chunks/config-ChQxl75m.js";
 export { GrCard_default as GrCard, GrCard_default as default, grCardConfig };

package/dist/components/GrCollapse/chunks/{GrCollapse-HU20VTVn.js → GrCollapse-CU94BTAR.js}

@@ -1,4 +1,4 @@
-import { t as GrCard_default } from "../../GrCard/chunks/GrCard-xtDcXBr7.js";
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-6yk1RRAQ.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, inject, markRaw, normalizeClass, openBlock, provide, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/GrCollapse/grCollapseContext.ts

package/dist/components/GrCollapse/chunks/{GrCollapse-HU20VTVn.js.map → GrCollapse-CU94BTAR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrCollapse-HU20VTVn.js","names":[],"sources":["../../../../src/components/GrCollapse/grCollapseContext.ts","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport GrCard from '../GrCard'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseContext,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}>()\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction toggle(name: GrCollapseValue): void {\n  if (props.disabled)\n    return\n\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  isActive: name => activeSet.value.has(name),\n  toggle,\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard data-ds-collapse>\n    <div :class=\"divided ? 'divide-y divide-[var(--brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport GrCard from '../GrCard'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseContext,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}>()\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction toggle(name: GrCollapseValue): void {\n  if (props.disabled)\n    return\n\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  isActive: name => activeSet.value.has(name),\n  toggle,\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard data-ds-collapse>\n    <div :class=\"divided ? 'divide-y divide-[var(--brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst instance = getCurrentInstance()\nconst uid = instance?.uid ?? Math.random()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headerId = `ds-collapse-header-${uid}`\nconst panelId = `ds-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-ds-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-ds-collapse-trigger]')) as HTMLElement[]\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    data-ds-collapse-item\n    class=\"text-[var(--fg)]\"\n  >\n    <h3 class=\"m-0\">\n      <button\n        :id=\"headerId\"\n        ref=\"triggerEl\"\n        data-ds-collapse-trigger\n        type=\"button\"\n        :aria-expanded=\"expanded ? 'true' : 'false'\"\n        :aria-controls=\"panelId\"\n        :disabled=\"resolvedDisabled\"\n        class=\"w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--muted)]'\"\n        @click=\"onToggle\"\n        @keydown=\"onKeydown\"\n      >\n        <span class=\"min-w-0\">\n          <slot name=\"title\">\n            <span class=\"text-sm font-600\">\n              {{ title }}\n            </span>\n          </slot>\n        </span>\n\n        <GrIcon\n          size=\"sm\"\n          aria-hidden=\"true\"\n          data-ds-collapse-chevron\n          class=\"shrink-0 transition-transform duration-150 text-[var(--muted-fg)]\"\n          :class=\"expanded ? 'rotate-180' : ''\"\n        >\n          <ChevronDownIcon />\n        </GrIcon>\n      </button>\n    </h3>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      class=\"grid transition-[grid-template-rows] duration-200\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div class=\"px-4 pb-4 text-sm text-[var(--muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst instance = getCurrentInstance()\nconst uid = instance?.uid ?? Math.random()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headerId = `ds-collapse-header-${uid}`\nconst panelId = `ds-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-ds-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-ds-collapse-trigger]')) as HTMLElement[]\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    data-ds-collapse-item\n    class=\"text-[var(--fg)]\"\n  >\n    <h3 class=\"m-0\">\n      <button\n        :id=\"headerId\"\n        ref=\"triggerEl\"\n        data-ds-collapse-trigger\n        type=\"button\"\n        :aria-expanded=\"expanded ? 'true' : 'false'\"\n        :aria-controls=\"panelId\"\n        :disabled=\"resolvedDisabled\"\n        class=\"w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--muted)]'\"\n        @click=\"onToggle\"\n        @keydown=\"onKeydown\"\n      >\n        <span class=\"min-w-0\">\n          <slot name=\"title\">\n            <span class=\"text-sm font-600\">\n              {{ title }}\n            </span>\n          </slot>\n        </span>\n\n        <GrIcon\n          size=\"sm\"\n          aria-hidden=\"true\"\n          data-ds-collapse-chevron\n          class=\"shrink-0 transition-transform duration-150 text-[var(--muted-fg)]\"\n          :class=\"expanded ? 'rotate-180' : ''\"\n        >\n          <ChevronDownIcon />\n        </GrIcon>\n      </button>\n    </h3>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      class=\"grid transition-[grid-template-rows] duration-200\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div class=\"px-4 pb-4 text-sm text-[var(--muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>"],"mappings":"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"}
+{"version":3,"file":"GrCollapse-CU94BTAR.js","names":[],"sources":["../../../../src/components/GrCollapse/grCollapseContext.ts","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport GrCard from '../GrCard'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseContext,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}>()\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction toggle(name: GrCollapseValue): void {\n  if (props.disabled)\n    return\n\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  isActive: name => activeSet.value.has(name),\n  toggle,\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard data-ds-collapse>\n    <div :class=\"divided ? 'divide-y divide-[var(--brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport GrCard from '../GrCard'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseContext,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}>()\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction toggle(name: GrCollapseValue): void {\n  if (props.disabled)\n    return\n\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  isActive: name => activeSet.value.has(name),\n  toggle,\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard data-ds-collapse>\n    <div :class=\"divided ? 'divide-y divide-[var(--brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst instance = getCurrentInstance()\nconst uid = instance?.uid ?? Math.random()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headerId = `ds-collapse-header-${uid}`\nconst panelId = `ds-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-ds-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-ds-collapse-trigger]')) as HTMLElement[]\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    data-ds-collapse-item\n    class=\"text-[var(--fg)]\"\n  >\n    <h3 class=\"m-0\">\n      <button\n        :id=\"headerId\"\n        ref=\"triggerEl\"\n        data-ds-collapse-trigger\n        type=\"button\"\n        :aria-expanded=\"expanded ? 'true' : 'false'\"\n        :aria-controls=\"panelId\"\n        :disabled=\"resolvedDisabled\"\n        class=\"w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--muted)]'\"\n        @click=\"onToggle\"\n        @keydown=\"onKeydown\"\n      >\n        <span class=\"min-w-0\">\n          <slot name=\"title\">\n            <span class=\"text-sm font-600\">\n              {{ title }}\n            </span>\n          </slot>\n        </span>\n\n        <GrIcon\n          size=\"sm\"\n          aria-hidden=\"true\"\n          data-ds-collapse-chevron\n          class=\"shrink-0 transition-transform duration-150 text-[var(--muted-fg)]\"\n          :class=\"expanded ? 'rotate-180' : ''\"\n        >\n          <ChevronDownIcon />\n        </GrIcon>\n      </button>\n    </h3>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      class=\"grid transition-[grid-template-rows] duration-200\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div class=\"px-4 pb-4 text-sm text-[var(--muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst instance = getCurrentInstance()\nconst uid = instance?.uid ?? Math.random()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headerId = `ds-collapse-header-${uid}`\nconst panelId = `ds-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-ds-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-ds-collapse-trigger]')) as HTMLElement[]\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    data-ds-collapse-item\n    class=\"text-[var(--fg)]\"\n  >\n    <h3 class=\"m-0\">\n      <button\n        :id=\"headerId\"\n        ref=\"triggerEl\"\n        data-ds-collapse-trigger\n        type=\"button\"\n        :aria-expanded=\"expanded ? 'true' : 'false'\"\n        :aria-controls=\"panelId\"\n        :disabled=\"resolvedDisabled\"\n        class=\"w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--muted)]'\"\n        @click=\"onToggle\"\n        @keydown=\"onKeydown\"\n      >\n        <span class=\"min-w-0\">\n          <slot name=\"title\">\n            <span class=\"text-sm font-600\">\n              {{ title }}\n            </span>\n          </slot>\n        </span>\n\n        <GrIcon\n          size=\"sm\"\n          aria-hidden=\"true\"\n          data-ds-collapse-chevron\n          class=\"shrink-0 transition-transform duration-150 text-[var(--muted-fg)]\"\n          :class=\"expanded ? 'rotate-180' : ''\"\n        >\n          <ChevronDownIcon />\n        </GrIcon>\n      </button>\n    </h3>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      class=\"grid transition-[grid-template-rows] duration-200\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div class=\"px-4 pb-4 text-sm text-[var(--muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrCollapse/index.js

@@ -1,3 +1,3 @@
-import { n as GrCollapse_default, r as GR_COLLAPSE_CONTEXT, t as GrCollapseItem_default } from "./chunks/GrCollapse-HU20VTVn.js";
+import { n as GrCollapse_default, r as GR_COLLAPSE_CONTEXT, t as GrCollapseItem_default } from "./chunks/GrCollapse-CU94BTAR.js";
 import { t as grCollapseConfig } from "../../chunks/config-D5ek7VSi.js";
 export { GR_COLLAPSE_CONTEXT, GrCollapse_default as GrCollapse, GrCollapse_default as default, GrCollapseItem_default as GrCollapseItem, grCollapseConfig };

package/dist/components/GrConfirmDialog/chunks/{GrConfirmDialog-DjGOX9Hd.js → GrConfirmDialog-BGmyfDd2.js}

@@ -1,12 +1,14 @@
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-gObmaVEl.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-Ba3Ojcsq.js";
+import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-CzdTh4gd.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
 //#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
+var _hoisted_1 = { class: "grid gap-4" };
+var _hoisted_2 = {
 	key: 0,
 	class: "text-[14px] text-[var(--muted-fg)]"
 };
-var _hoisted_2 = { class: "flex items-center justify-end gap-3" };
+var _hoisted_3 = { class: "flex items-center justify-end gap-3" };
 //#endregion
 //#region src/components/GrConfirmDialog/GrConfirmDialog.vue
 var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
@@ -40,7 +42,20 @@ var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
 		confirmText: { default: "Confirm" },
 		cancelText: { default: "Cancel" },
 		confirmVariant: { default: "primary" },
-		confirmTone: { default: "primary" }
+		confirmTone: { default: "primary" },
+		error: { default: null },
+		confirmLoading: {
+			type: Boolean,
+			default: false
+		},
+		confirmDisabled: {
+			type: Boolean,
+			default: false
+		},
+		closeOnConfirm: {
+			type: Boolean,
+			default: true
+		}
 	},
 	emits: [
 		"update:modelValue",
@@ -70,7 +85,7 @@ var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
 		}
 		function onConfirm() {
 			emit("confirm");
-			emit("update:modelValue", false);
+			if (props.closeOnConfirm) emit("update:modelValue", false);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(GrDialog_default, {
@@ -87,7 +102,7 @@ var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
 				"body-config": __props.bodyConfig,
 				"close-label": __props.closeLabel
 			}, {
-				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("div", _hoisted_2, [createVNode(GrButton_default, {
+				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("div", _hoisted_3, [createVNode(GrButton_default, {
 					"data-testid": "ds-confirm-cancel",
 					variant: "outline",
 					size: __props.buttonSize,
@@ -100,6 +115,8 @@ var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
 					variant: __props.confirmVariant,
 					tone: __props.confirmTone,
 					size: __props.buttonSize,
+					loading: __props.confirmLoading,
+					disabled: __props.confirmDisabled,
 					onClick: onConfirm
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmText), 1)]),
@@ -107,9 +124,15 @@ var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
 				}, 8, [
 					"variant",
 					"tone",
-					"size"
+					"size",
+					"loading",
+					"disabled"
 				])])])]),
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [__props.description ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [__props.description ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [__props.error ? (openBlock(), createBlock(GrResponseErrorBanner_default, {
+					key: 0,
+					error: __props.error,
+					"can-dismiss": false
+				}, null, 8, ["error"])) : createCommentVNode("", true)])])]),
 				_: 3
 			}, 8, [
 				"modelValue",

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-BGmyfDd2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrConfirmDialog-BGmyfDd2.js","names":[],"sources":["../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue","../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: 'Confirm',\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: 'Confirm',\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAMb,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,UAAmB,KAAK,qBAAqB,MAAM;GAC1D,CAAA;EAED,SAAS,WAAiB;AACxB,QAAK,SAAQ;AACb,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,YAAkB;AACzB,QAAK,UAAS;AACd,OAAI,MAAM,eACR,MAAK,qBAAqB,MAAK;;;uBAKjC,YA6CW,kBAAA;gBA5CA,KAAA;sEAAI,QAAA;IACZ,OAAO,QAAA;IACP,MAAM,QAAA;IACN,qBAAmB,QAAA;IACnB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,QAAA;;IAcH,QAAM,cAkBR,CAjBP,WAiBO,KAAA,QAAA,UAAA,EAAA,QAAA,CAhBL,mBAeM,OAfN,YAeM,CAdJ,YAEW,kBAAA;KAFD,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACrE,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;qBAEf,YAUW,kBAAA;KATT,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAS,QAAA;KACT,UAAU,QAAA;KACV,SAAO;;4BAES,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;;2BAjBhB,CAVN,mBAUM,OAVN,YAUM,CATJ,WAIO,KAAA,QAAA,WAAA,EAAA,QAAA,CAHM,QAAA,eAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,EAIlB,WAEO,KAAA,QAAA,SAAA,EAFa,OAAO,QAAA,OAAK,QAEzB,CADwB,QAAA,SAAA,WAAA,EAA7B,YAA0E,+BAAA;;KAArC,OAAO,QAAA;KAAQ,eAAa"}

package/dist/components/GrConfirmDialog/index.js

@@ -1,3 +1,3 @@
-import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-DjGOX9Hd.js";
-import { t as grConfirmDialogConfig } from "../../chunks/config-C_AOYGBr.js";
+import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-BGmyfDd2.js";
+import { t as grConfirmDialogConfig } from "../../chunks/config-BduXEXjt.js";
 export { GrConfirmDialog_default as GrConfirmDialog, GrConfirmDialog_default as default, grConfirmDialogConfig };

package/dist/components/GrDataTable/chunks/{GrDataTable-QDOJWmdY.js → GrDataTable-ClcYiyc8.js}

@@ -1,6 +1,6 @@
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
-import { t as GrTable_default } from "../../GrTable/chunks/GrTable-CyQ9uw8A.js";
-import { t as arrow_up_default } from "../../../chunks/arrow-up-DNXrMoAI.js";
+import { t as GrTable_default } from "../../GrTable/chunks/GrTable-dTWUxzRm.js";
+import { t as arrow_up_default } from "../../../chunks/arrow-up-DZdIrpaF.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region ~icons/lucide/arrow-down
 var _hoisted_1$1 = {

package/dist/components/GrDataTable/chunks/{GrDataTable-QDOJWmdY.js.map → GrDataTable-ClcYiyc8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDataTable-QDOJWmdY.js","names":["$slots"],"sources":["../../../../src/components/GrDataTable/GrDataTable.vue","../../../../src/components/GrDataTable/GrDataTable.vue"],"sourcesContent":["\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки. */\n  initialSortKey?: string\n  /** Направление начальной сортировки. */\n  initialSortDir?: 'asc' | 'desc'\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst sortKey = ref<string>(props.initialSortKey ?? '')\nconst sortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  if (!sortKey.value)\n    return items\n\n  const key = sortKey.value\n  const dir = sortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (sortKey.value !== col.key) {\n    sortKey.value = col.key\n    sortDir.value = 'asc'\n    return\n  }\n\n  sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (sortKey.value !== col.key)\n    return 'none'\n  return sortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (sortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return sortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-ds-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-ds-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"sortKey === col.key && sortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"sortKey === col.key && sortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-ds-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-ds-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n","\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки. */\n  initialSortKey?: string\n  /** Направление начальной сортировки. */\n  initialSortDir?: 'asc' | 'desc'\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst sortKey = ref<string>(props.initialSortKey ?? '')\nconst sortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  if (!sortKey.value)\n    return items\n\n  const key = sortKey.value\n  const dir = sortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (sortKey.value !== col.key) {\n    sortKey.value = col.key\n    sortDir.value = 'asc'\n    return\n  }\n\n  sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (sortKey.value !== col.key)\n    return 'none'\n  return sortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (sortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return sortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-ds-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-ds-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"sortKey === col.key && sortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"sortKey === col.key && sortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-ds-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-ds-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDataTable-ClcYiyc8.js","names":["$slots"],"sources":["../../../../src/components/GrDataTable/GrDataTable.vue","../../../../src/components/GrDataTable/GrDataTable.vue"],"sourcesContent":["\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки. */\n  initialSortKey?: string\n  /** Направление начальной сортировки. */\n  initialSortDir?: 'asc' | 'desc'\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst sortKey = ref<string>(props.initialSortKey ?? '')\nconst sortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  if (!sortKey.value)\n    return items\n\n  const key = sortKey.value\n  const dir = sortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (sortKey.value !== col.key) {\n    sortKey.value = col.key\n    sortDir.value = 'asc'\n    return\n  }\n\n  sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (sortKey.value !== col.key)\n    return 'none'\n  return sortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (sortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return sortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-ds-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-ds-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"sortKey === col.key && sortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"sortKey === col.key && sortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-ds-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-ds-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n","\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки. */\n  initialSortKey?: string\n  /** Направление начальной сортировки. */\n  initialSortDir?: 'asc' | 'desc'\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst sortKey = ref<string>(props.initialSortKey ?? '')\nconst sortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  if (!sortKey.value)\n    return items\n\n  const key = sortKey.value\n  const dir = sortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (sortKey.value !== col.key) {\n    sortKey.value = col.key\n    sortDir.value = 'asc'\n    return\n  }\n\n  sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (sortKey.value !== col.key)\n    return 'none'\n  return sortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (sortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return sortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-ds-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-ds-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"sortKey === col.key && sortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"sortKey === col.key && sortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-ds-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-ds-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDataTable/index.js

@@ -1,3 +1,3 @@
-import { t as GrDataTable_default } from "./chunks/GrDataTable-QDOJWmdY.js";
-import { t as grDataTableConfig } from "../../chunks/config-DJWf0kWe.js";
+import { t as GrDataTable_default } from "./chunks/GrDataTable-ClcYiyc8.js";
+import { t as grDataTableConfig } from "../../chunks/config-vcDVCYXo.js";
 export { GrDataTable_default as GrDataTable, GrDataTable_default as default, grDataTableConfig };

package/dist/components/GrDialog/chunks/{GrDialog-gObmaVEl.js → GrDialog-Ba3Ojcsq.js}

@@ -1,5 +1,5 @@
 import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
 import { a as Ve } from "../../../chunks/transition-mJ3PZCHH.js";
 import { t as GrModal_default } from "../../GrModal/chunks/GrModal-gvfvlp7k.js";
 import { a as resolveGrDialogTitle, i as resolveGrDialogSectionConfig, n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "../../../chunks/dialogShared-BtXUk6Zc.js";