@feugene/granularity 0.3.2 → 0.4.1

package/dist/components/GrBadgeWrap/chunks/GrBadgeWrap-CxtamOZ-.js

@@ -0,0 +1,35 @@
+import { createCommentVNode, createElementBlock, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/components/GrBadgeWrap/GrBadgeWrap.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "relative inline-flex" };
+var _hoisted_2 = {
+	key: 0,
+	class: "absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = {
+	key: 1,
+	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",
+	"aria-hidden": "true"
+};
+//#endregion
+//#region src/components/GrBadgeWrap/GrBadgeWrap.vue
+var GrBadgeWrap_default = /* @__PURE__ */ defineComponent({
+	__name: "GrBadgeWrap",
+	props: {
+		value: { default: void 0 },
+		dot: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default"), props.dot ? (openBlock(), createElementBlock("span", _hoisted_2)) : props.value !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(props.value), 1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { GrBadgeWrap_default as t };
+
+//# sourceMappingURL=GrBadgeWrap-CxtamOZ-.js.map

package/dist/components/GrBadgeWrap/chunks/GrBadgeWrap-CxtamOZ-.js.map

@@ -0,0 +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"}

package/dist/components/GrBadgeWrap/index.js

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

package/dist/components/GrBottomNav/chunks/GrBottomNav-CsmQ7mTJ.js

@@ -0,0 +1,33 @@
+import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
+//#region src/components/GrBottomNav/GrBottomNav.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { 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" };
+var _hoisted_2 = { class: "h-14 flex items-center justify-around" };
+var _hoisted_3 = ["onClick"];
+//#endregion
+//#region src/components/GrBottomNav/GrBottomNav.vue
+var GrBottomNav_default = /* @__PURE__ */ defineComponent({
+	__name: "GrBottomNav",
+	props: {
+		modelValue: {},
+		items: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (it) => {
+				return openBlock(), createElementBlock("button", {
+					key: it.value,
+					type: "button",
+					class: normalizeClass(["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)]", it.value === props.modelValue ? "text-[var(--primary)]" : "text-[var(--muted-fg)] hover:text-[var(--fg)]"]),
+					onClick: ($event) => emit("update:modelValue", it.value)
+				}, toDisplayString(it.label), 11, _hoisted_3);
+			}), 128))])]);
+		};
+	}
+});
+//#endregion
+export { GrBottomNav_default as t };
+
+//# sourceMappingURL=GrBottomNav-CsmQ7mTJ.js.map

package/dist/components/GrBottomNav/chunks/GrBottomNav-CsmQ7mTJ.js.map

@@ -0,0 +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"}

package/dist/components/GrBottomNav/index.js

@@ -0,0 +1,3 @@
+import { t as GrBottomNav_default } from "./chunks/GrBottomNav-CsmQ7mTJ.js";
+import { t as grBottomNavConfig } from "../../chunks/config-BKRmlivc.js";
+export { GrBottomNav_default as GrBottomNav, GrBottomNav_default as default, grBottomNavConfig };

package/dist/components/GrButton/chunks/GrButton-BmGdp8-4.js

@@ -0,0 +1,85 @@
+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 { 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 = [
+	"data-ds-variant",
+	"data-ds-tone",
+	"type",
+	"disabled",
+	"aria-busy",
+	"aria-label"
+];
+//#endregion
+//#region src/components/GrButton/GrButton.vue
+var GrButton_default = /* @__PURE__ */ defineComponent({
+	__name: "GrButton",
+	props: {
+		variant: { default: "primary" },
+		tone: { default: "primary" },
+		size: { default: "md" },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		square: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "button" },
+		ariaLabel: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const isDisabled = computed(() => props.disabled || props.loading);
+		const isSquare = computed(() => props.square);
+		const squareStyle = computed(() => {
+			if (!isSquare.value) return void 0;
+			const v = `${(() => {
+				if (props.size === "xs") return 28;
+				if (props.size === "sm") return 32;
+				if (props.size === "lg") return 44;
+				return 40;
+			})()}px`;
+			return {
+				width: v,
+				minWidth: v,
+				height: v,
+				padding: "0px"
+			};
+		});
+		const className = computed(() => {
+			return grButtonClass({
+				variant: props.variant,
+				tone: props.tone,
+				size: props.size,
+				square: isSquare.value
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				"data-ds-button": "",
+				"data-ds-variant": props.variant,
+				"data-ds-tone": props.tone,
+				type: props.type,
+				disabled: isDisabled.value,
+				"aria-busy": props.loading ? "true" : void 0,
+				"aria-label": props.ariaLabel,
+				class: normalizeClass([unref(grButtonBaseClass), className.value]),
+				style: normalizeStyle(squareStyle.value)
+			}, [props.loading ? (openBlock(), createBlock(unref(loader_circle_default), {
+				key: 0,
+				class: "h-4 w-4 animate-spin",
+				"aria-hidden": "true"
+			})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrButton_default as t };
+
+//# sourceMappingURL=GrButton-BmGdp8-4.js.map

package/dist/components/GrButton/chunks/GrButton-BmGdp8-4.js.map

@@ -0,0 +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"}

package/dist/components/GrButton/index.js

@@ -0,0 +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";
+export { GrButton_default as GrButton, GrButton_default as default, grButtonClass, grButtonClassTokens, grButtonConfig, grButtonSafelist };

package/dist/components/GrButtonGroup/chunks/GrButtonGroup-CBj4tpms.js

@@ -0,0 +1,23 @@
+import { createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
+import '../../../GrButtonGroup.css';//#region src/components/GrButtonGroup/GrButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+//#endregion
+//#region src/components/GrButtonGroup/GrButtonGroup.vue
+var GrButtonGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "GrButtonGroup",
+	props: { ariaLabel: { default: void 0 } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-ds-button-group": "",
+				class: "inline-flex items-stretch",
+				role: "group",
+				"aria-label": __props.ariaLabel
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrButtonGroup_default as t };
+
+//# sourceMappingURL=GrButtonGroup-CBj4tpms.js.map

package/dist/components/GrButtonGroup/chunks/GrButtonGroup-CBj4tpms.js.map

@@ -0,0 +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"}

package/dist/components/GrButtonGroup/index.js

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

package/dist/components/GrCard/chunks/GrCard-xtDcXBr7.js

@@ -0,0 +1,13 @@
+import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BG_EqiDU.js";
+import { createElementBlock, openBlock, renderSlot } from "vue";
+//#region src/components/GrCard/GrCard.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
+}
+var GrCard_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { GrCard_default as t };
+
+//# sourceMappingURL=GrCard-xtDcXBr7.js.map

package/dist/components/GrCard/chunks/GrCard-xtDcXBr7.js.map

@@ -0,0 +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"}

package/dist/components/GrCard/index.js

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

package/dist/components/GrCheckbox/chunks/GrCheckbox-Bt3d7ckE.js

@@ -0,0 +1,136 @@
+import { createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, ref, renderSlot, unref, watch, withKeys, withModifiers } from "vue";
+//#region ~icons/lucide/check
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M20 6L9 17l-5-5"
+	}, null, -1)])]);
+}
+var check_default = markRaw({
+	name: "lucide-check",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrCheckbox/GrCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-checked",
+	"aria-disabled",
+	"tabindex",
+	"onKeydown"
+];
+var _hoisted_2 = [
+	"id",
+	"checked",
+	"disabled",
+	"name",
+	"value",
+	"required",
+	"form"
+];
+var _hoisted_3 = { class: "text-sm text-[var(--muted-fg)]" };
+//#endregion
+//#region src/components/GrCheckbox/GrCheckbox.vue
+var GrCheckbox_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCheckbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		name: { default: void 0 },
+		value: { default: "on" },
+		required: {
+			type: Boolean,
+			default: false
+		},
+		form: { default: void 0 },
+		id: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* GrCheckbox — DS-примитив чекбокса с нативным скрытым `<input type="checkbox">`
+		* для интеграции с HTML-формами (`FormData`, `required`, `form`).
+		*
+		* Клавиатура: `Space`/`Enter` переключают значение, фокус — на корневом элементе.
+		* A11y: `role="checkbox"` + `aria-checked`/`aria-disabled`.
+		*/
+		const hiddenInputStyle = {
+			position: "absolute",
+			opacity: "0",
+			width: "0",
+			height: "0",
+			pointerEvents: "none"
+		};
+		const props = __props;
+		const emit = __emit;
+		const nativeInput = ref(null);
+		watch(() => props.modelValue, (value) => {
+			if (nativeInput.value && nativeInput.value.checked !== value) nativeInput.value.checked = value;
+		});
+		function toggle() {
+			if (props.disabled) return;
+			emit("update:modelValue", !props.modelValue);
+		}
+		function isInteractiveTarget(target) {
+			const el = target;
+			if (!el) return false;
+			return !!el.closest("a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]");
+		}
+		function onClick(e) {
+			if (isInteractiveTarget(e.target)) return;
+			toggle();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-ds-checkbox": "",
+				class: normalizeClass(["inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]", __props.disabled ? "cursor-not-allowed opacity-70" : "cursor-pointer"]),
+				role: "checkbox",
+				"aria-checked": __props.modelValue ? "true" : "false",
+				"aria-disabled": __props.disabled ? "true" : void 0,
+				tabindex: __props.disabled ? -1 : 0,
+				onClick,
+				onKeydown: [withKeys(withModifiers(toggle, ["prevent"]), ["space"]), withKeys(withModifiers(toggle, ["prevent"]), ["enter"])]
+			}, [
+				createElementVNode("input", {
+					id: __props.id,
+					ref_key: "nativeInput",
+					ref: nativeInput,
+					type: "checkbox",
+					checked: __props.modelValue,
+					disabled: __props.disabled,
+					name: __props.name,
+					value: __props.value,
+					required: __props.required,
+					form: __props.form,
+					tabindex: "-1",
+					"aria-hidden": "true",
+					style: hiddenInputStyle
+				}, null, 8, _hoisted_2),
+				createElementVNode("span", {
+					"data-ds-checkbox-indicator": "",
+					"aria-hidden": "true",
+					class: normalizeClass(["h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150", __props.modelValue ? "border-[var(--primary)] bg-[var(--primary)]" : "border-[var(--brd)] bg-[var(--bg)]"])
+				}, [createVNode(unref(check_default), { class: normalizeClass(["ds-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150", __props.modelValue ? "opacity-100 scale-100 text-[var(--primary-fg)]" : "opacity-0 scale-75 text-transparent"]) }, null, 8, ["class"])], 2),
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])
+			], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrCheckbox_default as t };
+
+//# sourceMappingURL=GrCheckbox-Bt3d7ckE.js.map

package/dist/components/GrCheckbox/chunks/GrCheckbox-Bt3d7ckE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCheckbox-Bt3d7ckE.js","names":[],"sources":["../../../../src/components/GrCheckbox/GrCheckbox.vue","../../../../src/components/GrCheckbox/GrCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrCheckbox — DS-примитив чекбокса с нативным скрытым `<input type=\"checkbox\">`\n * для интеграции с HTML-формами (`FormData`, `required`, `form`).\n *\n * Клавиатура: `Space`/`Enter` переключают значение, фокус — на корневом элементе.\n * A11y: `role=\"checkbox\"` + `aria-checked`/`aria-disabled`.\n */\nimport { ref, watch } from 'vue'\nimport IconCheck from '~icons/lucide/check'\n\nexport interface GrCheckboxProps {\n  modelValue?: boolean\n  disabled?: boolean\n  name?: string\n  value?: string\n  required?: boolean\n  form?: string\n  /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`. */\n  id?: string\n}\n\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrCheckboxProps>(), {\n  modelValue: false,\n  disabled: false,\n  name: undefined,\n  value: 'on',\n  required: false,\n  form: undefined,\n  id: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\n// Держим `.checked` на нативном input синхронно с пропом — `:checked`-биндинг\n// на скрытом элементе иногда отстаёт при программных обновлениях.\nconst nativeInput = ref<HTMLInputElement | null>(null)\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (nativeInput.value && nativeInput.value.checked !== value)\n      nativeInput.value.checked = value\n  },\n)\n\nfunction toggle(): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', !props.modelValue)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  const el = target as HTMLElement | null\n  if (!el)\n    return false\n  return !!el.closest('a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]')\n}\n\nfunction onClick(e: MouseEvent): void {\n  if (isInteractiveTarget(e.target))\n    return\n  toggle()\n}\n</script>\n<template>\n  <div\n    data-ds-checkbox\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]\"\n    role=\"checkbox\"\n    :aria-checked=\"modelValue ? 'true' : 'false'\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"disabled ? 'cursor-not-allowed opacity-70' : 'cursor-pointer'\"\n    @click=\"onClick\"\n    @keydown.space.prevent=\"toggle\"\n    @keydown.enter.prevent=\"toggle\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"nativeInput\"\n      type=\"checkbox\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :name=\"name\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n    <span\n      data-ds-checkbox-indicator\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150\"\n      :class=\"modelValue\n        ? 'border-[var(--primary)] bg-[var(--primary)]'\n        : 'border-[var(--brd)] bg-[var(--bg)]'\"\n    >\n      <IconCheck\n        class=\"ds-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150\"\n        :class=\"modelValue\n          ? 'opacity-100 scale-100 text-[var(--primary-fg)]'\n          : 'opacity-0 scale-75 text-transparent'\"\n      />\n    </span>\n    <span class=\"text-sm text-[var(--muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrCheckbox — DS-примитив чекбокса с нативным скрытым `<input type=\"checkbox\">`\n * для интеграции с HTML-формами (`FormData`, `required`, `form`).\n *\n * Клавиатура: `Space`/`Enter` переключают значение, фокус — на корневом элементе.\n * A11y: `role=\"checkbox\"` + `aria-checked`/`aria-disabled`.\n */\nimport { ref, watch } from 'vue'\nimport IconCheck from '~icons/lucide/check'\n\nexport interface GrCheckboxProps {\n  modelValue?: boolean\n  disabled?: boolean\n  name?: string\n  value?: string\n  required?: boolean\n  form?: string\n  /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`. */\n  id?: string\n}\n\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrCheckboxProps>(), {\n  modelValue: false,\n  disabled: false,\n  name: undefined,\n  value: 'on',\n  required: false,\n  form: undefined,\n  id: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\n// Держим `.checked` на нативном input синхронно с пропом — `:checked`-биндинг\n// на скрытом элементе иногда отстаёт при программных обновлениях.\nconst nativeInput = ref<HTMLInputElement | null>(null)\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (nativeInput.value && nativeInput.value.checked !== value)\n      nativeInput.value.checked = value\n  },\n)\n\nfunction toggle(): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', !props.modelValue)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  const el = target as HTMLElement | null\n  if (!el)\n    return false\n  return !!el.closest('a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]')\n}\n\nfunction onClick(e: MouseEvent): void {\n  if (isInteractiveTarget(e.target))\n    return\n  toggle()\n}\n</script>\n<template>\n  <div\n    data-ds-checkbox\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]\"\n    role=\"checkbox\"\n    :aria-checked=\"modelValue ? 'true' : 'false'\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"disabled ? 'cursor-not-allowed opacity-70' : 'cursor-pointer'\"\n    @click=\"onClick\"\n    @keydown.space.prevent=\"toggle\"\n    @keydown.enter.prevent=\"toggle\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"nativeInput\"\n      type=\"checkbox\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :name=\"name\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n    <span\n      data-ds-checkbox-indicator\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150\"\n      :class=\"modelValue\n        ? 'border-[var(--primary)] bg-[var(--primary)]'\n        : 'border-[var(--brd)] bg-[var(--bg)]'\"\n    >\n      <IconCheck\n        class=\"ds-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150\"\n        :class=\"modelValue\n          ? 'opacity-100 scale-100 text-[var(--primary-fg)]'\n          : 'opacity-0 scale-75 text-transparent'\"\n      />\n    </span>\n    <span class=\"text-sm text-[var(--muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,mBAAmB;GACvB,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,eAAe;GAChB;EAED,MAAM,QAAQ;EAUd,MAAM,OAAO;EAMb,MAAM,cAAc,IAA6B,KAAI;AACrD,cACQ,MAAM,aACX,UAAU;AACT,OAAI,YAAY,SAAS,YAAY,MAAM,YAAY,MACrD,aAAY,MAAM,UAAU;IAElC;EAEA,SAAS,SAAe;AACtB,OAAI,MAAM,SACR;AACF,QAAK,qBAAqB,CAAC,MAAM,WAAU;;EAG7C,SAAS,oBAAoB,QAAqC;GAChE,MAAM,KAAK;AACX,OAAI,CAAC,GACH,QAAO;AACT,UAAO,CAAC,CAAC,GAAG,QAAQ,yEAAoE;;EAG1F,SAAS,QAAQ,GAAqB;AACpC,OAAI,oBAAoB,EAAE,OAAO,CAC/B;AACF,WAAO;;;uBAIP,mBA4CM,OAAA;IA3CJ,oBAAA;IACA,OAAK,eAAA,CAAC,sKAKE,QAAA,WAAQ,kCAAA,iBAAA,CAAA;IAJhB,MAAK;IACJ,gBAAc,QAAA,aAAU,SAAA;IACxB,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,UAAU,QAAA,WAAQ,KAAA;IAEX;IACP,WAAO,CAAA,SAAA,cAAgB,QAAM,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,SAAA,cACN,QAAM,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;;IAE9B,mBAaC,SAAA;KAZE,IAAI,QAAA;cACD;KAAJ,KAAI;KACJ,MAAK;KACJ,SAAS,QAAA;KACT,UAAU,QAAA;KACV,MAAM,QAAA;KACN,OAAO,QAAA;KACP,UAAU,QAAA;KACV,MAAM,QAAA;KACP,UAAS;KACT,eAAY;KACX,OAAO;;IAEV,mBAcO,QAAA;KAbL,8BAAA;KACA,eAAY;KACZ,OAAK,eAAA,CAAC,0FACE,QAAA,aAAA,gDAAA,qCAAA,CAAA;QAIR,YAKE,MAAA,cAAA,EAAA,EAJA,OAAK,eAAA,CAAC,qFACE,QAAA,aAAA,mDAAA,sCAAA,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA;IAKZ,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/GrCheckbox/index.js

@@ -0,0 +1,3 @@
+import { t as GrCheckbox_default } from "./chunks/GrCheckbox-Bt3d7ckE.js";
+import { t as grCheckboxConfig } from "../../chunks/config-TyzU6gLf.js";
+export { GrCheckbox_default as GrCheckbox, GrCheckbox_default as default, grCheckboxConfig };

package/dist/components/GrCollapse/chunks/GrCollapse-HU20VTVn.js

@@ -0,0 +1,207 @@
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-xtDcXBr7.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
+var GR_COLLAPSE_CONTEXT = Symbol("GR_COLLAPSE_CONTEXT");
+//#endregion
+//#region src/components/GrCollapse/GrCollapse.vue
+var GrCollapse_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCollapse",
+	props: {
+		modelValue: { default: void 0 },
+		accordion: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		divided: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const activeSet = computed(() => {
+			const value = props.modelValue;
+			if (props.accordion) {
+				if (typeof value === "string" || typeof value === "number") return new Set([value]);
+				return /* @__PURE__ */ new Set();
+			}
+			if (Array.isArray(value)) return new Set(value);
+			if (typeof value === "string" || typeof value === "number") return new Set([value]);
+			return /* @__PURE__ */ new Set();
+		});
+		function setModelValue(next) {
+			emit("update:modelValue", next);
+			emit("change", next);
+		}
+		function toggle(name) {
+			if (props.disabled) return;
+			if (props.accordion) {
+				setModelValue(activeSet.value.has(name) ? void 0 : name);
+				return;
+			}
+			const current = Array.isArray(props.modelValue) ? [...props.modelValue] : typeof props.modelValue === "string" || typeof props.modelValue === "number" ? [props.modelValue] : [];
+			setModelValue(current.includes(name) ? current.filter((x) => x !== name) : [...current, name]);
+		}
+		provide(GR_COLLAPSE_CONTEXT, {
+			accordion: computed(() => props.accordion),
+			disabled: computed(() => props.disabled),
+			isActive: (name) => activeSet.value.has(name),
+			toggle
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(GrCard_default), { "data-ds-collapse": "" }, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(__props.divided ? "divide-y divide-[var(--brd)]" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region ~icons/lucide/chevron-down
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m6 9l6 6l6-6"
+	}, null, -1)])]);
+}
+var chevron_down_default = markRaw({
+	name: "lucide-chevron-down",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrCollapse/GrCollapseItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-ds-collapse-item": "",
+	class: "text-[var(--fg)]"
+};
+var _hoisted_2 = { class: "m-0" };
+var _hoisted_3 = ["aria-expanded", "disabled"];
+var _hoisted_4 = { class: "min-w-0" };
+var _hoisted_5 = { class: "text-sm font-600" };
+var _hoisted_6 = { class: "overflow-hidden" };
+var _hoisted_7 = { class: "px-4 pb-4 text-sm text-[var(--muted-fg)]" };
+//#endregion
+//#region src/components/GrCollapse/GrCollapseItem.vue
+var GrCollapseItem_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCollapseItem",
+	props: {
+		name: { default: void 0 },
+		title: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const collapse = inject(GR_COLLAPSE_CONTEXT);
+		if (!collapse) throw new Error("GrCollapseItem must be used inside GrCollapse");
+		const collapseContext = collapse;
+		const uid = getCurrentInstance()?.uid ?? Math.random();
+		const resolvedName = computed(() => {
+			if (typeof props.name === "string" || typeof props.name === "number") return props.name;
+			return uid;
+		});
+		const resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled);
+		const expanded = computed(() => collapseContext.isActive(resolvedName.value));
+		const headerId = `ds-collapse-header-${uid}`;
+		const panelId = `ds-collapse-panel-${uid}`;
+		const triggerEl = ref(null);
+		function onToggle() {
+			if (resolvedDisabled.value) return;
+			collapseContext.toggle(resolvedName.value);
+		}
+		function getAllTriggers() {
+			const root = triggerEl.value?.closest("[data-ds-collapse]");
+			if (!root) return [];
+			return Array.prototype.slice.call(root.querySelectorAll("[data-ds-collapse-trigger]"));
+		}
+		function focusRelative(direction) {
+			const current = triggerEl.value;
+			if (!current) return;
+			const triggers = getAllTriggers();
+			const index = triggers.indexOf(current);
+			if (index === -1 || triggers.length === 0) return;
+			triggers[(index + direction + triggers.length) % triggers.length]?.focus();
+		}
+		function focusEdge(edge) {
+			const triggers = getAllTriggers();
+			if (triggers.length === 0) return;
+			(edge === "start" ? triggers[0] : triggers.at(-1))?.focus();
+		}
+		function onKeydown(event) {
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				focusRelative(1);
+				return;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				focusRelative(-1);
+				return;
+			}
+			if (event.key === "Home") {
+				event.preventDefault();
+				focusEdge("start");
+				return;
+			}
+			if (event.key === "End") {
+				event.preventDefault();
+				focusEdge("end");
+				return;
+			}
+			if (event.key === " " || event.key === "Enter") {
+				event.preventDefault();
+				onToggle();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("h3", _hoisted_2, [createElementVNode("button", {
+				id: headerId,
+				ref_key: "triggerEl",
+				ref: triggerEl,
+				"data-ds-collapse-trigger": "",
+				type: "button",
+				"aria-expanded": expanded.value ? "true" : "false",
+				"aria-controls": panelId,
+				disabled: resolvedDisabled.value,
+				class: normalizeClass(["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", resolvedDisabled.value ? "" : "hover:bg-[var(--muted)]"]),
+				onClick: onToggle,
+				onKeydown
+			}, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_5, toDisplayString(__props.title), 1)])]), createVNode(unref(GrIcon_default), {
+				size: "sm",
+				"aria-hidden": "true",
+				"data-ds-collapse-chevron": "",
+				class: normalizeClass(["shrink-0 transition-transform duration-150 text-[var(--muted-fg)]", expanded.value ? "rotate-180" : ""])
+			}, {
+				default: withCtx(() => [createVNode(unref(chevron_down_default))]),
+				_: 1
+			}, 8, ["class"])], 42, _hoisted_3)]), createElementVNode("div", {
+				id: panelId,
+				role: "region",
+				"aria-labelledby": headerId,
+				class: normalizeClass(["grid transition-[grid-template-rows] duration-200", expanded.value ? "grid-rows-[1fr]" : "grid-rows-[0fr]"])
+			}, [createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "default")])])], 2)]);
+		};
+	}
+});
+//#endregion
+export { GrCollapse_default as n, GR_COLLAPSE_CONTEXT as r, GrCollapseItem_default as t };
+
+//# sourceMappingURL=GrCollapse-HU20VTVn.js.map