@auronui/vue 1.0.13 → 1.0.15

package/dist/components/tree/TreeItem.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,8 @@ var TreeItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	props: {
 		value: {},
 		level: {},
-		class: { default: void 0 }
+		class: { default: void 0 },
+		classNames: { default: void 0 }
 	},
 	emits: ["select", "toggle"],
 	setup(__props) {
@@ -26,13 +27,13 @@ var TreeItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			return openBlock(), createBlock(unref(TreeItem), {
 				value: __props.value,
 				level: __props.level,
-				class: normalizeClass(unref(composeClassName)(slotFns.value.item(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.item(), props.class, props.classNames?.item)),
 				"data-slot": "tree-item",
 				onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select")),
 				onToggle: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("toggle"))
 			}, {
 				default: withCtx((s) => [createElementVNode("div", {
-					class: normalizeClass(slotFns.value.itemContent()),
+					class: normalizeClass(unref(composeClassName)(slotFns.value.itemContent(), props.classNames?.itemContent)),
 					style: normalizeStyle(indentStyle.value),
 					"data-selected": s.isSelected ? "" : void 0,
 					"data-expanded": s.isExpanded ? "" : void 0

package/dist/components/tree/TreeItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/tree/TreeItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, inject } from 'vue'\nimport { TreeItem } from 'reka-ui'\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  value: T\n  level: number\n  class?: string\n}>(), {\n  class: undefined,\n})\n\ndefineEmits<{\n  select: []\n  toggle: []\n}>()\n\nconst ctx = inject(treeContextKey, null)\nconst slotFns = computed(() => treeVariants({ size: ctx?.size.value }))\nconst hasChildren = computed(() => {\n  const children = ctx?.getChildren(props.value)\n  return Array.isArray(children) ? children.length > 0 : !!children\n})\n\nconst indentStyle = computed(() => ({\n  '--tree-indent': props.level - 1,\n}))\n</script>\n\n<template>\n  <TreeItem\n    :value=\"value\"\n    :level=\"level\"\n    :class=\"composeClassName(slotFns.item(), props.class)\"\n    data-slot=\"tree-item\"\n    @select=\"$emit('select')\"\n    @toggle=\"$emit('toggle')\"\n  >\n    <template #default=\"s: any\">\n      <div\n        :class=\"slotFns.itemContent()\"\n        :style=\"indentStyle\"\n        :data-selected=\"s.isSelected ? '' : undefined\"\n        :data-expanded=\"s.isExpanded ? '' : undefined\"\n      >\n        <slot\n          :is-expanded=\"s.isExpanded\"\n          :is-selected=\"s.isSelected\"\n          :is-indeterminate=\"s.isIndeterminate\"\n          :has-children=\"hasChildren\"\n          :handle-select=\"s.handleSelect\"\n          :handle-toggle=\"s.handleToggle\"\n          :toggle-class=\"slotFns.itemToggle()\"\n          :icon-class=\"slotFns.itemIcon()\"\n        />\n      </div>\n    </template>\n  </TreeItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAad,MAAM,MAAM,OAAO,gBAAgB,KAAI;EACvC,MAAM,UAAU,eAAe,aAAa,EAAE,MAAM,KAAK,KAAK,OAAO,CAAC,CAAA;EACtE,MAAM,cAAc,eAAe;GACjC,MAAM,WAAW,KAAK,YAAY,MAAM,MAAK;AAC7C,UAAO,MAAM,QAAQ,SAAS,GAAG,SAAS,SAAS,IAAI,CAAC,CAAC;IAC1D;EAED,MAAM,cAAc,gBAAgB,EAClC,iBAAiB,MAAM,QAAQ,GAChC,EAAC;;uBAIA,YA2BW,MAAA,SAAA,EAAA;IA1BR,OAAO,QAAA;IACP,OAAO,QAAA;IACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACpD,aAAU;IACT,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;IACb,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;IAEH,SAAO,SAAE,MAAM,CACxB,mBAgBM,OAAA;KAfH,OAAK,eAAE,QAAA,MAAQ,aAAW,CAAA;KAC1B,OAAK,eAAE,YAAA,MAAW;KAClB,iBAAe,EAAE,aAAU,KAAQ,KAAA;KACnC,iBAAe,EAAE,aAAU,KAAQ,KAAA;QAEpC,WASE,KAAA,QAAA,WAAA;KARC,YAAa,EAAE;KACf,YAAa,EAAE;KACf,iBAAkB,EAAE;KACpB,aAAc,YAAA;KACd,cAAe,EAAE;KACjB,cAAe,EAAE;KACjB,aAAc,QAAA,MAAQ,YAAU;KAChC,WAAY,QAAA,MAAQ,UAAQ"}
+{"version":3,"file":"TreeItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/tree/TreeItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, inject } from 'vue'\nimport { TreeItem } from 'reka-ui'\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  value: T\n  level: number\n  class?: ClassValue\n  /** Additional class names to apply to individual slots. */\n  classNames?: Partial<{\n    item: ClassValue\n    itemContent: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  select: []\n  toggle: []\n}>()\n\nconst ctx = inject(treeContextKey, null)\nconst slotFns = computed(() => treeVariants({ size: ctx?.size.value }))\nconst hasChildren = computed(() => {\n  const children = ctx?.getChildren(props.value)\n  return Array.isArray(children) ? children.length > 0 : !!children\n})\n\nconst indentStyle = computed(() => ({\n  '--tree-indent': props.level - 1,\n}))\n</script>\n\n<template>\n  <TreeItem\n    :value=\"value\"\n    :level=\"level\"\n    :class=\"composeClassName(slotFns.item(), props.class, props.classNames?.item)\"\n    data-slot=\"tree-item\"\n    @select=\"$emit('select')\"\n    @toggle=\"$emit('toggle')\"\n  >\n    <template #default=\"s: any\">\n      <div\n        :class=\"composeClassName(slotFns.itemContent(), props.classNames?.itemContent)\"\n        :style=\"indentStyle\"\n        :data-selected=\"s.isSelected ? '' : undefined\"\n        :data-expanded=\"s.isExpanded ? '' : undefined\"\n      >\n        <slot\n          :is-expanded=\"s.isExpanded\"\n          :is-selected=\"s.isSelected\"\n          :is-indeterminate=\"s.isIndeterminate\"\n          :has-children=\"hasChildren\"\n          :handle-select=\"s.handleSelect\"\n          :handle-toggle=\"s.handleToggle\"\n          :toggle-class=\"slotFns.itemToggle()\"\n          :icon-class=\"slotFns.itemIcon()\"\n        />\n      </div>\n    </template>\n  </TreeItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAmBd,MAAM,MAAM,OAAO,gBAAgB,KAAI;EACvC,MAAM,UAAU,eAAe,aAAa,EAAE,MAAM,KAAK,KAAK,OAAO,CAAC,CAAA;EACtE,MAAM,cAAc,eAAe;GACjC,MAAM,WAAW,KAAK,YAAY,MAAM,MAAK;AAC7C,UAAO,MAAM,QAAQ,SAAS,GAAG,SAAS,SAAS,IAAI,CAAC,CAAC;IAC1D;EAED,MAAM,cAAc,gBAAgB,EAClC,iBAAiB,MAAM,QAAQ,GAChC,EAAC;;uBAIA,YA2BW,MAAA,SAAA,EAAA;IA1BR,OAAO,QAAA;IACP,OAAO,QAAA;IACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC5E,aAAU;IACT,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;IACb,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;IAEH,SAAO,SAAE,MAAM,CACxB,mBAgBM,OAAA;KAfH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,YAAY,YAAW,CAAA;KAC5E,OAAK,eAAE,YAAA,MAAW;KAClB,iBAAe,EAAE,aAAU,KAAQ,KAAA;KACnC,iBAAe,EAAE,aAAU,KAAQ,KAAA;QAEpC,WASE,KAAA,QAAA,WAAA;KARC,YAAa,EAAE;KACf,YAAa,EAAE;KACf,iBAAkB,EAAE;KACpB,aAAc,YAAA;KACd,cAAe,EAAE;KACjB,cAAe,EAAE;KACjB,aAAc,QAAA,MAAQ,YAAU;KAChC,WAAY,QAAA,MAAQ,UAAQ"}

package/dist/components/tree/TreeItemToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItemToggle.js","names":[],"sources":["../../../src/components/tree/TreeItemToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  isExpanded?: boolean\n  hasChildren?: boolean\n  class?: string\n}>(), {\n  isExpanded: false,\n  hasChildren: true,\n  class: undefined,\n})\n\nconst slotFns = treeVariants()\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"composeClassName(slotFns.itemToggle(), props.class)\"\n    :data-expanded=\"isExpanded ? '' : undefined\"\n    :data-no-children=\"!hasChildren ? '' : undefined\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  >\n    <slot>\n      <!-- Default chevron icon -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    </slot>\n  </button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TreeItemToggle.js","names":[],"sources":["../../../src/components/tree/TreeItemToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  isExpanded?: boolean\n  hasChildren?: boolean\n  class?: ClassValue\n  /** Override classes for specific slots */\n  classNames?: Partial<{\n    itemToggle: ClassValue\n  }>\n}>(), {\n  isExpanded: false,\n  hasChildren: true,\n  class: undefined,\n})\n\nconst slotFns = treeVariants()\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"composeClassName(slotFns.itemToggle(), props.class, props.classNames?.itemToggle)\"\n    :data-expanded=\"isExpanded ? '' : undefined\"\n    :data-no-children=\"!hasChildren ? '' : undefined\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  >\n    <slot>\n      <!-- Default chevron icon -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    </slot>\n  </button>\n</template>\n"],"mappings":""}

package/dist/components/tree/TreeItemToggle.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,8 @@ var TreeItemToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			type: Boolean,
 			default: true
 		},
-		class: { default: void 0 }
+		class: { default: void 0 },
+		classNames: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -22,7 +23,7 @@ var TreeItemToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("button", {
 				type: "button",
-				class: normalizeClass(unref(composeClassName)(unref(slotFns).itemToggle(), props.class)),
+				class: normalizeClass(unref(composeClassName)(unref(slotFns).itemToggle(), props.class, props.classNames?.itemToggle)),
 				"data-expanded": __props.isExpanded ? "" : void 0,
 				"data-no-children": !__props.hasChildren ? "" : void 0,
 				tabindex: "-1",

package/dist/components/tree/TreeItemToggle.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItemToggle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tree/TreeItemToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  isExpanded?: boolean\n  hasChildren?: boolean\n  class?: string\n}>(), {\n  isExpanded: false,\n  hasChildren: true,\n  class: undefined,\n})\n\nconst slotFns = treeVariants()\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"composeClassName(slotFns.itemToggle(), props.class)\"\n    :data-expanded=\"isExpanded ? '' : undefined\"\n    :data-no-children=\"!hasChildren ? '' : undefined\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  >\n    <slot>\n      <!-- Default chevron icon -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    </slot>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAUd,MAAM,UAAU,cAAa;;uBAI3B,mBAuBS,UAAA;IAtBP,MAAK;IACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,YAAU,EAAI,MAAM,MAAK,CAAA;IACzD,iBAAe,QAAA,aAAU,KAAQ,KAAA;IACjC,oBAAgB,CAAG,QAAA,cAAW,KAAQ,KAAA;IACvC,UAAS;IACT,eAAY;OAEZ,WAcO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAZL,mBAWM,OAAA;IAVJ,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,gBAAa;IACb,kBAAe;IACf,mBAAgB;IAChB,eAAY;OAEZ,mBAA0B,QAAA,EAApB,GAAE,iBAAe,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"TreeItemToggle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tree/TreeItemToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  isExpanded?: boolean\n  hasChildren?: boolean\n  class?: ClassValue\n  /** Override classes for specific slots */\n  classNames?: Partial<{\n    itemToggle: ClassValue\n  }>\n}>(), {\n  isExpanded: false,\n  hasChildren: true,\n  class: undefined,\n})\n\nconst slotFns = treeVariants()\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"composeClassName(slotFns.itemToggle(), props.class, props.classNames?.itemToggle)\"\n    :data-expanded=\"isExpanded ? '' : undefined\"\n    :data-no-children=\"!hasChildren ? '' : undefined\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  >\n    <slot>\n      <!-- Default chevron icon -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    </slot>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAcd,MAAM,UAAU,cAAa;;uBAI3B,mBAuBS,UAAA;IAtBP,MAAK;IACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,YAAU,EAAI,MAAM,OAAO,MAAM,YAAY,WAAU,CAAA;IACvF,iBAAe,QAAA,aAAU,KAAQ,KAAA;IACjC,oBAAgB,CAAG,QAAA,cAAW,KAAQ,KAAA;IACvC,UAAS;IACT,eAAY;OAEZ,WAcO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAZL,mBAWM,OAAA;IAVJ,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,gBAAa;IACb,kBAAe;IACf,mBAAgB;IAChB,eAAY;OAEZ,mBAA0B,QAAA,EAApB,GAAE,iBAAe,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}