@rotki/ui-library 2.14.1 → 2.16.0

package/dist/components/forms/auto-complete/auto-complete-styles.d.ts

@@ -0,0 +1,324 @@
+import { type TextInputVariant } from '../../../components/forms/text-input-styles.js';
+export type AutoCompleteVariant = TextInputVariant;
+/**
+ * Overrides the `value` slot for flex-wrap chip layout.
+ */
+export declare const autoCompleteStyles: import("tailwind-variants").TVReturnType<{
+    filled: {
+        true: {};
+    };
+}, {
+    value: string;
+}, undefined, {
+    dense: {
+        true: {
+            activator: string;
+        };
+    };
+    disabled: {
+        true: {
+            activator: string;
+        };
+    };
+    readonly: {
+        true: {
+            activator: string;
+        };
+    };
+    filled: {
+        true: {
+            activator: string;
+        };
+    };
+    outlined: {
+        true: {
+            activator: string;
+            label: string;
+            fieldset: string;
+        };
+        false: {
+            activator: string;
+        };
+    };
+    float: {
+        true: {
+            label: string;
+        };
+    };
+    opened: {
+        true: {
+            icon: string;
+        };
+    };
+    active: {
+        true: {
+            highlighted: string;
+        };
+    };
+    hasError: {
+        true: {};
+    };
+    hasSuccess: {
+        true: {};
+    };
+}, {
+    fieldset: string;
+    legend: string;
+    wrapper: string;
+    activator: string;
+    label: string;
+    value: string;
+    clear: string;
+    menu: string;
+    highlighted: string;
+    progress: string;
+    icon: string;
+    iconWrapper: string;
+    required: string;
+}, import("tailwind-variants").TVReturnType<{
+    dense: {
+        true: {
+            activator: string;
+        };
+    };
+    disabled: {
+        true: {
+            activator: string;
+        };
+    };
+    readonly: {
+        true: {
+            activator: string;
+        };
+    };
+    filled: {
+        true: {
+            activator: string;
+        };
+    };
+    outlined: {
+        true: {
+            activator: string;
+            label: string;
+            fieldset: string;
+        };
+        false: {
+            activator: string;
+        };
+    };
+    float: {
+        true: {
+            label: string;
+        };
+    };
+    opened: {
+        true: {
+            icon: string;
+        };
+    };
+    active: {
+        true: {
+            highlighted: string;
+        };
+    };
+    hasError: {
+        true: {};
+    };
+    hasSuccess: {
+        true: {};
+    };
+}, {
+    fieldset: string;
+    legend: string;
+    wrapper: string;
+    activator: string;
+    label: string;
+    value: string;
+    clear: string;
+    menu: string;
+    highlighted: string;
+    progress: string;
+    icon: string;
+    iconWrapper: string;
+    required: string;
+}, undefined, {
+    focused: {
+        true: {
+            fieldset: string;
+        };
+    };
+    hovered: {
+        true: {
+            fieldset: string;
+        };
+    };
+    disabled: {
+        true: {
+            fieldset: string;
+            label: string;
+        };
+    };
+    active: {
+        true: {};
+    };
+    showLabel: {
+        true: {};
+    };
+    validation: {
+        error: {
+            fieldset: string;
+            label: string;
+        };
+        success: {
+            fieldset: string;
+            label: string;
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        error: {};
+        warning: {};
+        info: {};
+        success: {};
+    };
+}, {
+    label: string;
+    fieldset: string;
+    legend: string;
+}, import("tailwind-variants").TVReturnType<{
+    focused: {
+        true: {
+            fieldset: string;
+        };
+    };
+    hovered: {
+        true: {
+            fieldset: string;
+        };
+    };
+    disabled: {
+        true: {
+            fieldset: string;
+            label: string;
+        };
+    };
+    active: {
+        true: {};
+    };
+    showLabel: {
+        true: {};
+    };
+    validation: {
+        error: {
+            fieldset: string;
+            label: string;
+        };
+        success: {
+            fieldset: string;
+            label: string;
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        error: {};
+        warning: {};
+        info: {};
+        success: {};
+    };
+}, {
+    label: string;
+    fieldset: string;
+    legend: string;
+}, undefined, {
+    focused: {
+        true: {
+            fieldset: string;
+        };
+    };
+    hovered: {
+        true: {
+            fieldset: string;
+        };
+    };
+    disabled: {
+        true: {
+            fieldset: string;
+            label: string;
+        };
+    };
+    active: {
+        true: {};
+    };
+    showLabel: {
+        true: {};
+    };
+    validation: {
+        error: {
+            fieldset: string;
+            label: string;
+        };
+        success: {
+            fieldset: string;
+            label: string;
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        error: {};
+        warning: {};
+        info: {};
+        success: {};
+    };
+}, {
+    label: string;
+    fieldset: string;
+    legend: string;
+}, import("tailwind-variants").TVReturnType<{
+    focused: {
+        true: {
+            fieldset: string;
+        };
+    };
+    hovered: {
+        true: {
+            fieldset: string;
+        };
+    };
+    disabled: {
+        true: {
+            fieldset: string;
+            label: string;
+        };
+    };
+    active: {
+        true: {};
+    };
+    showLabel: {
+        true: {};
+    };
+    validation: {
+        error: {
+            fieldset: string;
+            label: string;
+        };
+        success: {
+            fieldset: string;
+            label: string;
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        error: {};
+        warning: {};
+        info: {};
+        success: {};
+    };
+}, {
+    label: string;
+    fieldset: string;
+    legend: string;
+}, undefined, unknown, unknown, undefined>>>>;

package/dist/components/forms/auto-complete/auto-complete-styles.js

@@ -0,0 +1,15 @@
+import { tv } from "../../../utils/tv.js";
+import { activatorStyles } from "../text-input-styles.js";
+//#region src/components/forms/auto-complete/auto-complete-styles.ts
+/**
+* Overrides the `value` slot for flex-wrap chip layout.
+*/
+var autoCompleteStyles = tv({
+	extend: activatorStyles,
+	slots: { value: "flex gap-1 flex-wrap flex-1 transition-all duration-75" },
+	variants: { filled: { true: {} } }
+});
+//#endregion
+export { autoCompleteStyles };
+
+//# sourceMappingURL=auto-complete-styles.js.map

package/dist/components/forms/auto-complete/auto-complete-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete-styles.js","names":[],"sources":["../../../../src/components/forms/auto-complete/auto-complete-styles.ts"],"sourcesContent":["import { activatorStyles, type TextInputVariant } from '@/components/forms/text-input-styles';\nimport { tv } from '@/utils/tv';\n\nexport type AutoCompleteVariant = TextInputVariant;\n\n/**\n * Overrides the `value` slot for flex-wrap chip layout.\n */\nexport const autoCompleteStyles = tv({\n  extend: activatorStyles,\n  slots: {\n    value: 'flex gap-1 flex-wrap flex-1 transition-all duration-75',\n  },\n  variants: {\n    // Re-declare for type inference — actual styles are in activatorStyles\n    filled: { true: {} },\n  },\n});\n"],"mappings":";;;;;;AAQA,IAAa,qBAAqB,GAAG;CACnC,QAAQ;CACR,OAAO,EACL,OAAO,0DACR;CACD,UAAU,EAER,QAAQ,EAAE,MAAM,EAAE,EAAE,EACrB;CACF,CAAC"}

package/dist/components/forms/check-control-styles.d.ts

@@ -0,0 +1,135 @@
+export declare function getCheckControlIconSize(size?: 'sm' | 'lg'): number;
+/**
+ * Shared tv() styles for RuiCheckbox and RuiRadio.
+ * Both use the same layout, ripple, color, size, and validation patterns.
+ */
+export declare const checkControlStyles: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            control: string;
+            label: string;
+        };
+        lg: {
+            control: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            wrapper: string;
+            control: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {};
+        false: {};
+    };
+    validation: {
+        error: {
+            control: string;
+        };
+        success: {
+            control: string;
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        error: {};
+        warning: {};
+        info: {};
+        success: {};
+    };
+}, {
+    wrapper: string;
+    input: string;
+    control: string;
+    label: string;
+}, undefined, {
+    size: {
+        sm: {
+            control: string;
+            label: string;
+        };
+        lg: {
+            control: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            wrapper: string;
+            control: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {};
+        false: {};
+    };
+    validation: {
+        error: {
+            control: string;
+        };
+        success: {
+            control: string;
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        error: {};
+        warning: {};
+        info: {};
+        success: {};
+    };
+}, {
+    wrapper: string;
+    input: string;
+    control: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            control: string;
+            label: string;
+        };
+        lg: {
+            control: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            wrapper: string;
+            control: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {};
+        false: {};
+    };
+    validation: {
+        error: {
+            control: string;
+        };
+        success: {
+            control: string;
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        error: {};
+        warning: {};
+        info: {};
+        success: {};
+    };
+}, {
+    wrapper: string;
+    input: string;
+    control: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/forms/check-control-styles.js

@@ -0,0 +1,126 @@
+import { tv } from "../../utils/tv.js";
+//#region src/components/forms/check-control-styles.ts
+var ICON_SIZES = {
+	sm: 20,
+	lg: 28
+};
+var DEFAULT_ICON_SIZE = 24;
+function getCheckControlIconSize(size) {
+	return size && ICON_SIZES[size] || DEFAULT_ICON_SIZE;
+}
+/**
+* Shared tv() styles for RuiCheckbox and RuiRadio.
+* Both use the same layout, ripple, color, size, and validation patterns.
+*/
+var checkControlStyles = tv({
+	slots: {
+		wrapper: "relative flex items-start cursor-pointer -ml-[0.5625rem]",
+		input: "peer appearance-none w-px h-px absolute z-[2] outline-none select-none",
+		control: [
+			"relative text-rui-text-secondary p-[0.5625rem]",
+			`before:content-[''] before:absolute before:top-1/2 before:left-1/2 before:block before:size-[2.625rem]`,
+			"before:-translate-y-1/2 before:-translate-x-1/2 before:rounded-full before:opacity-0 before:transition-opacity",
+			"before:bg-black dark:before:bg-white",
+			"hover:before:opacity-5 active:before:opacity-30",
+			"peer-focus:before:opacity-15"
+		].join(" "),
+		label: "flex-1 text-rui-text text-body-1 mt-[0.5625rem] mb-1"
+	},
+	variants: {
+		size: {
+			sm: {
+				control: "before:size-[2.375rem]",
+				label: "mt-[0.4375rem]"
+			},
+			lg: {
+				control: "before:size-[2.875rem]",
+				label: "mt-[0.6875rem]"
+			}
+		},
+		disabled: { true: {
+			wrapper: "cursor-not-allowed",
+			control: "opacity-50 before:!content-none",
+			label: "text-rui-text-disabled"
+		} },
+		checked: {
+			true: {},
+			false: {}
+		},
+		validation: {
+			error: { control: "!text-rui-error" },
+			success: { control: "!text-rui-success" }
+		},
+		color: {
+			primary: {},
+			secondary: {},
+			error: {},
+			warning: {},
+			info: {},
+			success: {}
+		}
+	},
+	compoundVariants: [
+		{
+			color: "primary",
+			class: { control: "before:bg-rui-primary" }
+		},
+		{
+			color: "secondary",
+			class: { control: "before:bg-rui-secondary" }
+		},
+		{
+			color: "error",
+			class: { control: "before:bg-rui-error" }
+		},
+		{
+			color: "warning",
+			class: { control: "before:bg-rui-warning" }
+		},
+		{
+			color: "info",
+			class: { control: "before:bg-rui-info" }
+		},
+		{
+			color: "success",
+			class: { control: "before:bg-rui-success" }
+		},
+		{
+			color: "primary",
+			checked: true,
+			class: { control: "text-rui-primary" }
+		},
+		{
+			color: "secondary",
+			checked: true,
+			class: { control: "text-rui-secondary" }
+		},
+		{
+			color: "error",
+			checked: true,
+			class: { control: "text-rui-error" }
+		},
+		{
+			color: "warning",
+			checked: true,
+			class: { control: "text-rui-warning" }
+		},
+		{
+			color: "info",
+			checked: true,
+			class: { control: "text-rui-info" }
+		},
+		{
+			color: "success",
+			checked: true,
+			class: { control: "text-rui-success" }
+		}
+	],
+	defaultVariants: {
+		disabled: false,
+		checked: false
+	}
+});
+//#endregion
+export { checkControlStyles, getCheckControlIconSize };
+
+//# sourceMappingURL=check-control-styles.js.map

package/dist/components/forms/check-control-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-control-styles.js","names":[],"sources":["../../../src/components/forms/check-control-styles.ts"],"sourcesContent":["import { tv } from '@/utils/tv';\n\nconst ICON_SIZES: Record<string, number> = { sm: 20, lg: 28 };\nconst DEFAULT_ICON_SIZE = 24;\n\nexport function getCheckControlIconSize(size?: 'sm' | 'lg'): number {\n  return (size && ICON_SIZES[size]) || DEFAULT_ICON_SIZE;\n}\n\n/**\n * Shared tv() styles for RuiCheckbox and RuiRadio.\n * Both use the same layout, ripple, color, size, and validation patterns.\n */\nexport const checkControlStyles = tv({\n  slots: {\n    wrapper: 'relative flex items-start cursor-pointer -ml-[0.5625rem]',\n    input: 'peer appearance-none w-px h-px absolute z-[2] outline-none select-none',\n    control: [\n      'relative text-rui-text-secondary p-[0.5625rem]',\n      `before:content-[''] before:absolute before:top-1/2 before:left-1/2 before:block before:size-[2.625rem]`,\n      'before:-translate-y-1/2 before:-translate-x-1/2 before:rounded-full before:opacity-0 before:transition-opacity',\n      'before:bg-black dark:before:bg-white',\n      'hover:before:opacity-5 active:before:opacity-30',\n      'peer-focus:before:opacity-15',\n    ].join(' '),\n    label: 'flex-1 text-rui-text text-body-1 mt-[0.5625rem] mb-1',\n  },\n  variants: {\n    size: {\n      sm: {\n        control: 'before:size-[2.375rem]',\n        label: 'mt-[0.4375rem]',\n      },\n      lg: {\n        control: 'before:size-[2.875rem]',\n        label: 'mt-[0.6875rem]',\n      },\n    },\n    disabled: {\n      true: {\n        wrapper: 'cursor-not-allowed',\n        control: 'opacity-50 before:!content-none',\n        label: 'text-rui-text-disabled',\n      },\n    },\n    checked: {\n      true: {},\n      false: {},\n    },\n    validation: {\n      error: { control: '!text-rui-error' },\n      success: { control: '!text-rui-success' },\n    },\n    color: {\n      primary: {},\n      secondary: {},\n      error: {},\n      warning: {},\n      info: {},\n      success: {},\n    },\n  },\n  compoundVariants: [\n    // Color ripple (before:bg-rui-{color})\n    { color: 'primary', class: { control: 'before:bg-rui-primary' } },\n    { color: 'secondary', class: { control: 'before:bg-rui-secondary' } },\n    { color: 'error', class: { control: 'before:bg-rui-error' } },\n    { color: 'warning', class: { control: 'before:bg-rui-warning' } },\n    { color: 'info', class: { control: 'before:bg-rui-info' } },\n    { color: 'success', class: { control: 'before:bg-rui-success' } },\n\n    // Color text when checked\n    { color: 'primary', checked: true, class: { control: 'text-rui-primary' } },\n    { color: 'secondary', checked: true, class: { control: 'text-rui-secondary' } },\n    { color: 'error', checked: true, class: { control: 'text-rui-error' } },\n    { color: 'warning', checked: true, class: { control: 'text-rui-warning' } },\n    { color: 'info', checked: true, class: { control: 'text-rui-info' } },\n    { color: 'success', checked: true, class: { control: 'text-rui-success' } },\n  ],\n  defaultVariants: {\n    disabled: false,\n    checked: false,\n  },\n});\n"],"mappings":";;AAEA,IAAM,aAAqC;CAAE,IAAI;CAAI,IAAI;CAAI;AAC7D,IAAM,oBAAoB;AAE1B,SAAgB,wBAAwB,MAA4B;AAClE,QAAQ,QAAQ,WAAW,SAAU;;;;;;AAOvC,IAAa,qBAAqB,GAAG;CACnC,OAAO;EACL,SAAS;EACT,OAAO;EACP,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,KAAK,IAAI;EACX,OAAO;EACR;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IACF,SAAS;IACT,OAAO;IACR;GACD,IAAI;IACF,SAAS;IACT,OAAO;IACR;GACF;EACD,UAAU,EACR,MAAM;GACJ,SAAS;GACT,SAAS;GACT,OAAO;GACR,EACF;EACD,SAAS;GACP,MAAM,EAAE;GACR,OAAO,EAAE;GACV;EACD,YAAY;GACV,OAAO,EAAE,SAAS,mBAAmB;GACrC,SAAS,EAAE,SAAS,qBAAqB;GAC1C;EACD,OAAO;GACL,SAAS,EAAE;GACX,WAAW,EAAE;GACb,OAAO,EAAE;GACT,SAAS,EAAE;GACX,MAAM,EAAE;GACR,SAAS,EAAE;GACZ;EACF;CACD,kBAAkB;EAEhB;GAAE,OAAO;GAAW,OAAO,EAAE,SAAS,yBAAyB;GAAE;EACjE;GAAE,OAAO;GAAa,OAAO,EAAE,SAAS,2BAA2B;GAAE;EACrE;GAAE,OAAO;GAAS,OAAO,EAAE,SAAS,uBAAuB;GAAE;EAC7D;GAAE,OAAO;GAAW,OAAO,EAAE,SAAS,yBAAyB;GAAE;EACjE;GAAE,OAAO;GAAQ,OAAO,EAAE,SAAS,sBAAsB;GAAE;EAC3D;GAAE,OAAO;GAAW,OAAO,EAAE,SAAS,yBAAyB;GAAE;EAGjE;GAAE,OAAO;GAAW,SAAS;GAAM,OAAO,EAAE,SAAS,oBAAoB;GAAE;EAC3E;GAAE,OAAO;GAAa,SAAS;GAAM,OAAO,EAAE,SAAS,sBAAsB;GAAE;EAC/E;GAAE,OAAO;GAAS,SAAS;GAAM,OAAO,EAAE,SAAS,kBAAkB;GAAE;EACvE;GAAE,OAAO;GAAW,SAAS;GAAM,OAAO,EAAE,SAAS,oBAAoB;GAAE;EAC3E;GAAE,OAAO;GAAQ,SAAS;GAAM,OAAO,EAAE,SAAS,iBAAiB;GAAE;EACrE;GAAE,OAAO;GAAW,SAAS;GAAM,OAAO,EAAE,SAAS,oBAAoB;GAAE;EAC5E;CACD,iBAAiB;EACf,UAAU;EACV,SAAS;EACV;CACF,CAAC"}

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

@@ -0,0 +1,7 @@
+import RuiCheckbox_vue_vue_type_script_setup_true_lang_default from "./RuiCheckbox.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/forms/checkbox/RuiCheckbox.vue
+var RuiCheckbox_default = RuiCheckbox_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiCheckbox_default as default };
+
+//# sourceMappingURL=RuiCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCheckbox.js","names":[],"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":""}