@rotki/ui-library 2.15.0 → 2.16.1

package/dist/components/accordions/accordion/RuiAccordion.js

@@ -0,0 +1,7 @@
+import RuiAccordion_vue_vue_type_script_setup_true_lang_default from "./RuiAccordion.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/accordions/accordion/RuiAccordion.vue
+var RuiAccordion_default = RuiAccordion_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiAccordion_default as default };
+
+//# sourceMappingURL=RuiAccordion.js.map

package/dist/components/accordions/accordion/RuiAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiAccordion.js","names":[],"sources":["../../../../src/components/accordions/accordion/RuiAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { VueClassValue } from '@/types/class-value';\nimport Icon from '@/components/icons/RuiIcon.vue';\n\nexport interface RuiAccordionClassNames {\n  root?: VueClassValue;\n  header?: VueClassValue;\n  content?: VueClassValue;\n}\n\nexport interface AccordionProps {\n  open?: boolean;\n  eager?: boolean;\n  headerGrow?: boolean;\n  classNames?: RuiAccordionClassNames;\n  /** @deprecated Use `classNames.header` instead */\n  headerClass?: string;\n  /** @deprecated Use `classNames.content` instead */\n  contentClass?: string;\n}\n\ndefineOptions({\n  name: 'RuiAccordion',\n  inheritAttrs: false,\n});\n\nconst {\n  open = false,\n  eager = false,\n  headerGrow = false,\n  classNames,\n  headerClass = '',\n  contentClass = '',\n} = defineProps<AccordionProps>();\n\nconst emit = defineEmits<{\n  click: [];\n}>();\n\ndefineSlots<{\n  header?: (props: { open: boolean }) => any;\n  default?: () => any;\n}>();\n\nconst inner = useTemplateRef<HTMLDivElement>('inner');\n\nconst triggerId = useId();\nconst contentId = useId();\nconst { height: innerHeight } = useElementSize(inner);\n\nconst contentHeight = computed<string>(() => (open ? `${get(innerHeight)}px` : '0px'));\n\nfunction toggle(): void {\n  emit('click');\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    toggle();\n  }\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-col items-start\"\n    :data-state=\"open ? 'open' : 'closed'\"\n    data-accordion\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"$slots.header\"\n      :id=\"triggerId\"\n      class=\"flex gap-2 items-center cursor-pointer outline-none focus-visible:bg-rui-primary/10 rounded\"\n      :class=\"[classNames?.header ?? headerClass, { 'w-full': headerGrow }]\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"contentId\"\n      data-accordion-trigger\n      @click=\"toggle()\"\n      @keydown=\"onKeydown($event)\"\n    >\n      <div :class=\"{ grow: headerGrow }\">\n        <slot\n          name=\"header\"\n          :open=\"open\"\n        />\n      </div>\n      <Icon\n        class=\"text-rui-text-secondary transition-transform\"\n        :class=\"{ '-rotate-180': open }\"\n        name=\"lu-chevron-down\"\n      />\n    </div>\n    <div\n      v-if=\"open || eager\"\n      :id=\"contentId\"\n      class=\"grow transition-all overflow-hidden w-full\"\n      :class=\"classNames?.content ?? contentClass\"\n      :style=\"{ height: contentHeight }\"\n      role=\"region\"\n      :aria-labelledby=\"triggerId\"\n      data-accordion-content\n    >\n      <div ref=\"inner\">\n        <slot name=\"default\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/accordions/accordion/RuiAccordion.vue.d.ts

@@ -1,8 +1,17 @@
+import type { VueClassValue } from '../../../types/class-value';
+export interface RuiAccordionClassNames {
+    root?: VueClassValue;
+    header?: VueClassValue;
+    content?: VueClassValue;
+}
 export interface AccordionProps {
     open?: boolean;
     eager?: boolean;
     headerGrow?: boolean;
+    classNames?: RuiAccordionClassNames;
+    /** @deprecated Use `classNames.header` instead */
     headerClass?: string;
+    /** @deprecated Use `classNames.content` instead */
     contentClass?: string;
 }
 type __VLS_Slots = {

package/dist/components/accordions/accordion/RuiAccordion.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,88 @@
+import RuiIcon_default from "../../icons/RuiIcon.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, unref, useId, useTemplateRef } from "vue";
+import { useElementSize } from "@vueuse/core";
+import { get as get$1 } from "@vueuse/shared";
+//#region src/components/accordions/accordion/RuiAccordion.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-state"];
+var _hoisted_2 = [
+	"id",
+	"aria-expanded",
+	"aria-controls"
+];
+var _hoisted_3 = ["id", "aria-labelledby"];
+var RuiAccordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiAccordion",
+	inheritAttrs: false,
+	__name: "RuiAccordion",
+	props: {
+		open: {
+			type: Boolean,
+			default: false
+		},
+		eager: {
+			type: Boolean,
+			default: false
+		},
+		headerGrow: {
+			type: Boolean,
+			default: false
+		},
+		classNames: {},
+		headerClass: { default: "" },
+		contentClass: { default: "" }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const inner = useTemplateRef("inner");
+		const triggerId = useId();
+		const contentId = useId();
+		const { height: innerHeight } = useElementSize(inner);
+		const contentHeight = computed(() => __props.open ? `${get$1(innerHeight)}px` : "0px");
+		function toggle() {
+			emit("click");
+		}
+		function onKeydown(event) {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				toggle();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				class: "flex flex-col items-start",
+				"data-state": __props.open ? "open" : "closed",
+				"data-accordion": ""
+			}, _ctx.$attrs), [_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: unref(triggerId),
+				class: normalizeClass(["flex gap-2 items-center cursor-pointer outline-none focus-visible:bg-rui-primary/10 rounded", [__props.classNames?.header ?? __props.headerClass, { "w-full": __props.headerGrow }]]),
+				role: "button",
+				tabindex: "0",
+				"aria-expanded": __props.open,
+				"aria-controls": unref(contentId),
+				"data-accordion-trigger": "",
+				onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
+				onKeydown: _cache[1] || (_cache[1] = ($event) => onKeydown($event))
+			}, [createElementVNode("div", { class: normalizeClass({ grow: __props.headerGrow }) }, [renderSlot(_ctx.$slots, "header", { open: __props.open })], 2), createVNode(RuiIcon_default, {
+				class: normalizeClass(["text-rui-text-secondary transition-transform", { "-rotate-180": __props.open }]),
+				name: "lu-chevron-down"
+			}, null, 8, ["class"])], 42, _hoisted_2)) : createCommentVNode("", true), __props.open || __props.eager ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: unref(contentId),
+				class: normalizeClass(["grow transition-all overflow-hidden w-full", __props.classNames?.content ?? __props.contentClass]),
+				style: normalizeStyle({ height: unref(contentHeight) }),
+				role: "region",
+				"aria-labelledby": unref(triggerId),
+				"data-accordion-content": ""
+			}, [createElementVNode("div", {
+				ref_key: "inner",
+				ref: inner
+			}, [renderSlot(_ctx.$slots, "default")], 512)], 14, _hoisted_3)) : createCommentVNode("", true)], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RuiAccordion_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiAccordion.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/accordions/accordion/RuiAccordion.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiAccordion.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../../src/components/accordions/accordion/RuiAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { VueClassValue } from '@/types/class-value';\nimport Icon from '@/components/icons/RuiIcon.vue';\n\nexport interface RuiAccordionClassNames {\n  root?: VueClassValue;\n  header?: VueClassValue;\n  content?: VueClassValue;\n}\n\nexport interface AccordionProps {\n  open?: boolean;\n  eager?: boolean;\n  headerGrow?: boolean;\n  classNames?: RuiAccordionClassNames;\n  /** @deprecated Use `classNames.header` instead */\n  headerClass?: string;\n  /** @deprecated Use `classNames.content` instead */\n  contentClass?: string;\n}\n\ndefineOptions({\n  name: 'RuiAccordion',\n  inheritAttrs: false,\n});\n\nconst {\n  open = false,\n  eager = false,\n  headerGrow = false,\n  classNames,\n  headerClass = '',\n  contentClass = '',\n} = defineProps<AccordionProps>();\n\nconst emit = defineEmits<{\n  click: [];\n}>();\n\ndefineSlots<{\n  header?: (props: { open: boolean }) => any;\n  default?: () => any;\n}>();\n\nconst inner = useTemplateRef<HTMLDivElement>('inner');\n\nconst triggerId = useId();\nconst contentId = useId();\nconst { height: innerHeight } = useElementSize(inner);\n\nconst contentHeight = computed<string>(() => (open ? `${get(innerHeight)}px` : '0px'));\n\nfunction toggle(): void {\n  emit('click');\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    toggle();\n  }\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-col items-start\"\n    :data-state=\"open ? 'open' : 'closed'\"\n    data-accordion\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"$slots.header\"\n      :id=\"triggerId\"\n      class=\"flex gap-2 items-center cursor-pointer outline-none focus-visible:bg-rui-primary/10 rounded\"\n      :class=\"[classNames?.header ?? headerClass, { 'w-full': headerGrow }]\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"contentId\"\n      data-accordion-trigger\n      @click=\"toggle()\"\n      @keydown=\"onKeydown($event)\"\n    >\n      <div :class=\"{ grow: headerGrow }\">\n        <slot\n          name=\"header\"\n          :open=\"open\"\n        />\n      </div>\n      <Icon\n        class=\"text-rui-text-secondary transition-transform\"\n        :class=\"{ '-rotate-180': open }\"\n        name=\"lu-chevron-down\"\n      />\n    </div>\n    <div\n      v-if=\"open || eager\"\n      :id=\"contentId\"\n      class=\"grow transition-all overflow-hidden w-full\"\n      :class=\"classNames?.content ?? contentClass\"\n      :style=\"{ height: contentHeight }\"\n      role=\"region\"\n      :aria-labelledby=\"triggerId\"\n      data-accordion-content\n    >\n      <div ref=\"inner\">\n        <slot name=\"default\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,OAAO;EASb,MAAM,QAAQ,eAA+B,QAAQ;EAErD,MAAM,YAAY,OAAO;EACzB,MAAM,YAAY,OAAO;EACzB,MAAM,EAAE,QAAQ,gBAAgB,eAAe,MAAM;EAErD,MAAM,gBAAgB,eAAwB,QAAA,OAAO,GAAG,MAAI,YAAY,CAAC,MAAM,MAAO;EAEtF,SAAS,SAAe;AACtB,QAAK,QAAQ;;EAGf,SAAS,UAAU,OAA4B;AAC7C,OAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,UAAM,gBAAgB;AACtB,YAAQ;;;;uBAMV,mBA6CM,OA7CN,WA6CM;IA5CJ,OAAM;IACL,cAAY,QAAA,OAAI,SAAA;IACjB,kBAAA;MACQA,KAAAA,OAAM,EAAA,CAGNC,KAAAA,OAAO,UAAA,WAAA,EADf,mBAwBM,OAAA;;IAtBH,IAAI,MAAA,UAAS;IACd,OAAK,eAAA,CAAC,+FAA6F,CAC1F,QAAA,YAAY,UAAU,QAAA,aAAW,EAAA,UAAc,QAAA,YAAU,CAAA,CAAA,CAAA;IAClE,MAAK;IACL,UAAS;IACR,iBAAe,QAAA;IACf,iBAAe,MAAA,UAAS;IACzB,0BAAA;IACC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAM;IACb,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,UAAU,OAAM;OAE1B,mBAKM,OAAA,EALA,OAAK,eAAA,EAAA,MAAU,QAAA,YAAU,CAAA,EAAA,EAAA,CAC7B,WAGE,KAAA,QAAA,UAAA,EADC,MAAM,QAAA,MAAI,CAAA,CAAA,EAAA,EAAA,EAGf,YAIE,iBAAA;IAHA,OAAK,eAAA,CAAC,gDAA8C,EAAA,eAC3B,QAAA,MAAI,CAAA,CAAA;IAC7B,MAAK;6EAID,QAAA,QAAQ,QAAA,SAAA,WAAA,EADhB,mBAaM,OAAA;;IAXH,IAAI,MAAA,UAAS;IACd,OAAK,eAAA,CAAC,8CACE,QAAA,YAAY,WAAW,QAAA,aAAY,CAAA;IAC1C,OAAK,eAAA,EAAA,QAAY,MAAA,cAAa,EAAA,CAAA;IAC/B,MAAK;IACJ,mBAAiB,MAAA,UAAS;IAC3B,0BAAA;OAEA,mBAEM,OAAA;aAFG;IAAJ,KAAI;OACP,WAAuB,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,CAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/accordions/accordions/RuiAccordions.js

@@ -0,0 +1,7 @@
+import RuiAccordions_vue_vue_type_script_setup_true_lang_default from "./RuiAccordions.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/accordions/accordions/RuiAccordions.vue
+var RuiAccordions_default = RuiAccordions_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiAccordions_default as default };
+
+//# sourceMappingURL=RuiAccordions.js.map

package/dist/components/accordions/accordions/RuiAccordions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiAccordions.js","names":[],"sources":["../../../../src/components/accordions/accordions/RuiAccordions.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nexport interface Props {\n  multiple?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiAccordions',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<number[] | number>({ default: -1 });\n\nconst { multiple = false } = defineProps<Props>();\n\nconst internalValue = ref<number[] | number>();\n\nconst slots = useSlots();\nconst children = computed<VNode[]>(() => {\n  const accordions = slots.default?.() ?? [];\n  const currentValue = get(internalValue);\n\n  return accordions.map((accordion, index) => {\n    const open =\n      multiple && Array.isArray(currentValue)\n        ? currentValue.includes(index)\n        : currentValue === index;\n\n    return {\n      ...accordion,\n      props: {\n        open,\n        ...accordion.props,\n      },\n    };\n  });\n});\n\nfunction updateValue(newModelValue: number): void {\n  let newValue: number[] | number;\n  const internal = get(internalValue);\n  if (multiple && Array.isArray(internal)) {\n    const temp = [...internal];\n    const index = temp.indexOf(newModelValue);\n    if (index === -1)\n      temp.push(newModelValue);\n    else temp.splice(index, 1);\n    newValue = temp;\n  }\n  else {\n    if (internal === newModelValue)\n      newValue = -1;\n    else newValue = newModelValue;\n  }\n  set(modelValue, newValue);\n  set(internalValue, newValue);\n}\n\nwatch(\n  [modelValue, () => multiple],\n  ([value, isMultiple]) => {\n    let internal: number | number[] = value;\n    if (isMultiple && !Array.isArray(internal))\n      internal = internal === -1 ? [] : [internal];\n    else if (!isMultiple && Array.isArray(internal))\n      internal = internal[0] ?? -1;\n\n    set(internalValue, internal);\n  },\n  { immediate: true },\n);\n</script>\n\n<template>\n  <div v-bind=\"$attrs\">\n    <Component\n      :is=\"child\"\n      v-for=\"(child, i) in children\"\n      :key=\"i\"\n      @click=\"updateValue(i)\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/accordions/accordions/RuiAccordions.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, guardReactiveProps, mergeModels, normalizeProps, openBlock, ref, renderList, resolveDynamicComponent, unref, useModel, useSlots, watch } from "vue";
+import { get, set } from "@vueuse/shared";
+//#region src/components/accordions/accordions/RuiAccordions.vue?vue&type=script&setup=true&lang.ts
+var RuiAccordions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiAccordions",
+	inheritAttrs: false,
+	__name: "RuiAccordions",
+	props: /* @__PURE__ */ mergeModels({ multiple: {
+		type: Boolean,
+		default: false
+	} }, {
+		"modelValue": { default: -1 },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const internalValue = ref();
+		const slots = useSlots();
+		const children = computed(() => {
+			const accordions = slots.default?.() ?? [];
+			const currentValue = get(internalValue);
+			return accordions.map((accordion, index) => {
+				const open = __props.multiple && Array.isArray(currentValue) ? currentValue.includes(index) : currentValue === index;
+				return {
+					...accordion,
+					props: {
+						open,
+						...accordion.props
+					}
+				};
+			});
+		});
+		function updateValue(newModelValue) {
+			let newValue;
+			const internal = get(internalValue);
+			if (__props.multiple && Array.isArray(internal)) {
+				const temp = [...internal];
+				const index = temp.indexOf(newModelValue);
+				if (index === -1) temp.push(newModelValue);
+				else temp.splice(index, 1);
+				newValue = temp;
+			} else if (internal === newModelValue) newValue = -1;
+			else newValue = newModelValue;
+			set(modelValue, newValue);
+			set(internalValue, newValue);
+		}
+		watch([modelValue, () => __props.multiple], ([value, isMultiple]) => {
+			let internal = value;
+			if (isMultiple && !Array.isArray(internal)) internal = internal === -1 ? [] : [internal];
+			else if (!isMultiple && Array.isArray(internal)) internal = internal[0] ?? -1;
+			set(internalValue, internal);
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(_ctx.$attrs)), [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
+				return openBlock(), createBlock(resolveDynamicComponent(child), {
+					key: i,
+					onClick: ($event) => updateValue(i)
+				}, null, 8, ["onClick"]);
+			}), 128))], 16);
+		};
+	}
+});
+//#endregion
+export { RuiAccordions_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiAccordions.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/accordions/accordions/RuiAccordions.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiAccordions.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../src/components/accordions/accordions/RuiAccordions.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nexport interface Props {\n  multiple?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiAccordions',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<number[] | number>({ default: -1 });\n\nconst { multiple = false } = defineProps<Props>();\n\nconst internalValue = ref<number[] | number>();\n\nconst slots = useSlots();\nconst children = computed<VNode[]>(() => {\n  const accordions = slots.default?.() ?? [];\n  const currentValue = get(internalValue);\n\n  return accordions.map((accordion, index) => {\n    const open =\n      multiple && Array.isArray(currentValue)\n        ? currentValue.includes(index)\n        : currentValue === index;\n\n    return {\n      ...accordion,\n      props: {\n        open,\n        ...accordion.props,\n      },\n    };\n  });\n});\n\nfunction updateValue(newModelValue: number): void {\n  let newValue: number[] | number;\n  const internal = get(internalValue);\n  if (multiple && Array.isArray(internal)) {\n    const temp = [...internal];\n    const index = temp.indexOf(newModelValue);\n    if (index === -1)\n      temp.push(newModelValue);\n    else temp.splice(index, 1);\n    newValue = temp;\n  }\n  else {\n    if (internal === newModelValue)\n      newValue = -1;\n    else newValue = newModelValue;\n  }\n  set(modelValue, newValue);\n  set(internalValue, newValue);\n}\n\nwatch(\n  [modelValue, () => multiple],\n  ([value, isMultiple]) => {\n    let internal: number | number[] = value;\n    if (isMultiple && !Array.isArray(internal))\n      internal = internal === -1 ? [] : [internal];\n    else if (!isMultiple && Array.isArray(internal))\n      internal = internal[0] ?? -1;\n\n    set(internalValue, internal);\n  },\n  { immediate: true },\n);\n</script>\n\n<template>\n  <div v-bind=\"$attrs\">\n    <Component\n      :is=\"child\"\n      v-for=\"(child, i) in children\"\n      :key=\"i\"\n      @click=\"updateValue(i)\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAUA,MAAM,aAAa,SAA8B,SAAA,aAAiB;EAIlE,MAAM,gBAAgB,KAAwB;EAE9C,MAAM,QAAQ,UAAU;EACxB,MAAM,WAAW,eAAwB;GACvC,MAAM,aAAa,MAAM,WAAW,IAAI,EAAE;GAC1C,MAAM,eAAe,IAAI,cAAc;AAEvC,UAAO,WAAW,KAAK,WAAW,UAAU;IAC1C,MAAM,OACJ,QAAA,YAAY,MAAM,QAAQ,aAAY,GAClC,aAAa,SAAS,MAAK,GAC3B,iBAAiB;AAEvB,WAAO;KACL,GAAG;KACH,OAAO;MACL;MACA,GAAG,UAAU;;KAEhB;KACD;IACF;EAEF,SAAS,YAAY,eAA6B;GAChD,IAAI;GACJ,MAAM,WAAW,IAAI,cAAc;AACnC,OAAI,QAAA,YAAY,MAAM,QAAQ,SAAS,EAAE;IACvC,MAAM,OAAO,CAAC,GAAG,SAAS;IAC1B,MAAM,QAAQ,KAAK,QAAQ,cAAc;AACzC,QAAI,UAAU,GACZ,MAAK,KAAK,cAAc;QACrB,MAAK,OAAO,OAAO,EAAE;AAC1B,eAAW;cAGP,aAAa,cACf,YAAW;OACR,YAAW;AAElB,OAAI,YAAY,SAAS;AACzB,OAAI,eAAe,SAAS;;AAG9B,QACE,CAAC,kBAAkB,QAAA,SAAS,GAC3B,CAAC,OAAO,gBAAgB;GACvB,IAAI,WAA8B;AAClC,OAAI,cAAc,CAAC,MAAM,QAAQ,SAAS,CACxC,YAAW,aAAa,KAAK,EAAE,GAAG,CAAC,SAAS;YACrC,CAAC,cAAc,MAAM,QAAQ,SAAS,CAC7C,YAAW,SAAS,MAAM;AAE5B,OAAI,eAAe,SAAS;KAE9B,EAAE,WAAW,MAAM,CACpB;;uBAIC,mBAOM,OAAA,eAAA,mBAPOA,KAAAA,OAAM,CAAA,EAAA,EAAA,UAAA,KAAA,EACjB,mBAKE,UAAA,MAAA,WAHqB,MAAA,SAAQ,GAArB,OAAO,MAAC;wBAFlB,YAKE,wBAJK,MAAK,EAAA;KAET,KAAK;KACL,UAAK,WAAE,YAAY,EAAA"}

package/dist/components/alerts/RuiAlert.js

@@ -0,0 +1,7 @@
+import RuiAlert_vue_vue_type_script_setup_true_lang_default from "./RuiAlert.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/alerts/RuiAlert.vue
+var RuiAlert_default = RuiAlert_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiAlert_default as default };
+
+//# sourceMappingURL=RuiAlert.js.map

package/dist/components/alerts/RuiAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiAlert.js","names":[],"sources":["../../../src/components/alerts/RuiAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  title?: string;\n  description?: string;\n  type?: ContextColorsType;\n  icon?: RuiIcons;\n  variant?: 'default' | 'filled' | 'outlined';\n  actionText?: string;\n  closeable?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiAlert',\n  inheritAttrs: false,\n});\n\nconst {\n  title = '',\n  description = '',\n  type = 'primary',\n  icon = undefined,\n  variant = 'default',\n  actionText = '',\n  closeable = false,\n} = defineProps<Props>();\n\nconst emit = defineEmits<{\n  action: [];\n  close: [];\n}>();\n\ndefineSlots<{\n  title?: () => any;\n  default?: () => any;\n}>();\n\nconst alertStyles = tv({\n  slots: {\n    root: 'px-4 py-2.5 rounded flex space-x-4',\n    content: 'flex space-x-3 py-1 flex-grow',\n    icon: '',\n    texts: 'space-y-1 flex-grow',\n    action: '',\n    close: '',\n  },\n  variants: {\n    variant: {\n      default: {},\n      filled: {\n        icon: '!text-rui-dark-text',\n        texts: '!text-rui-dark-text',\n        action: '!text-rui-dark-text',\n        close: '!text-rui-dark-text',\n      },\n      outlined: { root: 'border m-[-1px] bg-white dark:bg-black' },\n    },\n    type: {\n      primary: {},\n      secondary: {},\n      error: {},\n      warning: {},\n      info: {},\n      success: {},\n    },\n  },\n  compoundVariants: [\n    // Default variant backgrounds\n    {\n      variant: 'default',\n      type: 'primary',\n      class: { root: 'bg-rui-primary bg-tint-[.9] color-mix-supported:bg-rui-primary-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-primary-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'secondary',\n      class: { root: 'bg-rui-secondary bg-tint-[.9] color-mix-supported:bg-rui-secondary-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-secondary-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'error',\n      class: { root: 'bg-rui-error bg-tint-[.9] color-mix-supported:bg-rui-error-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-error-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'warning',\n      class: { root: 'bg-rui-warning bg-tint-[.9] color-mix-supported:bg-rui-warning-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-warning-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'info',\n      class: { root: 'bg-rui-info bg-tint-[.9] color-mix-supported:bg-rui-info-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-info-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'success',\n      class: { root: 'bg-rui-success bg-tint-[.9] color-mix-supported:bg-rui-success-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-success-shade/[.9]' },\n    },\n\n    // Filled variant backgrounds\n    { variant: 'filled', type: 'primary', class: { root: 'bg-rui-primary' } },\n    { variant: 'filled', type: 'secondary', class: { root: 'bg-rui-secondary' } },\n    { variant: 'filled', type: 'error', class: { root: 'bg-rui-error' } },\n    { variant: 'filled', type: 'warning', class: { root: 'bg-rui-warning' } },\n    { variant: 'filled', type: 'info', class: { root: 'bg-rui-info' } },\n    { variant: 'filled', type: 'success', class: { root: 'bg-rui-success' } },\n\n    // Filled dark text override for warning/success/info\n    {\n      variant: 'filled',\n      type: ['warning', 'success', 'info'],\n      class: { root: 'dark:!text-rui-light-text' },\n    },\n\n    // Outlined variant borders\n    { variant: 'outlined', type: 'primary', class: { root: 'border-rui-primary' } },\n    { variant: 'outlined', type: 'secondary', class: { root: 'border-rui-secondary' } },\n    { variant: 'outlined', type: 'error', class: { root: 'border-rui-error' } },\n    { variant: 'outlined', type: 'warning', class: { root: 'border-rui-warning' } },\n    { variant: 'outlined', type: 'info', class: { root: 'border-rui-info' } },\n    { variant: 'outlined', type: 'success', class: { root: 'border-rui-success' } },\n\n  ],\n  compoundSlots: [\n    // Content text colors for default + outlined (shared across all content slots)\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'primary',\n      class: 'text-rui-primary text-shade-[.6] color-mix-supported:text-rui-primary-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-primary-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'secondary',\n      class: 'text-rui-secondary text-shade-[.6] color-mix-supported:text-rui-secondary-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-secondary-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'error',\n      class: 'text-rui-error text-shade-[.6] color-mix-supported:text-rui-error-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-error-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'warning',\n      class: 'text-rui-warning text-shade-[.6] color-mix-supported:text-rui-warning-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-warning-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'info',\n      class: 'text-rui-info text-shade-[.6] color-mix-supported:text-rui-info-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-info-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'success',\n      class: 'text-rui-success text-shade-[.6] color-mix-supported:text-rui-success-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-success-tint/[.6]',\n    },\n\n    // Icon-only dark mode base color\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'primary', class: 'dark:text-rui-primary' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'secondary', class: 'dark:text-rui-secondary' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'error', class: 'dark:text-rui-error' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'warning', class: 'dark:text-rui-warning' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'info', class: 'dark:text-rui-info' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'success', class: 'dark:text-rui-success' },\n  ],\n});\n\nconst ui = computed<ReturnType<typeof alertStyles>>(() => alertStyles({ variant, type }));\n\nconst usedIcon = computed<RuiIcons | undefined>(() => {\n  if (icon)\n    return icon;\n\n  const iconMap: Record<ContextColorsType, RuiIcons | undefined> = {\n    primary: undefined,\n    secondary: undefined,\n    warning: 'lu-triangle-alert',\n    info: 'lu-info',\n    error: 'lu-circle-alert',\n    success: 'lu-circle-check',\n  };\n\n  return iconMap[type];\n});\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n    :data-variant=\"variant\"\n    :data-type=\"type\"\n  >\n    <div :class=\"ui.content()\">\n      <div\n        v-if=\"usedIcon\"\n        :class=\"ui.icon()\"\n      >\n        <RuiIcon\n          :name=\"usedIcon\"\n          size=\"22\"\n        />\n      </div>\n      <div :class=\"ui.texts()\">\n        <div\n          v-if=\"$slots.title || title\"\n          :class=\"{\n            'font-medium': !!title,\n          }\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </div>\n\n        <div\n          v-if=\"$slots.default || description\"\n          class=\"text-body-2\"\n        >\n          <slot>\n            {{ description }}\n          </slot>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"actionText\">\n      <RuiButton\n        variant=\"text\"\n        size=\"sm\"\n        :color=\"variant === 'filled' ? undefined : type\"\n        :class=\"ui.action()\"\n        data-id=\"alert-action\"\n        @click=\"emit('action')\"\n      >\n        {{ actionText }}\n      </RuiButton>\n    </div>\n    <div v-if=\"closeable\">\n      <RuiButton\n        :color=\"variant === 'filled' ? undefined : type\"\n        size=\"sm\"\n        icon\n        variant=\"text\"\n        :class=\"ui.close()\"\n        data-id=\"alert-close\"\n        @click=\"emit('close')\"\n      >\n        <RuiIcon\n          name=\"lu-x\"\n          size=\"20\"\n        />\n      </RuiButton>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/alerts/RuiAlert.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,330 @@
+import { tv } from "../../utils/tv.js";
+import RuiIcon_default from "../icons/RuiIcon.js";
+import RuiButton_default from "../buttons/button/RuiButton.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/alerts/RuiAlert.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-variant", "data-type"];
+var _hoisted_2 = {
+	key: 1,
+	class: "text-body-2"
+};
+var _hoisted_3 = { key: 0 };
+var _hoisted_4 = { key: 1 };
+var RuiAlert_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiAlert",
+	inheritAttrs: false,
+	__name: "RuiAlert",
+	props: {
+		title: { default: "" },
+		description: { default: "" },
+		type: { default: "primary" },
+		icon: { default: () => void 0 },
+		variant: { default: "default" },
+		actionText: { default: "" },
+		closeable: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["action", "close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const alertStyles = tv({
+			slots: {
+				root: "px-4 py-2.5 rounded flex space-x-4",
+				content: "flex space-x-3 py-1 flex-grow",
+				icon: "",
+				texts: "space-y-1 flex-grow",
+				action: "",
+				close: ""
+			},
+			variants: {
+				variant: {
+					default: {},
+					filled: {
+						icon: "!text-rui-dark-text",
+						texts: "!text-rui-dark-text",
+						action: "!text-rui-dark-text",
+						close: "!text-rui-dark-text"
+					},
+					outlined: { root: "border m-[-1px] bg-white dark:bg-black" }
+				},
+				type: {
+					primary: {},
+					secondary: {},
+					error: {},
+					warning: {},
+					info: {},
+					success: {}
+				}
+			},
+			compoundVariants: [
+				{
+					variant: "default",
+					type: "primary",
+					class: { root: "bg-rui-primary bg-tint-[.9] color-mix-supported:bg-rui-primary-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-primary-shade/[.9]" }
+				},
+				{
+					variant: "default",
+					type: "secondary",
+					class: { root: "bg-rui-secondary bg-tint-[.9] color-mix-supported:bg-rui-secondary-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-secondary-shade/[.9]" }
+				},
+				{
+					variant: "default",
+					type: "error",
+					class: { root: "bg-rui-error bg-tint-[.9] color-mix-supported:bg-rui-error-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-error-shade/[.9]" }
+				},
+				{
+					variant: "default",
+					type: "warning",
+					class: { root: "bg-rui-warning bg-tint-[.9] color-mix-supported:bg-rui-warning-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-warning-shade/[.9]" }
+				},
+				{
+					variant: "default",
+					type: "info",
+					class: { root: "bg-rui-info bg-tint-[.9] color-mix-supported:bg-rui-info-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-info-shade/[.9]" }
+				},
+				{
+					variant: "default",
+					type: "success",
+					class: { root: "bg-rui-success bg-tint-[.9] color-mix-supported:bg-rui-success-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-success-shade/[.9]" }
+				},
+				{
+					variant: "filled",
+					type: "primary",
+					class: { root: "bg-rui-primary" }
+				},
+				{
+					variant: "filled",
+					type: "secondary",
+					class: { root: "bg-rui-secondary" }
+				},
+				{
+					variant: "filled",
+					type: "error",
+					class: { root: "bg-rui-error" }
+				},
+				{
+					variant: "filled",
+					type: "warning",
+					class: { root: "bg-rui-warning" }
+				},
+				{
+					variant: "filled",
+					type: "info",
+					class: { root: "bg-rui-info" }
+				},
+				{
+					variant: "filled",
+					type: "success",
+					class: { root: "bg-rui-success" }
+				},
+				{
+					variant: "filled",
+					type: [
+						"warning",
+						"success",
+						"info"
+					],
+					class: { root: "dark:!text-rui-light-text" }
+				},
+				{
+					variant: "outlined",
+					type: "primary",
+					class: { root: "border-rui-primary" }
+				},
+				{
+					variant: "outlined",
+					type: "secondary",
+					class: { root: "border-rui-secondary" }
+				},
+				{
+					variant: "outlined",
+					type: "error",
+					class: { root: "border-rui-error" }
+				},
+				{
+					variant: "outlined",
+					type: "warning",
+					class: { root: "border-rui-warning" }
+				},
+				{
+					variant: "outlined",
+					type: "info",
+					class: { root: "border-rui-info" }
+				},
+				{
+					variant: "outlined",
+					type: "success",
+					class: { root: "border-rui-success" }
+				}
+			],
+			compoundSlots: [
+				{
+					slots: [
+						"icon",
+						"texts",
+						"action",
+						"close"
+					],
+					variant: ["default", "outlined"],
+					type: "primary",
+					class: "text-rui-primary text-shade-[.6] color-mix-supported:text-rui-primary-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-primary-tint/[.6]"
+				},
+				{
+					slots: [
+						"icon",
+						"texts",
+						"action",
+						"close"
+					],
+					variant: ["default", "outlined"],
+					type: "secondary",
+					class: "text-rui-secondary text-shade-[.6] color-mix-supported:text-rui-secondary-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-secondary-tint/[.6]"
+				},
+				{
+					slots: [
+						"icon",
+						"texts",
+						"action",
+						"close"
+					],
+					variant: ["default", "outlined"],
+					type: "error",
+					class: "text-rui-error text-shade-[.6] color-mix-supported:text-rui-error-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-error-tint/[.6]"
+				},
+				{
+					slots: [
+						"icon",
+						"texts",
+						"action",
+						"close"
+					],
+					variant: ["default", "outlined"],
+					type: "warning",
+					class: "text-rui-warning text-shade-[.6] color-mix-supported:text-rui-warning-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-warning-tint/[.6]"
+				},
+				{
+					slots: [
+						"icon",
+						"texts",
+						"action",
+						"close"
+					],
+					variant: ["default", "outlined"],
+					type: "info",
+					class: "text-rui-info text-shade-[.6] color-mix-supported:text-rui-info-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-info-tint/[.6]"
+				},
+				{
+					slots: [
+						"icon",
+						"texts",
+						"action",
+						"close"
+					],
+					variant: ["default", "outlined"],
+					type: "success",
+					class: "text-rui-success text-shade-[.6] color-mix-supported:text-rui-success-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-success-tint/[.6]"
+				},
+				{
+					slots: ["icon"],
+					variant: ["default", "outlined"],
+					type: "primary",
+					class: "dark:text-rui-primary"
+				},
+				{
+					slots: ["icon"],
+					variant: ["default", "outlined"],
+					type: "secondary",
+					class: "dark:text-rui-secondary"
+				},
+				{
+					slots: ["icon"],
+					variant: ["default", "outlined"],
+					type: "error",
+					class: "dark:text-rui-error"
+				},
+				{
+					slots: ["icon"],
+					variant: ["default", "outlined"],
+					type: "warning",
+					class: "dark:text-rui-warning"
+				},
+				{
+					slots: ["icon"],
+					variant: ["default", "outlined"],
+					type: "info",
+					class: "dark:text-rui-info"
+				},
+				{
+					slots: ["icon"],
+					variant: ["default", "outlined"],
+					type: "success",
+					class: "dark:text-rui-success"
+				}
+			]
+		});
+		const ui = computed(() => alertStyles({
+			variant: __props.variant,
+			type: __props.type
+		}));
+		const usedIcon = computed(() => {
+			if (__props.icon) return __props.icon;
+			return {
+				primary: void 0,
+				secondary: void 0,
+				warning: "lu-triangle-alert",
+				info: "lu-info",
+				error: "lu-circle-alert",
+				success: "lu-circle-check"
+			}[__props.type];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ class: unref(ui).root() }, _ctx.$attrs, {
+				"data-variant": __props.variant,
+				"data-type": __props.type
+			}), [
+				createElementVNode("div", { class: normalizeClass(unref(ui).content()) }, [unref(usedIcon) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(ui).icon())
+				}, [createVNode(RuiIcon_default, {
+					name: unref(usedIcon),
+					size: "22"
+				}, null, 8, ["name"])], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(ui).texts()) }, [_ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass({ "font-medium": !!__props.title })
+				}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true), _ctx.$slots.default || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true)], 2)], 2),
+				__props.actionText ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(RuiButton_default, {
+					variant: "text",
+					size: "sm",
+					color: __props.variant === "filled" ? void 0 : __props.type,
+					class: normalizeClass(unref(ui).action()),
+					"data-id": "alert-action",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("action"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.actionText), 1)]),
+					_: 1
+				}, 8, ["color", "class"])])) : createCommentVNode("", true),
+				__props.closeable ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(RuiButton_default, {
+					color: __props.variant === "filled" ? void 0 : __props.type,
+					size: "sm",
+					icon: "",
+					variant: "text",
+					class: normalizeClass(unref(ui).close()),
+					"data-id": "alert-close",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
+				}, {
+					default: withCtx(() => [createVNode(RuiIcon_default, {
+						name: "lu-x",
+						size: "20"
+					})]),
+					_: 1
+				}, 8, ["color", "class"])])) : createCommentVNode("", true)
+			], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RuiAlert_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiAlert.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/alerts/RuiAlert.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiAlert.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/alerts/RuiAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  title?: string;\n  description?: string;\n  type?: ContextColorsType;\n  icon?: RuiIcons;\n  variant?: 'default' | 'filled' | 'outlined';\n  actionText?: string;\n  closeable?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiAlert',\n  inheritAttrs: false,\n});\n\nconst {\n  title = '',\n  description = '',\n  type = 'primary',\n  icon = undefined,\n  variant = 'default',\n  actionText = '',\n  closeable = false,\n} = defineProps<Props>();\n\nconst emit = defineEmits<{\n  action: [];\n  close: [];\n}>();\n\ndefineSlots<{\n  title?: () => any;\n  default?: () => any;\n}>();\n\nconst alertStyles = tv({\n  slots: {\n    root: 'px-4 py-2.5 rounded flex space-x-4',\n    content: 'flex space-x-3 py-1 flex-grow',\n    icon: '',\n    texts: 'space-y-1 flex-grow',\n    action: '',\n    close: '',\n  },\n  variants: {\n    variant: {\n      default: {},\n      filled: {\n        icon: '!text-rui-dark-text',\n        texts: '!text-rui-dark-text',\n        action: '!text-rui-dark-text',\n        close: '!text-rui-dark-text',\n      },\n      outlined: { root: 'border m-[-1px] bg-white dark:bg-black' },\n    },\n    type: {\n      primary: {},\n      secondary: {},\n      error: {},\n      warning: {},\n      info: {},\n      success: {},\n    },\n  },\n  compoundVariants: [\n    // Default variant backgrounds\n    {\n      variant: 'default',\n      type: 'primary',\n      class: { root: 'bg-rui-primary bg-tint-[.9] color-mix-supported:bg-rui-primary-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-primary-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'secondary',\n      class: { root: 'bg-rui-secondary bg-tint-[.9] color-mix-supported:bg-rui-secondary-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-secondary-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'error',\n      class: { root: 'bg-rui-error bg-tint-[.9] color-mix-supported:bg-rui-error-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-error-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'warning',\n      class: { root: 'bg-rui-warning bg-tint-[.9] color-mix-supported:bg-rui-warning-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-warning-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'info',\n      class: { root: 'bg-rui-info bg-tint-[.9] color-mix-supported:bg-rui-info-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-info-shade/[.9]' },\n    },\n    {\n      variant: 'default',\n      type: 'success',\n      class: { root: 'bg-rui-success bg-tint-[.9] color-mix-supported:bg-rui-success-tint/[.9] dark:bg-shade-[.9] dark:color-mix-supported:bg-rui-success-shade/[.9]' },\n    },\n\n    // Filled variant backgrounds\n    { variant: 'filled', type: 'primary', class: { root: 'bg-rui-primary' } },\n    { variant: 'filled', type: 'secondary', class: { root: 'bg-rui-secondary' } },\n    { variant: 'filled', type: 'error', class: { root: 'bg-rui-error' } },\n    { variant: 'filled', type: 'warning', class: { root: 'bg-rui-warning' } },\n    { variant: 'filled', type: 'info', class: { root: 'bg-rui-info' } },\n    { variant: 'filled', type: 'success', class: { root: 'bg-rui-success' } },\n\n    // Filled dark text override for warning/success/info\n    {\n      variant: 'filled',\n      type: ['warning', 'success', 'info'],\n      class: { root: 'dark:!text-rui-light-text' },\n    },\n\n    // Outlined variant borders\n    { variant: 'outlined', type: 'primary', class: { root: 'border-rui-primary' } },\n    { variant: 'outlined', type: 'secondary', class: { root: 'border-rui-secondary' } },\n    { variant: 'outlined', type: 'error', class: { root: 'border-rui-error' } },\n    { variant: 'outlined', type: 'warning', class: { root: 'border-rui-warning' } },\n    { variant: 'outlined', type: 'info', class: { root: 'border-rui-info' } },\n    { variant: 'outlined', type: 'success', class: { root: 'border-rui-success' } },\n\n  ],\n  compoundSlots: [\n    // Content text colors for default + outlined (shared across all content slots)\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'primary',\n      class: 'text-rui-primary text-shade-[.6] color-mix-supported:text-rui-primary-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-primary-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'secondary',\n      class: 'text-rui-secondary text-shade-[.6] color-mix-supported:text-rui-secondary-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-secondary-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'error',\n      class: 'text-rui-error text-shade-[.6] color-mix-supported:text-rui-error-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-error-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'warning',\n      class: 'text-rui-warning text-shade-[.6] color-mix-supported:text-rui-warning-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-warning-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'info',\n      class: 'text-rui-info text-shade-[.6] color-mix-supported:text-rui-info-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-info-tint/[.6]',\n    },\n    {\n      slots: ['icon', 'texts', 'action', 'close'],\n      variant: ['default', 'outlined'],\n      type: 'success',\n      class: 'text-rui-success text-shade-[.6] color-mix-supported:text-rui-success-shade/[.6] color-mix-supported:animate-none dark:text-tint-[.6] dark:color-mix-supported:text-rui-success-tint/[.6]',\n    },\n\n    // Icon-only dark mode base color\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'primary', class: 'dark:text-rui-primary' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'secondary', class: 'dark:text-rui-secondary' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'error', class: 'dark:text-rui-error' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'warning', class: 'dark:text-rui-warning' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'info', class: 'dark:text-rui-info' },\n    { slots: ['icon'], variant: ['default', 'outlined'], type: 'success', class: 'dark:text-rui-success' },\n  ],\n});\n\nconst ui = computed<ReturnType<typeof alertStyles>>(() => alertStyles({ variant, type }));\n\nconst usedIcon = computed<RuiIcons | undefined>(() => {\n  if (icon)\n    return icon;\n\n  const iconMap: Record<ContextColorsType, RuiIcons | undefined> = {\n    primary: undefined,\n    secondary: undefined,\n    warning: 'lu-triangle-alert',\n    info: 'lu-info',\n    error: 'lu-circle-alert',\n    success: 'lu-circle-check',\n  };\n\n  return iconMap[type];\n});\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n    :data-variant=\"variant\"\n    :data-type=\"type\"\n  >\n    <div :class=\"ui.content()\">\n      <div\n        v-if=\"usedIcon\"\n        :class=\"ui.icon()\"\n      >\n        <RuiIcon\n          :name=\"usedIcon\"\n          size=\"22\"\n        />\n      </div>\n      <div :class=\"ui.texts()\">\n        <div\n          v-if=\"$slots.title || title\"\n          :class=\"{\n            'font-medium': !!title,\n          }\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </div>\n\n        <div\n          v-if=\"$slots.default || description\"\n          class=\"text-body-2\"\n        >\n          <slot>\n            {{ description }}\n          </slot>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"actionText\">\n      <RuiButton\n        variant=\"text\"\n        size=\"sm\"\n        :color=\"variant === 'filled' ? undefined : type\"\n        :class=\"ui.action()\"\n        data-id=\"alert-action\"\n        @click=\"emit('action')\"\n      >\n        {{ actionText }}\n      </RuiButton>\n    </div>\n    <div v-if=\"closeable\">\n      <RuiButton\n        :color=\"variant === 'filled' ? undefined : type\"\n        size=\"sm\"\n        icon\n        variant=\"text\"\n        :class=\"ui.close()\"\n        data-id=\"alert-close\"\n        @click=\"emit('close')\"\n      >\n        <RuiIcon\n          name=\"lu-x\"\n          size=\"20\"\n        />\n      </RuiButton>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,OAAO;EAUb,MAAM,cAAc,GAAG;GACrB,OAAO;IACL,MAAM;IACN,SAAS;IACT,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACR;GACD,UAAU;IACR,SAAS;KACP,SAAS,EAAE;KACX,QAAQ;MACN,MAAM;MACN,OAAO;MACP,QAAQ;MACR,OAAO;MACR;KACD,UAAU,EAAE,MAAM,0CAAA;KACnB;IACD,MAAM;KACJ,SAAS,EAAE;KACX,WAAW,EAAE;KACb,OAAO,EAAE;KACT,SAAS,EAAE;KACX,MAAM,EAAE;KACR,SAAS,EAAA;;IAEZ;GACD,kBAAkB;IAEhB;KACE,SAAS;KACT,MAAM;KACN,OAAO,EAAE,MAAM,kJAAA;KAChB;IACD;KACE,SAAS;KACT,MAAM;KACN,OAAO,EAAE,MAAM,wJAAA;KAChB;IACD;KACE,SAAS;KACT,MAAM;KACN,OAAO,EAAE,MAAM,4IAAA;KAChB;IACD;KACE,SAAS;KACT,MAAM;KACN,OAAO,EAAE,MAAM,kJAAA;KAChB;IACD;KACE,SAAS;KACT,MAAM;KACN,OAAO,EAAE,MAAM,yIAAA;KAChB;IACD;KACE,SAAS;KACT,MAAM;KACN,OAAO,EAAE,MAAM,kJAAA;KAChB;IAGD;KAAE,SAAS;KAAU,MAAM;KAAW,OAAO,EAAE,MAAM,kBAAA;KAAoB;IACzE;KAAE,SAAS;KAAU,MAAM;KAAa,OAAO,EAAE,MAAM,oBAAA;KAAsB;IAC7E;KAAE,SAAS;KAAU,MAAM;KAAS,OAAO,EAAE,MAAM,gBAAA;KAAkB;IACrE;KAAE,SAAS;KAAU,MAAM;KAAW,OAAO,EAAE,MAAM,kBAAA;KAAoB;IACzE;KAAE,SAAS;KAAU,MAAM;KAAQ,OAAO,EAAE,MAAM,eAAA;KAAiB;IACnE;KAAE,SAAS;KAAU,MAAM;KAAW,OAAO,EAAE,MAAM,kBAAA;KAAoB;IAGzE;KACE,SAAS;KACT,MAAM;MAAC;MAAW;MAAW;MAAO;KACpC,OAAO,EAAE,MAAM,6BAAA;KAChB;IAGD;KAAE,SAAS;KAAY,MAAM;KAAW,OAAO,EAAE,MAAM,sBAAA;KAAwB;IAC/E;KAAE,SAAS;KAAY,MAAM;KAAa,OAAO,EAAE,MAAM,wBAAA;KAA0B;IACnF;KAAE,SAAS;KAAY,MAAM;KAAS,OAAO,EAAE,MAAM,oBAAA;KAAsB;IAC3E;KAAE,SAAS;KAAY,MAAM;KAAW,OAAO,EAAE,MAAM,sBAAA;KAAwB;IAC/E;KAAE,SAAS;KAAY,MAAM;KAAQ,OAAO,EAAE,MAAM,mBAAA;KAAqB;IACzE;KAAE,SAAS;KAAY,MAAM;KAAW,OAAO,EAAE,MAAM,sBAAA;;IAExD;GACD,eAAe;IAEb;KACE,OAAO;MAAC;MAAQ;MAAS;MAAU;MAAQ;KAC3C,SAAS,CAAC,WAAW,WAAW;KAChC,MAAM;KACN,OAAO;KACR;IACD;KACE,OAAO;MAAC;MAAQ;MAAS;MAAU;MAAQ;KAC3C,SAAS,CAAC,WAAW,WAAW;KAChC,MAAM;KACN,OAAO;KACR;IACD;KACE,OAAO;MAAC;MAAQ;MAAS;MAAU;MAAQ;KAC3C,SAAS,CAAC,WAAW,WAAW;KAChC,MAAM;KACN,OAAO;KACR;IACD;KACE,OAAO;MAAC;MAAQ;MAAS;MAAU;MAAQ;KAC3C,SAAS,CAAC,WAAW,WAAW;KAChC,MAAM;KACN,OAAO;KACR;IACD;KACE,OAAO;MAAC;MAAQ;MAAS;MAAU;MAAQ;KAC3C,SAAS,CAAC,WAAW,WAAW;KAChC,MAAM;KACN,OAAO;KACR;IACD;KACE,OAAO;MAAC;MAAQ;MAAS;MAAU;MAAQ;KAC3C,SAAS,CAAC,WAAW,WAAW;KAChC,MAAM;KACN,OAAO;KACR;IAGD;KAAE,OAAO,CAAC,OAAO;KAAE,SAAS,CAAC,WAAW,WAAW;KAAE,MAAM;KAAW,OAAO;KAAyB;IACtG;KAAE,OAAO,CAAC,OAAO;KAAE,SAAS,CAAC,WAAW,WAAW;KAAE,MAAM;KAAa,OAAO;KAA2B;IAC1G;KAAE,OAAO,CAAC,OAAO;KAAE,SAAS,CAAC,WAAW,WAAW;KAAE,MAAM;KAAS,OAAO;KAAuB;IAClG;KAAE,OAAO,CAAC,OAAO;KAAE,SAAS,CAAC,WAAW,WAAW;KAAE,MAAM;KAAW,OAAO;KAAyB;IACtG;KAAE,OAAO,CAAC,OAAO;KAAE,SAAS,CAAC,WAAW,WAAW;KAAE,MAAM;KAAQ,OAAO;KAAsB;IAChG;KAAE,OAAO,CAAC,OAAO;KAAE,SAAS,CAAC,WAAW,WAAW;KAAE,MAAM;KAAW,OAAO;;;GAEhF,CAAC;EAEF,MAAM,KAAK,eAA+C,YAAY;GAAE,SAAM,QAAA;GAAG,MAAG,QAAA;GAAG,CAAC,CAAC;EAEzF,MAAM,WAAW,eAAqC;AACpD,OAAI,QAAA,KACF,QAAO,QAAA;AAWT,UATiE;IAC/D,SAAS,KAAA;IACT,WAAW,KAAA;IACX,SAAS;IACT,MAAM;IACN,OAAO;IACP,SAAS;IACV,CAEc,QAAA;IACf;;uBAIA,mBAkEM,OAlEN,WAkEM,EAjEH,OAAO,MAAA,GAAE,CAAC,MAAI,EAAA,EACPA,KAAAA,QAAM;IACb,gBAAc,QAAA;IACd,aAAW,QAAA;;IAEZ,mBA+BM,OAAA,EA/BA,OAAK,eAAE,MAAA,GAAE,CAAC,SAAO,CAAA,EAAA,EAAA,CAEb,MAAA,SAAQ,IAAA,WAAA,EADhB,mBAQM,OAAA;;KANH,OAAK,eAAE,MAAA,GAAE,CAAC,MAAI,CAAA;QAEf,YAGE,iBAAA;KAFC,MAAM,MAAA,SAAQ;KACf,MAAK;gEAGT,mBAoBM,OAAA,EApBA,OAAK,eAAE,MAAA,GAAE,CAAC,OAAK,CAAA,EAAA,EAAA,CAEXC,KAAAA,OAAO,SAAS,QAAA,SAAA,WAAA,EADxB,mBASM,OAAA;;KAPH,OAAK,eAAA,EAAA,eAAA,CAAA,CAAiC,QAAA,OAAA,CAAA;QAIvC,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAKJA,KAAAA,OAAO,WAAW,QAAA,eAAA,WAAA,EAD1B,mBAOM,OAPN,YAOM,CAHJ,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA;IAKX,QAAA,cAAA,WAAA,EAAX,mBAWM,OAAA,YAAA,CAVJ,YASY,mBAAA;KARV,SAAQ;KACR,MAAK;KACJ,OAAO,QAAA,YAAO,WAAgB,KAAA,IAAY,QAAA;KAC1C,OAAK,eAAE,MAAA,GAAE,CAAC,QAAM,CAAA;KACjB,WAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;4BAEI,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;;IAGN,QAAA,aAAA,WAAA,EAAX,mBAeM,OAAA,YAAA,CAdJ,YAaY,mBAAA;KAZT,OAAO,QAAA,YAAO,WAAgB,KAAA,IAAY,QAAA;KAC3C,MAAK;KACL,MAAA;KACA,SAAQ;KACP,OAAK,eAAE,MAAA,GAAE,CAAC,OAAK,CAAA;KAChB,WAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;4BAKV,CAHF,YAGE,iBAAA;MAFA,MAAK;MACL,MAAK"}

package/dist/components/buttons/button/RuiButton.js

@@ -0,0 +1,7 @@
+import RuiButton_vue_vue_type_script_setup_true_lang_default from "./RuiButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/buttons/button/RuiButton.vue
+var RuiButton_default = RuiButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiButton_default as default };
+
+//# sourceMappingURL=RuiButton.js.map

package/dist/components/buttons/button/RuiButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButton.js","names":[],"sources":["../../../../src/components/buttons/button/RuiButton.vue"],"sourcesContent":["<script lang=\"ts\" generic=\"T = undefined\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { type ButtonSize, ButtonVariant, FAB_DEFAULT_ELEVATION, getButtonSpinnerSize, NO_ELEVATION } from '@/components/buttons/button/button-props';\nimport { buttonStyles } from '@/components/buttons/button/button-styles';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\n\nexport interface Props<T = undefined> {\n  disabled?: boolean;\n  loading?: boolean;\n  color?: ContextColorsType;\n  rounded?: boolean;\n  elevation?: number | string | null;\n  variant?: ButtonVariant;\n  icon?: boolean;\n  active?: boolean;\n  size?: ButtonSize;\n  tag?: 'button' | 'a';\n  type?: 'button' | 'submit';\n  modelValue?: T;\n  hideFocusIndicator?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiButton',\n  inheritAttrs: false,\n});\n\nconst {\n  disabled = false,\n  loading = false,\n  color = undefined,\n  rounded = false,\n  elevation = null,\n  variant = ButtonVariant.default,\n  icon = false,\n  active = false,\n  size = undefined,\n  tag = 'button',\n  type = 'button',\n  modelValue = undefined,\n  hideFocusIndicator = false,\n} = defineProps<Props<T>>();\n\nconst emit = defineEmits<{\n  'update:modelValue': [value?: T];\n}>();\n\nconst slots = defineSlots<{\n  prepend?: () => any;\n  append?: () => any;\n  default?: () => any;\n}>();\n\nconst btnValue = computed<T | undefined>(() => modelValue);\n\nconst defaultElevation = computed<number>(() => variant === ButtonVariant.fab ? FAB_DEFAULT_ELEVATION : NO_ELEVATION);\nconst usedElevation = computed<number | string>(() => disabled ? NO_ELEVATION : elevation ?? get(defaultElevation));\n\nconst spinnerSize = computed<number>(() => getButtonSpinnerSize(size));\n\nconst ui = computed<ReturnType<typeof buttonStyles>>(() => buttonStyles({\n  variant,\n  color: color ?? 'grey',\n  size,\n  rounded,\n  icon,\n  active,\n  loading,\n  hideFocusIndicator,\n}));\n</script>\n\n<template>\n  <Component\n    :is=\"tag\"\n    :class=\"[\n      ui.root(),\n      `shadow-${usedElevation}`,\n    ]\"\n    :disabled=\"disabled || loading\"\n    :type=\"tag === 'button' ? type : undefined\"\n    :data-variant=\"variant\"\n    :data-color=\"color\"\n    :data-active=\"active || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"emit('update:modelValue', btnValue)\"\n  >\n    <slot name=\"prepend\" />\n    <span\n      v-if=\"slots.default\"\n      :class=\"ui.label()\"\n      data-id=\"btn-label\"\n    >\n      <slot />\n    </span>\n    <slot name=\"append\" />\n    <RuiProgress\n      v-if=\"loading\"\n      circular\n      data-spinner\n      :class=\"ui.spinner()\"\n      variant=\"indeterminate\"\n      thickness=\"2\"\n      :size=\"spinnerSize\"\n    />\n  </Component>\n</template>\n"],"mappings":""}