@rotki/ui-library 2.14.1 → 2.16.0

package/dist/components/forms/checkbox/RuiCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,133 @@
+import RuiIcon_default from "../../icons/RuiIcon.js";
+import { useFormTextDetail } from "../../../utils/form-text-detail.js";
+import RuiFormTextDetail_default from "../../helpers/RuiFormTextDetail.js";
+import { getNonRootAttrs, getRootAttrs } from "../../../utils/helpers.js";
+import { checkControlStyles, getCheckControlIconSize } from "../check-control-styles.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, guardReactiveProps, isRef, mergeModels, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, useModel, useTemplateRef, vModelCheckbox, watch, withDirectives } from "vue";
+import { get, objectPick, set } from "@vueuse/shared";
+//#region src/components/forms/checkbox/RuiCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-disabled",
+	"data-checked",
+	"data-error"
+];
+var _hoisted_2 = ["disabled", "aria-invalid"];
+var _hoisted_3 = {
+	key: 0,
+	class: "text-rui-error"
+};
+var RuiCheckbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiCheckbox",
+	inheritAttrs: false,
+	__name: "RuiCheckbox",
+	props: /* @__PURE__ */ mergeModels({
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		color: { default: () => void 0 },
+		size: { default: () => void 0 },
+		label: { default: "" },
+		hint: { default: "" },
+		errorMessages: { default: () => [] },
+		successMessages: { default: () => [] },
+		hideDetails: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {},
+		"indeterminate": {
+			type: Boolean,
+			default: false
+		},
+		"indeterminateModifiers": {}
+	}),
+	emits: ["update:modelValue", "update:indeterminate"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const indeterminate = useModel(__props, "indeterminate");
+		const el = useTemplateRef("el");
+		const { hasError, validation } = useFormTextDetail(() => __props.errorMessages, () => __props.successMessages);
+		const ui = computed(() => checkControlStyles({
+			size: __props.size,
+			disabled: __props.disabled,
+			checked: get(modelValue) || get(indeterminate),
+			validation: get(validation),
+			color: __props.color
+		}));
+		const internalModelValue = computed({
+			get: () => get(modelValue),
+			set: (checked) => {
+				if (checked) set(indeterminate, false);
+				set(modelValue, checked);
+			}
+		});
+		const iconSize = computed(() => getCheckControlIconSize(__props.size));
+		watch(indeterminate, (val) => {
+			const input = get(el);
+			if (!input) return;
+			input.checked = !val;
+			input.value = val ? "off" : "on";
+		});
+		watch(internalModelValue, (val) => {
+			const input = get(el);
+			if (input && input.checked !== val) input.checked = val;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [createElementVNode("label", mergeProps({ class: unref(ui).wrapper() }, unref(objectPick)(_ctx.$attrs, ["onClick"]), {
+				"data-disabled": __props.disabled || void 0,
+				"data-checked": modelValue.value || indeterminate.value || void 0,
+				"data-error": unref(hasError) ? "" : void 0
+			}), [
+				withDirectives(createElementVNode("input", mergeProps({
+					ref_key: "el",
+					ref: el,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(internalModelValue) ? internalModelValue.value = $event : null),
+					type: "checkbox",
+					class: unref(ui).input(),
+					disabled: __props.disabled,
+					"aria-invalid": unref(hasError)
+				}, unref(getNonRootAttrs)(_ctx.$attrs, ["onInput", "onClick"])), null, 16, _hoisted_2), [[vModelCheckbox, unref(internalModelValue)]]),
+				createElementVNode("span", { class: normalizeClass(unref(ui).control()) }, [indeterminate.value ? (openBlock(), createBlock(RuiIcon_default, {
+					key: 0,
+					name: "lu-checkbox-indeterminate-fill",
+					size: unref(iconSize)
+				}, null, 8, ["size"])) : modelValue.value ? (openBlock(), createBlock(RuiIcon_default, {
+					key: 1,
+					name: "lu-checkbox-fill",
+					size: unref(iconSize)
+				}, null, 8, ["size"])) : (openBlock(), createBlock(RuiIcon_default, {
+					key: 2,
+					name: "lu-checkbox-blank",
+					size: unref(iconSize)
+				}, null, 8, ["size"]))], 2),
+				__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(ui).label())
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)]), __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, " ﹡ ")) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
+			], 16, _hoisted_1), !__props.hideDetails ? (openBlock(), createBlock(RuiFormTextDetail_default, {
+				key: 0,
+				"error-messages": __props.errorMessages,
+				"success-messages": __props.successMessages,
+				hint: __props.hint
+			}, null, 8, [
+				"error-messages",
+				"success-messages",
+				"hint"
+			])) : createCommentVNode("", true)], 16);
+		};
+	}
+});
+//#endregion
+export { RuiCheckbox_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiCheckbox.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/forms/checkbox/RuiCheckbox.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCheckbox.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../../src/components/forms/checkbox/RuiCheckbox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { objectPick } from '@vueuse/shared';\nimport { checkControlStyles, getCheckControlIconSize } from '@/components/forms/check-control-styles';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props {\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm' | 'lg';\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiCheckbox',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<boolean>({ default: false });\n\nconst indeterminate = defineModel<boolean>('indeterminate', { default: false });\n\nconst {\n  disabled = false,\n  color = undefined,\n  size = undefined,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  required = false,\n} = defineProps<Props>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst el = useTemplateRef<HTMLInputElement>('el');\n\nconst { hasError, validation } = useFormTextDetail(\n  () => errorMessages,\n  () => successMessages,\n);\n\nconst ui = computed<ReturnType<typeof checkControlStyles>>(() => checkControlStyles({\n  size,\n  disabled,\n  checked: get(modelValue) || get(indeterminate),\n  validation: get(validation),\n  color,\n}));\n\nconst internalModelValue = computed<boolean>({\n  get: () => get(modelValue),\n  set: (checked: boolean) => {\n    if (checked)\n      set(indeterminate, false);\n    set(modelValue, checked);\n  },\n});\n\nconst iconSize = computed<number>(() => getCheckControlIconSize(size));\n\nwatch(indeterminate, (val) => {\n  const input = get(el);\n  if (!input) {\n    return;\n  }\n  input.checked = !val;\n  input.value = val ? 'off' : 'on';\n});\n\nwatch(internalModelValue, (val) => {\n  const input = get(el);\n  if (input && input.checked !== val)\n    input.checked = val;\n});\n</script>\n\n<template>\n  <div v-bind=\"getRootAttrs($attrs)\">\n    <label\n      :class=\"ui.wrapper()\"\n      v-bind=\"objectPick($attrs, ['onClick'])\"\n      :data-disabled=\"disabled || undefined\"\n      :data-checked=\"modelValue || indeterminate || undefined\"\n      :data-error=\"hasError ? '' : undefined\"\n    >\n      <input\n        ref=\"el\"\n        v-model=\"internalModelValue\"\n        type=\"checkbox\"\n        :class=\"ui.input()\"\n        :disabled=\"disabled\"\n        :aria-invalid=\"hasError\"\n        v-bind=\"getNonRootAttrs($attrs, ['onInput', 'onClick'])\"\n      />\n      <span :class=\"ui.control()\">\n        <RuiIcon\n          v-if=\"indeterminate\"\n          name=\"lu-checkbox-indeterminate-fill\"\n          :size=\"iconSize\"\n        />\n        <RuiIcon\n          v-else-if=\"modelValue\"\n          name=\"lu-checkbox-fill\"\n          :size=\"iconSize\"\n        />\n        <RuiIcon\n          v-else\n          name=\"lu-checkbox-blank\"\n          :size=\"iconSize\"\n        />\n      </span>\n      <span\n        v-if=\"label || $slots.default\"\n        :class=\"ui.label()\"\n      >\n        <slot>{{ label }}</slot>\n        <span\n          v-if=\"required\"\n          class=\"text-rui-error\"\n        >\n          ﹡\n        </span>\n      </span>\n    </label>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,aAAa,SAAoB,SAAA,aAAoB;EAE3D,MAAM,gBAAgB,SAAoB,SAAC,gBAAoC;EAkB/E,MAAM,KAAK,eAAiC,KAAK;EAEjD,MAAM,EAAE,UAAU,eAAe,wBACzB,QAAA,qBACA,QAAA,gBACP;EAED,MAAM,KAAK,eAAsD,mBAAmB;GAClF,MAAG,QAAA;GACH,UAAO,QAAA;GACP,SAAS,IAAI,WAAW,IAAI,IAAI,cAAc;GAC9C,YAAY,IAAI,WAAW;GAC3B,OAAI,QAAA;GACL,CAAC,CAAC;EAEH,MAAM,qBAAqB,SAAkB;GAC3C,WAAW,IAAI,WAAW;GAC1B,MAAM,YAAqB;AACzB,QAAI,QACF,KAAI,eAAe,MAAM;AAC3B,QAAI,YAAY,QAAQ;;GAE3B,CAAC;EAEF,MAAM,WAAW,eAAuB,wBAAwB,QAAA,KAAK,CAAC;AAEtE,QAAM,gBAAgB,QAAQ;GAC5B,MAAM,QAAQ,IAAI,GAAG;AACrB,OAAI,CAAC,MACH;AAEF,SAAM,UAAU,CAAC;AACjB,SAAM,QAAQ,MAAM,QAAQ;IAC5B;AAEF,QAAM,qBAAqB,QAAQ;GACjC,MAAM,QAAQ,IAAI,GAAG;AACrB,OAAI,SAAS,MAAM,YAAY,IAC7B,OAAM,UAAU;IAClB;;uBAIA,mBAqDM,OAAA,eAAA,mBArDO,MAAA,aAAY,CAACA,KAAAA,OAAM,CAAA,CAAA,EAAA,CAC9B,mBA6CQ,SA7CR,WA6CQ,EA5CL,OAAO,MAAA,GAAE,CAAC,SAAO,EAAA,EACV,MAAA,WAAU,CAACA,KAAAA,QAAM,CAAA,UAAA,CAAA,EAAA;IACxB,iBAAe,QAAA,YAAY,KAAA;IAC3B,gBAAc,WAAA,SAAc,cAAA,SAAiB,KAAA;IAC7C,cAAY,MAAA,SAAQ,GAAA,KAAQ,KAAA;;mBAE7B,mBAQE,SARF,WAQE;cAPI;KAAJ,KAAI;iHACuB,QAAA,SAAA;KAC3B,MAAK;KACJ,OAAO,MAAA,GAAE,CAAC,OAAK;KACf,UAAU,QAAA;KACV,gBAAc,MAAA,SAAA;OACP,MAAA,gBAAe,CAACA,KAAAA,QAAM,CAAA,WAAA,UAAA,CAAA,CAAA,EAAA,MAAA,IAAA,WAAA,EAAA,CAAA,CAAA,gBALrB,MAAA,mBAAkB,CAAA,CAAA,CAAA;IAO7B,mBAgBO,QAAA,EAhBA,OAAK,eAAE,MAAA,GAAE,CAAC,SAAO,CAAA,EAAA,EAAA,CAEd,cAAA,SAAA,WAAA,EADR,YAIE,iBAAA;;KAFA,MAAK;KACJ,MAAM,MAAA,SAAA;6BAGI,WAAA,SAAA,WAAA,EADb,YAIE,iBAAA;;KAFA,MAAK;KACJ,MAAM,MAAA,SAAA;2CAET,YAIE,iBAAA;;KAFA,MAAK;KACJ,MAAM,MAAA,SAAA;;IAIH,QAAA,SAASC,KAAAA,OAAO,WAAA,WAAA,EADxB,mBAWO,QAAA;;KATJ,OAAK,eAAE,MAAA,GAAE,CAAC,OAAK,CAAA;QAEhB,WAAwB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,EAEN,QAAA,YAAA,WAAA,EADR,mBAKO,QALP,YAGC,MAED,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;wBAIK,QAAA,eAAA,WAAA,EADT,YAKE,2BAAA;;IAHC,kBAAgB,QAAA;IAChB,oBAAkB,QAAA;IAClB,MAAM,QAAA"}

package/dist/components/forms/radio-button/radio/RuiRadio.js

@@ -0,0 +1,7 @@
+import RuiRadio_vue_vue_type_script_setup_true_lang_default from "./RuiRadio.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/forms/radio-button/radio/RuiRadio.vue
+var RuiRadio_default = RuiRadio_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiRadio_default as default };
+
+//# sourceMappingURL=RuiRadio.js.map

package/dist/components/forms/radio-button/radio/RuiRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiRadio.js","names":[],"sources":["../../../../../src/components/forms/radio-button/radio/RuiRadio.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { checkControlStyles, getCheckControlIconSize } from '@/components/forms/check-control-styles';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface RadioProps<TValue> {\n  value: TValue;\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm' | 'lg';\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiRadio',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nconst {\n  value,\n  disabled = false,\n  color,\n  size,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  required = false,\n} = defineProps<RadioProps<TValue>>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst { hasError, validation } = useFormTextDetail(\n  () => errorMessages,\n  () => successMessages,\n);\n\nconst selected = computed<boolean>(() => get(modelValue) === value);\n\nconst ui = computed<ReturnType<typeof checkControlStyles>>(() => checkControlStyles({\n  size,\n  disabled,\n  checked: get(selected),\n  validation: get(validation),\n  color,\n}));\n\nconst iconSize = computed<number>(() => getCheckControlIconSize(size));\n\nfunction input(event: Event): void {\n  const target = event.target;\n  if (target instanceof HTMLInputElement && target.checked)\n    set(modelValue, value);\n}\n</script>\n\n<template>\n  <div v-bind=\"getRootAttrs($attrs)\">\n    <label\n      :class=\"ui.wrapper()\"\n      :data-disabled=\"disabled || undefined\"\n      :data-checked=\"selected || undefined\"\n      :data-error=\"hasError ? '' : undefined\"\n    >\n      <input\n        :checked=\"selected\"\n        type=\"radio\"\n        :class=\"ui.input()\"\n        :disabled=\"disabled\"\n        :aria-invalid=\"hasError\"\n        v-bind=\"getNonRootAttrs($attrs)\"\n        :value=\"value\"\n        @input=\"input($event)\"\n      />\n      <div :class=\"ui.control()\">\n        <RuiIcon\n          v-if=\"selected\"\n          name=\"lu-radio-button-fill\"\n          :size=\"iconSize\"\n        />\n        <RuiIcon\n          v-else\n          name=\"lu-checkbox-blank-circle\"\n          :size=\"iconSize\"\n        />\n      </div>\n      <div\n        v-if=\"label || $slots.default\"\n        :class=\"ui.label()\"\n      >\n        <slot>{{ label }}</slot>\n        <span\n          v-if=\"required\"\n          class=\"text-rui-error\"\n        >\n          ﹡\n        </span>\n      </div>\n    </label>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/forms/radio-button/radio/RuiRadio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,115 @@
+import RuiIcon_default from "../../../icons/RuiIcon.js";
+import { useFormTextDetail } from "../../../../utils/form-text-detail.js";
+import RuiFormTextDetail_default from "../../../helpers/RuiFormTextDetail.js";
+import { getNonRootAttrs, getRootAttrs } from "../../../../utils/helpers.js";
+import { checkControlStyles, getCheckControlIconSize } from "../../check-control-styles.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, useModel } from "vue";
+import { get, set } from "@vueuse/shared";
+//#region src/components/forms/radio-button/radio/RuiRadio.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-disabled",
+	"data-checked",
+	"data-error"
+];
+var _hoisted_2 = [
+	"checked",
+	"disabled",
+	"aria-invalid",
+	"value"
+];
+var _hoisted_3 = {
+	key: 0,
+	class: "text-rui-error"
+};
+var RuiRadio_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiRadio",
+	inheritAttrs: false,
+	__name: "RuiRadio",
+	props: /* @__PURE__ */ mergeModels({
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		color: {},
+		size: {},
+		label: { default: "" },
+		hint: { default: "" },
+		errorMessages: { default: () => [] },
+		successMessages: { default: () => [] },
+		hideDetails: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { required: false },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const { hasError, validation } = useFormTextDetail(() => __props.errorMessages, () => __props.successMessages);
+		const selected = computed(() => get(modelValue) === __props.value);
+		const ui = computed(() => checkControlStyles({
+			size: __props.size,
+			disabled: __props.disabled,
+			checked: get(selected),
+			validation: get(validation),
+			color: __props.color
+		}));
+		const iconSize = computed(() => getCheckControlIconSize(__props.size));
+		function input(event) {
+			const target = event.target;
+			if (target instanceof HTMLInputElement && target.checked) set(modelValue, __props.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [createElementVNode("label", {
+				class: normalizeClass(unref(ui).wrapper()),
+				"data-disabled": __props.disabled || void 0,
+				"data-checked": unref(selected) || void 0,
+				"data-error": unref(hasError) ? "" : void 0
+			}, [
+				createElementVNode("input", mergeProps({
+					checked: unref(selected),
+					type: "radio",
+					class: unref(ui).input(),
+					disabled: __props.disabled,
+					"aria-invalid": unref(hasError)
+				}, unref(getNonRootAttrs)(_ctx.$attrs), {
+					value: __props.value,
+					onInput: _cache[0] || (_cache[0] = ($event) => input($event))
+				}), null, 16, _hoisted_2),
+				createElementVNode("div", { class: normalizeClass(unref(ui).control()) }, [unref(selected) ? (openBlock(), createBlock(RuiIcon_default, {
+					key: 0,
+					name: "lu-radio-button-fill",
+					size: unref(iconSize)
+				}, null, 8, ["size"])) : (openBlock(), createBlock(RuiIcon_default, {
+					key: 1,
+					name: "lu-checkbox-blank-circle",
+					size: unref(iconSize)
+				}, null, 8, ["size"]))], 2),
+				__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(ui).label())
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)]), __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, " ﹡ ")) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
+			], 10, _hoisted_1), !__props.hideDetails ? (openBlock(), createBlock(RuiFormTextDetail_default, {
+				key: 0,
+				"error-messages": __props.errorMessages,
+				"success-messages": __props.successMessages,
+				hint: __props.hint
+			}, null, 8, [
+				"error-messages",
+				"success-messages",
+				"hint"
+			])) : createCommentVNode("", true)], 16);
+		};
+	}
+});
+//#endregion
+export { RuiRadio_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiRadio.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/forms/radio-button/radio/RuiRadio.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiRadio.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../../../src/components/forms/radio-button/radio/RuiRadio.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { checkControlStyles, getCheckControlIconSize } from '@/components/forms/check-control-styles';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface RadioProps<TValue> {\n  value: TValue;\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm' | 'lg';\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiRadio',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nconst {\n  value,\n  disabled = false,\n  color,\n  size,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  required = false,\n} = defineProps<RadioProps<TValue>>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst { hasError, validation } = useFormTextDetail(\n  () => errorMessages,\n  () => successMessages,\n);\n\nconst selected = computed<boolean>(() => get(modelValue) === value);\n\nconst ui = computed<ReturnType<typeof checkControlStyles>>(() => checkControlStyles({\n  size,\n  disabled,\n  checked: get(selected),\n  validation: get(validation),\n  color,\n}));\n\nconst iconSize = computed<number>(() => getCheckControlIconSize(size));\n\nfunction input(event: Event): void {\n  const target = event.target;\n  if (target instanceof HTMLInputElement && target.checked)\n    set(modelValue, value);\n}\n</script>\n\n<template>\n  <div v-bind=\"getRootAttrs($attrs)\">\n    <label\n      :class=\"ui.wrapper()\"\n      :data-disabled=\"disabled || undefined\"\n      :data-checked=\"selected || undefined\"\n      :data-error=\"hasError ? '' : undefined\"\n    >\n      <input\n        :checked=\"selected\"\n        type=\"radio\"\n        :class=\"ui.input()\"\n        :disabled=\"disabled\"\n        :aria-invalid=\"hasError\"\n        v-bind=\"getNonRootAttrs($attrs)\"\n        :value=\"value\"\n        @input=\"input($event)\"\n      />\n      <div :class=\"ui.control()\">\n        <RuiIcon\n          v-if=\"selected\"\n          name=\"lu-radio-button-fill\"\n          :size=\"iconSize\"\n        />\n        <RuiIcon\n          v-else\n          name=\"lu-checkbox-blank-circle\"\n          :size=\"iconSize\"\n        />\n      </div>\n      <div\n        v-if=\"label || $slots.default\"\n        :class=\"ui.label()\"\n      >\n        <slot>{{ label }}</slot>\n        <span\n          v-if=\"required\"\n          class=\"text-rui-error\"\n        >\n          ﹡\n        </span>\n      </div>\n    </label>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,aAAa,SAAmB,SAAA,aAAqB;EAmB3D,MAAM,EAAE,UAAU,eAAe,wBACzB,QAAA,qBACA,QAAA,gBACP;EAED,MAAM,WAAW,eAAwB,IAAI,WAAW,KAAK,QAAA,MAAM;EAEnE,MAAM,KAAK,eAAsD,mBAAmB;GAClF,MAAG,QAAA;GACH,UAAO,QAAA;GACP,SAAS,IAAI,SAAS;GACtB,YAAY,IAAI,WAAW;GAC3B,OAAI,QAAA;GACL,CAAC,CAAC;EAEH,MAAM,WAAW,eAAuB,wBAAwB,QAAA,KAAK,CAAC;EAEtE,SAAS,MAAM,OAAoB;GACjC,MAAM,SAAS,MAAM;AACrB,OAAI,kBAAkB,oBAAoB,OAAO,QAC/C,KAAI,YAAY,QAAA,MAAM;;;uBAKxB,mBAgDM,OAAA,eAAA,mBAhDO,MAAA,aAAY,CAACA,KAAAA,OAAM,CAAA,CAAA,EAAA,CAC9B,mBAwCQ,SAAA;IAvCL,OAAK,eAAE,MAAA,GAAE,CAAC,SAAO,CAAA;IACjB,iBAAe,QAAA,YAAY,KAAA;IAC3B,gBAAc,MAAA,SAAQ,IAAI,KAAA;IAC1B,cAAY,MAAA,SAAQ,GAAA,KAAQ,KAAA;;IAE7B,mBASE,SATF,WASE;KARC,SAAS,MAAA,SAAQ;KAClB,MAAK;KACJ,OAAO,MAAA,GAAE,CAAC,OAAK;KACf,UAAU,QAAA;KACV,gBAAc,MAAA,SAAA;OACP,MAAA,gBAAe,CAACA,KAAAA,OAAM,EAAA;KAC7B,OAAO,QAAA;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAM,OAAM;;IAEtB,mBAWM,OAAA,EAXA,OAAK,eAAE,MAAA,GAAE,CAAC,SAAO,CAAA,EAAA,EAAA,CAEb,MAAA,SAAQ,IAAA,WAAA,EADhB,YAIE,iBAAA;;KAFA,MAAK;KACJ,MAAM,MAAA,SAAA;2CAET,YAIE,iBAAA;;KAFA,MAAK;KACJ,MAAM,MAAA,SAAA;;IAIH,QAAA,SAASC,KAAAA,OAAO,WAAA,WAAA,EADxB,mBAWM,OAAA;;KATH,OAAK,eAAE,MAAA,GAAE,CAAC,OAAK,CAAA;QAEhB,WAAwB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,EAEN,QAAA,YAAA,WAAA,EADR,mBAKO,QALP,YAGC,MAED,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;wBAIK,QAAA,eAAA,WAAA,EADT,YAKE,2BAAA;;IAHC,kBAAgB,QAAA;IAChB,oBAAkB,QAAA;IAClB,MAAM,QAAA"}

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.js

@@ -0,0 +1,7 @@
+import RuiRadioGroup_vue_vue_type_script_setup_true_lang_default from "./RuiRadioGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/forms/radio-button/radio-group/RuiRadioGroup.vue
+var RuiRadioGroup_default = RuiRadioGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiRadioGroup_default as default };
+
+//# sourceMappingURL=RuiRadioGroup.js.map

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiRadioGroup.js","names":[],"sources":["../../../../../src/components/forms/radio-button/radio-group/RuiRadioGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { Fragment, isVNode } from 'vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport { assert } from '@/utils/assert';\n\nexport interface Props {\n  inline?: boolean;\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm' | 'lg';\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiRadioGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nconst {\n  inline = false,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  disabled = false,\n  color,\n  size,\n  required = false,\n} = defineProps<Props>();\n\nconst slots = defineSlots<{\n  default?: () => any;\n}>();\n\nconst radioGroupName = useId();\n\nconst children = computed<VNode[]>(() => {\n  const slotContent = slots.default?.() ?? [];\n\n  // When using dynamic content with v-for the slot content is a single fragment\n  // containing the children components.\n  if (slotContent.length === 1) {\n    const firstChild = slotContent[0];\n    assert(firstChild);\n    if (firstChild.type === Fragment) {\n      return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];\n    }\n  }\n  return slotContent;\n});\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"label\"\n      class=\"text-rui-text-secondary text-body-1\"\n    >\n      {{ label }}\n      <span\n        v-if=\"required\"\n        class=\"text-rui-error\"\n      >\n        ﹡\n      </span>\n    </div>\n    <div :class=\"{ 'flex space-x-6': inline }\">\n      <Component\n        :is=\"child\"\n        v-for=\"(child, i) in children\"\n        :key=\"i\"\n        v-model=\"modelValue\"\n        :disabled=\"disabled\"\n        :color=\"color\"\n        :size=\"size\"\n        hide-details\n        :name=\"radioGroupName\"\n      />\n    </div>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+import { assert } from "../../../../utils/assert.js";
+import RuiFormTextDetail_default from "../../../helpers/RuiFormTextDetail.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, isVNode, mergeModels, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, useId, useModel, useSlots } from "vue";
+//#region src/components/forms/radio-button/radio-group/RuiRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "text-rui-text-secondary text-body-1"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "text-rui-error"
+};
+var RuiRadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiRadioGroup",
+	inheritAttrs: false,
+	__name: "RuiRadioGroup",
+	props: /* @__PURE__ */ mergeModels({
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		label: { default: "" },
+		hint: { default: "" },
+		errorMessages: { default: () => [] },
+		successMessages: { default: () => [] },
+		hideDetails: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		color: {},
+		size: {},
+		required: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { required: false },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const slots = useSlots();
+		const radioGroupName = useId();
+		const children = computed(() => {
+			const slotContent = slots.default?.() ?? [];
+			if (slotContent.length === 1) {
+				const firstChild = slotContent[0];
+				assert(firstChild);
+				if (firstChild.type === Fragment) return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];
+			}
+			return slotContent;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ role: "radiogroup" }, _ctx.$attrs), [
+				__props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, " ﹡ ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				createElementVNode("div", { class: normalizeClass({ "flex space-x-6": __props.inline }) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
+					return openBlock(), createBlock(resolveDynamicComponent(child), {
+						key: i,
+						modelValue: modelValue.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+						disabled: __props.disabled,
+						color: __props.color,
+						size: __props.size,
+						"hide-details": "",
+						name: unref(radioGroupName)
+					}, null, 8, [
+						"modelValue",
+						"disabled",
+						"color",
+						"size",
+						"name"
+					]);
+				}), 128))], 2),
+				!__props.hideDetails ? (openBlock(), createBlock(RuiFormTextDetail_default, {
+					key: 1,
+					"error-messages": __props.errorMessages,
+					"success-messages": __props.successMessages,
+					hint: __props.hint
+				}, null, 8, [
+					"error-messages",
+					"success-messages",
+					"hint"
+				])) : createCommentVNode("", true)
+			], 16);
+		};
+	}
+});
+//#endregion
+export { RuiRadioGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiRadioGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiRadioGroup.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../src/components/forms/radio-button/radio-group/RuiRadioGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { Fragment, isVNode } from 'vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport { assert } from '@/utils/assert';\n\nexport interface Props {\n  inline?: boolean;\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm' | 'lg';\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiRadioGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nconst {\n  inline = false,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  disabled = false,\n  color,\n  size,\n  required = false,\n} = defineProps<Props>();\n\nconst slots = defineSlots<{\n  default?: () => any;\n}>();\n\nconst radioGroupName = useId();\n\nconst children = computed<VNode[]>(() => {\n  const slotContent = slots.default?.() ?? [];\n\n  // When using dynamic content with v-for the slot content is a single fragment\n  // containing the children components.\n  if (slotContent.length === 1) {\n    const firstChild = slotContent[0];\n    assert(firstChild);\n    if (firstChild.type === Fragment) {\n      return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];\n    }\n  }\n  return slotContent;\n});\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"label\"\n      class=\"text-rui-text-secondary text-body-1\"\n    >\n      {{ label }}\n      <span\n        v-if=\"required\"\n        class=\"text-rui-error\"\n      >\n        ﹡\n      </span>\n    </div>\n    <div :class=\"{ 'flex space-x-6': inline }\">\n      <Component\n        :is=\"child\"\n        v-for=\"(child, i) in children\"\n        :key=\"i\"\n        v-model=\"modelValue\"\n        :disabled=\"disabled\"\n        :color=\"color\"\n        :size=\"size\"\n        hide-details\n        :name=\"radioGroupName\"\n      />\n    </div>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,aAAa,SAAmB,SAAA,aAAqB;EAe3D,MAAM,QAAQ,UAEV;EAEJ,MAAM,iBAAiB,OAAO;EAE9B,MAAM,WAAW,eAAwB;GACvC,MAAM,cAAc,MAAM,WAAW,IAAI,EAAE;AAI3C,OAAI,YAAY,WAAW,GAAG;IAC5B,MAAM,aAAa,YAAY;AAC/B,WAAO,WAAW;AAClB,QAAI,WAAW,SAAS,SACtB,QAAO,MAAM,QAAQ,WAAW,SAAS,GAAG,WAAW,SAAS,OAAO,QAAQ,GAAG,EAAE;;AAGxF,UAAO;IACP;;uBAIA,mBAmCM,OAnCN,WAmCM,EAlCJ,MAAK,cAAY,EACTA,KAAAA,OAAM,EAAA;IAGN,QAAA,SAAA,WAAA,EADR,mBAWM,OAXN,YAWM,CAAA,gBAAA,gBAPD,QAAA,MAAK,GAAG,KACX,EAAA,EACQ,QAAA,YAAA,WAAA,EADR,mBAKO,QALP,YAGC,MAED,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAEF,mBAYM,OAAA,EAZA,OAAK,eAAA,EAAA,kBAAsB,QAAA,QAAM,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACrC,mBAUE,UAAA,MAAA,WARqB,MAAA,SAAQ,GAArB,OAAO,MAAC;yBAFlB,YAUE,wBATK,MAAK,EAAA;MAET,KAAK;kBACG,WAAA;8EAAU,QAAA;MAClB,UAAU,QAAA;MACV,OAAO,QAAA;MACP,MAAM,QAAA;MACP,gBAAA;MACC,MAAM,MAAA,eAAA;;;;;;;;;KAIF,QAAA,eAAA,WAAA,EADT,YAKE,2BAAA;;KAHC,kBAAgB,QAAA;KAChB,oBAAkB,QAAA;KAClB,MAAM,QAAA"}

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.js

@@ -0,0 +1,7 @@
+import RuiRevealableTextField_vue_vue_type_script_setup_true_lang_default from "./RuiRevealableTextField.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/forms/revealable-text-field/RuiRevealableTextField.vue
+var RuiRevealableTextField_default = RuiRevealableTextField_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiRevealableTextField_default as default };
+
+//# sourceMappingURL=RuiRevealableTextField.js.map

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiRevealableTextField.js","names":[],"sources":["../../../../src/components/forms/revealable-text-field/RuiRevealableTextField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiTextField, { type TextFieldProps } from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props extends TextFieldProps {}\n\ndefineOptions({\n  name: 'RuiRevealableTextField',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst {\n  label = '',\n  placeholder = '',\n  disabled = false,\n  variant = 'default',\n  dense = false,\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  readonly = false,\n  clearable = false,\n  required = false,\n} = defineProps<Props>();\n\ndefineSlots<{\n  prepend?: () => any;\n  append?: () => any;\n}>();\n\nconst hidden = ref<boolean>(true);\n</script>\n\n<template>\n  <RuiTextField\n    v-bind=\"$attrs\"\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :variant=\"variant\"\n    :dense=\"dense\"\n    :hint=\"hint\"\n    :error-messages=\"errorMessages\"\n    :success-messages=\"successMessages\"\n    :hide-details=\"hideDetails\"\n    :readonly=\"readonly\"\n    :clearable=\"clearable\"\n    :required=\"required\"\n    :type=\"hidden ? 'password' : 'text'\"\n  >\n    <template\n      v-if=\"$slots.prepend\"\n      #prepend\n    >\n      <slot name=\"prepend\" />\n    </template>\n    <template #append>\n      <div class=\"flex items-center\">\n        <RuiButton\n          :disabled=\"disabled\"\n          :aria-label=\"hidden ? 'Show password' : 'Hide password'\"\n          tabindex=\"-1\"\n          variant=\"text\"\n          type=\"button\"\n          icon\n          data-id=\"toggle-visibility\"\n          class=\"-mr-1 !p-2\"\n          @click=\"hidden = !hidden\"\n        >\n          <RuiIcon\n            class=\"text-black/[.54] dark:text-white/[.56]\"\n            size=\"20\"\n            :name=\"hidden ? 'lu-eye-off' : 'lu-eye'\"\n          />\n        </RuiButton>\n\n        <slot name=\"append\" />\n      </div>\n    </template>\n  </RuiTextField>\n</template>\n"],"mappings":""}

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.d.ts

@@ -1,4 +1,4 @@
-import { type TextFieldProps } from '../../../components/forms/text-field/RuiTextField.vue.js';
+import { type TextFieldProps } from '../../../components/forms/text-field/RuiTextField.vue';
 export interface Props extends TextFieldProps {
 }
 type __VLS_Props = Props;
@@ -14,20 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    label: string;
-    readonly: boolean;
-    variant: "default" | "filled" | "outlined";
-    disabled: boolean;
-    errorMessages: string | string[];
-    successMessages: string | string[];
-    hint: string;
-    hideDetails: boolean;
-    required: boolean;
-    placeholder: string;
-    dense: boolean;
-    clearable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,117 @@
+import RuiIcon_default from "../../icons/RuiIcon.js";
+import RuiButton_default from "../../buttons/button/RuiButton.js";
+import RuiTextField_default from "../text-field/RuiTextField.js";
+import { createBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeModels, mergeProps, openBlock, ref, renderSlot, unref, useModel, withCtx } from "vue";
+//#region src/components/forms/revealable-text-field/RuiRevealableTextField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center" };
+var RuiRevealableTextField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiRevealableTextField",
+	inheritAttrs: false,
+	__name: "RuiRevealableTextField",
+	props: /* @__PURE__ */ mergeModels({
+		label: { default: "" },
+		placeholder: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "default" },
+		color: {},
+		textColor: {},
+		dense: {
+			type: Boolean,
+			default: false
+		},
+		hint: { default: "" },
+		errorMessages: { default: () => [] },
+		successMessages: { default: () => [] },
+		hideDetails: {
+			type: Boolean,
+			default: false
+		},
+		prependIcon: {},
+		appendIcon: {},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		clearable: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const hidden = ref(true);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RuiTextField_default, mergeProps(_ctx.$attrs, {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
+				label: __props.label,
+				placeholder: __props.placeholder,
+				disabled: __props.disabled,
+				variant: __props.variant,
+				dense: __props.dense,
+				hint: __props.hint,
+				"error-messages": __props.errorMessages,
+				"success-messages": __props.successMessages,
+				"hide-details": __props.hideDetails,
+				readonly: __props.readonly,
+				clearable: __props.clearable,
+				required: __props.required,
+				type: unref(hidden) ? "password" : "text"
+			}), createSlots({
+				append: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(RuiButton_default, {
+					disabled: __props.disabled,
+					"aria-label": unref(hidden) ? "Show password" : "Hide password",
+					tabindex: "-1",
+					variant: "text",
+					type: "button",
+					icon: "",
+					"data-id": "toggle-visibility",
+					class: "-mr-1 !p-2",
+					onClick: _cache[0] || (_cache[0] = ($event) => hidden.value = !unref(hidden))
+				}, {
+					default: withCtx(() => [createVNode(RuiIcon_default, {
+						class: "text-black/[.54] dark:text-white/[.56]",
+						size: "20",
+						name: unref(hidden) ? "lu-eye-off" : "lu-eye"
+					}, null, 8, ["name"])]),
+					_: 1
+				}, 8, ["disabled", "aria-label"]), renderSlot(_ctx.$slots, "append")])]),
+				_: 2
+			}, [_ctx.$slots.prepend ? {
+				name: "prepend",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "prepend")]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"label",
+				"placeholder",
+				"disabled",
+				"variant",
+				"dense",
+				"hint",
+				"error-messages",
+				"success-messages",
+				"hide-details",
+				"readonly",
+				"clearable",
+				"required",
+				"type"
+			]);
+		};
+	}
+});
+//#endregion
+export { RuiRevealableTextField_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiRevealableTextField.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiRevealableTextField.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../../src/components/forms/revealable-text-field/RuiRevealableTextField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiTextField, { type TextFieldProps } from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props extends TextFieldProps {}\n\ndefineOptions({\n  name: 'RuiRevealableTextField',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst {\n  label = '',\n  placeholder = '',\n  disabled = false,\n  variant = 'default',\n  dense = false,\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  readonly = false,\n  clearable = false,\n  required = false,\n} = defineProps<Props>();\n\ndefineSlots<{\n  prepend?: () => any;\n  append?: () => any;\n}>();\n\nconst hidden = ref<boolean>(true);\n</script>\n\n<template>\n  <RuiTextField\n    v-bind=\"$attrs\"\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :variant=\"variant\"\n    :dense=\"dense\"\n    :hint=\"hint\"\n    :error-messages=\"errorMessages\"\n    :success-messages=\"successMessages\"\n    :hide-details=\"hideDetails\"\n    :readonly=\"readonly\"\n    :clearable=\"clearable\"\n    :required=\"required\"\n    :type=\"hidden ? 'password' : 'text'\"\n  >\n    <template\n      v-if=\"$slots.prepend\"\n      #prepend\n    >\n      <slot name=\"prepend\" />\n    </template>\n    <template #append>\n      <div class=\"flex items-center\">\n        <RuiButton\n          :disabled=\"disabled\"\n          :aria-label=\"hidden ? 'Show password' : 'Hide password'\"\n          tabindex=\"-1\"\n          variant=\"text\"\n          type=\"button\"\n          icon\n          data-id=\"toggle-visibility\"\n          class=\"-mr-1 !p-2\"\n          @click=\"hidden = !hidden\"\n        >\n          <RuiIcon\n            class=\"text-black/[.54] dark:text-white/[.56]\"\n            size=\"20\"\n            :name=\"hidden ? 'lu-eye-off' : 'lu-eye'\"\n          />\n        </RuiButton>\n\n        <slot name=\"append\" />\n      </div>\n    </template>\n  </RuiTextField>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,aAAa,SAAmB,SAAA,aAAoB;EAsB1D,MAAM,SAAS,IAAa,KAAK;;uBAI/B,YA8Ce,sBA9Cf,WACUA,KA6CK,QA7CC;gBACL,WAAA;4EAAU,QAAA;IAClB,OAAO,QAAA;IACP,aAAa,QAAA;IACb,UAAU,QAAA;IACV,SAAS,QAAA;IACT,OAAO,QAAA;IACP,MAAM,QAAA;IACN,kBAAgB,QAAA;IAChB,oBAAkB,QAAA;IAClB,gBAAc,QAAA;IACd,UAAU,QAAA;IACV,WAAW,QAAA;IACX,UAAU,QAAA;IACV,MAAM,MAAA,OAAM,GAAA,aAAA;;IAQF,QAAM,cAqBT,CApBN,mBAoBM,OApBN,YAoBM,CAnBJ,YAgBY,mBAAA;KAfT,UAAU,QAAA;KACV,cAAY,MAAA,OAAM,GAAA,kBAAA;KACnB,UAAS;KACT,SAAQ;KACR,MAAK;KACL,MAAA;KACA,WAAQ;KACR,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM,CAAI,MAAA,OAAM;;4BAMtB,CAJF,YAIE,iBAAA;MAHA,OAAM;MACN,MAAK;MACJ,MAAM,MAAA,OAAM,GAAA,eAAA;;;uCAIjB,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA;;OAzBlBC,KAAAA,OAAO,UAAA;UACZ;sBAEsB,CAAvB,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/forms/select/RuiMenuSelect.js

@@ -0,0 +1,7 @@
+import RuiMenuSelect_vue_vue_type_script_setup_true_lang_default from "./RuiMenuSelect.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/forms/select/RuiMenuSelect.vue
+var RuiMenuSelect_default = RuiMenuSelect_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiMenuSelect_default as default };
+
+//# sourceMappingURL=RuiMenuSelect.js.map

package/dist/components/forms/select/RuiMenuSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiMenuSelect.js","names":[],"sources":["../../../../src/components/forms/select/RuiMenuSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue, TItem\">\nimport type { VueClassValue } from '@/types/class-value';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport { menuSelectStyles, type MenuSelectVariant } from '@/components/forms/select/menu-select-styles';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu, { type MenuProps } from '@/components/overlays/menu/RuiMenu.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { type KeyOfType, useDropdownMenu } from '@/composables/dropdown-menu';\nimport { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\nimport { cn } from '@/utils/tv';\n\nexport interface RuiMenuSelectClassNames {\n  root?: VueClassValue;\n  label?: VueClassValue;\n  menu?: VueClassValue;\n  option?: VueClassValue;\n}\n\nexport interface MenuSelectProps<TValue, TItem> {\n  options: TItem[];\n  keyAttr?: KeyOfType<TItem, TValue extends Array<infer U> ? U : TValue>;\n  textAttr?: keyof TItem;\n  disabled?: boolean;\n  loading?: boolean;\n  readOnly?: boolean;\n  dense?: boolean;\n  clearable?: boolean;\n  label?: string;\n  menuOptions?: MenuProps;\n  classNames?: RuiMenuSelectClassNames;\n  /** @deprecated Use `classNames.label` instead */\n  labelClass?: string;\n  /** @deprecated Use `classNames.menu` instead */\n  menuClass?: string;\n  /** @deprecated Use `classNames.option` instead */\n  optionClass?: string;\n  prependWidth?: number;\n  appendWidth?: number;\n  itemHeight?: number;\n  variant?: MenuSelectVariant;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  autoSelectFirst?: boolean;\n  hideNoData?: boolean;\n  noDataText?: string;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiMenuSelect',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue | undefined>({ required: true });\n\nconst {\n  options,\n  disabled = false,\n  loading = false,\n  readOnly = false,\n  dense = false,\n  clearable = false,\n  hideDetails = false,\n  label = 'Select',\n  menuOptions,\n  classNames,\n  labelClass,\n  menuClass,\n  variant = 'default',\n  hint,\n  keyAttr,\n  textAttr,\n  itemHeight,\n  errorMessages = [],\n  successMessages = [],\n  autoSelectFirst = false,\n  hideNoData = false,\n  noDataText = 'No data available',\n  required = false,\n} = defineProps<MenuSelectProps<TValue, TItem>>();\n\ndefineSlots<{\n  'activator'?: (props: {\n    disabled: boolean;\n    value: TItem | undefined;\n    variant: string;\n    readOnly: boolean;\n    attrs: Record<string, unknown>;\n    open: boolean;\n    hasError: boolean;\n    hasSuccess: boolean;\n  }) => any;\n  'activator.label'?: (props: { value: TItem | undefined }) => any;\n  'selection.prepend'?: (props: { item: TItem }) => any;\n  'selection'?: (props: { item: TItem }) => any;\n  'item.prepend'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'item'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'item.append'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'no-data'?: () => any;\n}>();\n\nconst menuRef = useTemplateRef<HTMLDivElement>('menuRef');\nconst activator = useTemplateRef<HTMLDivElement>('activator');\nconst { focused } = useFocus(activator);\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n  () => errorMessages,\n  () => successMessages,\n);\n\nconst value = computed<TItem | undefined>({\n  get: () => {\n    const value = get(modelValue);\n    if (keyAttr)\n      return options.find(option => option[keyAttr] === value);\n    return value as unknown as TItem;\n  },\n  set: (selected?: TItem) => {\n    const selection = keyAttr && selected ? selected[keyAttr] : selected;\n    set(modelValue, selection as TValue);\n  },\n});\n\nfunction setValue(val: TItem): void {\n  set(value, val);\n  set(focused, true);\n}\n\nconst {\n  containerProps,\n  wrapperProps,\n  renderedData,\n  isOpen,\n  menuWidth,\n  getText,\n  getIdentifier,\n  isActiveItem,\n  highlightedIndex,\n  moveHighlight,\n  applyHighlighted,\n  valueKey,\n} = useDropdownMenu<TValue, TItem>({\n  itemHeight: itemHeight ?? (dense ? 30 : 48),\n  keyAttr,\n  textAttr,\n  options: () => options,\n  dense: () => dense,\n  value,\n  menuRef,\n  disabled: () => disabled,\n  autoSelectFirst,\n  setValue,\n});\n\nconst outlined = computed<boolean>(() => variant === 'outlined');\nconst float = computed<boolean>(() => (get(isOpen) || !!get(value)) && get(outlined));\n\nconst legendText = computed<string>(() => {\n  if (!get(float) || !label)\n    return '';\n  return required ? `${label} ﹡` : label;\n});\n\nconst ui = computed<ReturnType<typeof menuSelectStyles>>(() => menuSelectStyles({\n  filled: variant === 'filled',\n  outlined: get(outlined),\n  float: get(float),\n  opened: get(isOpen),\n  dense,\n  disabled,\n  readonly: readOnly,\n  hasError: get(hasError),\n  hasSuccess: get(hasSuccess) && !get(hasError),\n}));\n\nconst highlightedClass = menuSelectStyles({}).highlighted();\n\nfunction clear(): void {\n  set(modelValue, undefined);\n}\n</script>\n\n<template>\n  <RuiMenu\n    v-model=\"isOpen\"\n    v-bind=\"{ ...getRootAttrs($attrs), ...menuOptions }\"\n    :class=\"ui.wrapper()\"\n    placement=\"bottom-start\"\n    :close-on-content-click=\"true\"\n    :full-width=\"true\"\n    :error-messages=\"errorMessages\"\n    :success-messages=\"successMessages\"\n    :hint=\"hint\"\n    :dense=\"dense\"\n    :show-details=\"!hideDetails\"\n    :disabled=\"disabled\"\n    disable-auto-focus\n  >\n    <template #activator=\"{ attrs, open, hasError: slotHasError, hasSuccess: slotHasSuccess }\">\n      <slot\n        name=\"activator\"\n        v-bind=\"{ disabled, value, variant, readOnly, attrs, open, hasError: slotHasError, hasSuccess: slotHasSuccess }\"\n      >\n        <button\n          ref=\"activator\"\n          :disabled=\"disabled\"\n          :aria-disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-readonly=\"readOnly || undefined\"\n          :aria-required=\"required || undefined\"\n          :aria-busy=\"loading || undefined\"\n          type=\"button\"\n          :tabindex=\"disabled || readOnly ? -1 : 0\"\n          :class=\"ui.activator({ class: cn(classNames?.label) ?? labelClass })\"\n          v-bind=\"{\n            ...getNonRootAttrs($attrs),\n            ...(readOnly ? {} : attrs),\n          }\"\n          data-id=\"activator\"\n          :aria-invalid=\"hasError\"\n          @keydown.up.prevent=\"moveHighlight(true)\"\n          @keydown.down.prevent=\"moveHighlight(false)\"\n          @keydown.enter.prevent=\"applyHighlighted()\"\n          @keydown.space.prevent=\"applyHighlighted()\"\n          @keydown.home.prevent=\"highlightedIndex = 0\"\n          @keydown.end.prevent=\"highlightedIndex = options.length - 1\"\n        >\n          <span\n            v-if=\"outlined || !value\"\n            :class=\"[\n              ui.label(),\n              { 'pr-2': !value && !open && outlined },\n            ]\"\n          >\n            <slot\n              name=\"activator.label\"\n              v-bind=\"{ value }\"\n            >\n              {{ label }}\n            </slot>\n            <span\n              v-if=\"required\"\n              :class=\"ui.required()\"\n            >\n              ﹡\n            </span>\n          </span>\n          <span\n            v-if=\"value\"\n            :class=\"ui.value()\"\n          >\n            <slot\n              name=\"selection.prepend\"\n              v-bind=\"{ item: value }\"\n            />\n            <slot\n              name=\"selection\"\n              v-bind=\"{ item: value }\"\n            >\n              {{ getText(value) }}\n            </slot>\n          </span>\n\n          <span\n            v-if=\"clearable && value && !disabled\"\n            data-id=\"clear\"\n            :class=\"[ui.clear(), focused && '!visible']\"\n            @click.stop.prevent=\"clear()\"\n          >\n            <RuiIcon\n              color=\"error\"\n              name=\"lu-x\"\n              size=\"18\"\n            />\n          </span>\n\n          <span :class=\"ui.iconWrapper()\">\n            <RuiIcon\n              :class=\"ui.icon()\"\n              :size=\"dense ? 16 : 24\"\n              name=\"lu-chevron-down\"\n            />\n          </span>\n\n          <RuiProgress\n            v-if=\"loading\"\n            :class=\"ui.progress()\"\n            color=\"primary\"\n            thickness=\"3\"\n            variant=\"indeterminate\"\n          />\n        </button>\n        <fieldset\n          v-if=\"outlined\"\n          :class=\"ui.fieldset()\"\n        >\n          <legend :class=\"ui.legend()\">\n            {{ legendText }}\n          </legend>\n        </fieldset>\n      </slot>\n      <input\n        :value=\"valueKey\"\n        class=\"hidden\"\n        type=\"hidden\"\n      />\n    </template>\n    <template #default=\"{ width }\">\n      <div\n        v-if=\"options.length > 0\"\n        :ref=\"containerProps.ref\"\n        :class=\"ui.menu({ class: cn(classNames?.menu) ?? menuClass })\"\n        :style=\"[containerProps.style, { width: `${width}px`, minWidth: menuWidth }]\"\n        @scroll=\"containerProps.onScroll\"\n        @keydown.up.prevent=\"moveHighlight(true)\"\n        @keydown.down.prevent=\"moveHighlight(false)\"\n      >\n        <div\n          v-bind=\"wrapperProps\"\n          ref=\"menuRef\"\n        >\n          <RuiButton\n            v-for=\"{ item, _index } in renderedData\"\n            :key=\"getIdentifier(item)\"\n            :active=\"isActiveItem(item)\"\n            :aria-selected=\"isActiveItem(item)\"\n            :size=\"dense ? 'sm' : undefined\"\n            variant=\"list\"\n            :data-highlighted=\"highlightedIndex === _index\"\n            :class=\"{\n              [highlightedClass]: !isActiveItem(item) && highlightedIndex === _index,\n            }\"\n            @click=\"setValue(item)\"\n          >\n            <template #prepend>\n              <slot\n                name=\"item.prepend\"\n                v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n              />\n            </template>\n            <slot\n              name=\"item\"\n              v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n            >\n              {{ getText(item) }}\n            </slot>\n            <template #append>\n              <slot\n                name=\"item.append\"\n                v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n              />\n            </template>\n          </RuiButton>\n        </div>\n      </div>\n\n      <div\n        v-else-if=\"!hideNoData\"\n        data-id=\"no-data\"\n        :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n        :class=\"classNames?.menu ?? menuClass\"\n      >\n        <slot name=\"no-data\">\n          <div class=\"p-4\">\n            {{ noDataText }}\n          </div>\n        </slot>\n      </div>\n    </template>\n  </RuiMenu>\n</template>\n"],"mappings":""}