@rotki/ui-library 2.15.0 → 2.16.0

package/dist/components/buttons/button/button-styles.js

@@ -0,0 +1,342 @@
+import { tv } from "../../../utils/tv.js";
+//#region src/components/buttons/button/button-styles.ts
+var buttonStyles = tv({
+	slots: {
+		root: [
+			"text-sm leading-5 font-medium outline outline-1 outline-transparent outline-offset-[-1px]",
+			"flex items-center justify-center gap-x-2 relative",
+			"px-6 py-2.5 rounded transition-all",
+			"!disabled:bg-black/[.12] dark:!disabled:bg-white/[.12] !disabled:text-rui-text-disabled !disabled:active:text-rui-text-disabled",
+			"!focus-visible:ring-2"
+		].join(" "),
+		label: "inline-block text-nowrap",
+		spinner: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+	},
+	variants: {
+		variant: {
+			default: {},
+			outlined: { root: "!disabled:bg-transparent !disabled:active:bg-transparent disabled:outline-rui-text-disabled" },
+			text: { root: "px-3 !disabled:bg-transparent !disabled:active:bg-transparent" },
+			fab: { root: "rounded-full py-2" },
+			list: {
+				root: "p-3 px-3 rounded-none w-full justify-start text-left !disabled:bg-transparent !disabled:active:bg-transparent",
+				label: "w-full"
+			}
+		},
+		size: {
+			sm: { root: "px-4 py-1.5 text-[.8125rem] leading-5" },
+			lg: { root: "px-8 py-3 text-base leading-5" }
+		},
+		color: {
+			grey: { root: "bg-rui-grey-200 hover:bg-rui-grey-100 active:bg-rui-grey-50 text-rui-text ring-rui-grey-400 dark:bg-rui-grey-300 dark:text-rui-light-text dark:ring-rui-grey-600" },
+			primary: { root: "bg-rui-primary hover:bg-rui-primary-darker active:bg-rui-primary-darker/90 text-rui-dark-text ring-rui-primary/40 dark:text-rui-text dark:ring-rui-primary/60" },
+			secondary: { root: "bg-rui-secondary hover:bg-rui-secondary-darker active:bg-rui-secondary-darker/90 text-rui-dark-text ring-rui-secondary/40 dark:text-rui-text dark:ring-rui-secondary/60" },
+			error: { root: "bg-rui-error hover:bg-rui-error-darker active:bg-rui-error-darker/90 text-rui-dark-text ring-rui-error/40 dark:text-rui-text dark:ring-rui-error/60" },
+			warning: { root: "bg-rui-warning hover:bg-rui-warning-darker active:bg-rui-warning-darker/90 text-rui-dark-text ring-rui-warning/40 dark:text-rui-text dark:ring-rui-warning/60" },
+			info: { root: "bg-rui-info hover:bg-rui-info-darker active:bg-rui-info-darker/90 text-rui-dark-text ring-rui-info/40 dark:text-rui-text dark:ring-rui-info/60" },
+			success: { root: "bg-rui-success hover:bg-rui-success-darker active:bg-rui-success-darker/90 text-rui-dark-text ring-rui-success/40 dark:text-rui-text dark:ring-rui-success/60" }
+		},
+		rounded: { true: { root: "rounded-full" } },
+		icon: { true: { root: "rounded-full px-3 py-3" } },
+		active: {
+			true: {},
+			false: {}
+		},
+		loading: { true: { root: "space-x-0 [&>*:not([data-spinner])]:opacity-0 [&>*:not([data-spinner])]:invisible" } },
+		hideFocusIndicator: { true: { root: "!focus-visible:ring-0" } }
+	},
+	compoundVariants: [
+		{
+			color: "grey",
+			active: true,
+			class: { root: "bg-rui-grey-50" }
+		},
+		{
+			color: "grey",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			class: { root: "bg-transparent hover:bg-black/[.04] active:bg-black/10 dark:active:bg-white/10 dark:hover:bg-white/[.04] dark:text-rui-text" }
+		},
+		{
+			color: "grey",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: { root: "bg-black/10 dark:bg-white/30" }
+		},
+		{
+			color: "grey",
+			variant: "outlined",
+			class: { root: "outline-rui-text" }
+		},
+		{
+			color: "grey",
+			variant: "text",
+			class: { root: "text-rui-text-secondary" }
+		},
+		{
+			color: "primary",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			class: { root: "bg-transparent hover:bg-rui-primary-lighter/[.04] active:bg-rui-primary-lighter/10 text-rui-primary" }
+		},
+		{
+			color: "secondary",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			class: { root: "bg-transparent hover:bg-rui-secondary-lighter/[.04] active:bg-rui-secondary-lighter/10 text-rui-secondary" }
+		},
+		{
+			color: "error",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			class: { root: "bg-transparent hover:bg-rui-error-lighter/[.04] active:bg-rui-error-lighter/10 text-rui-error" }
+		},
+		{
+			color: "warning",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			class: { root: "bg-transparent hover:bg-rui-warning-lighter/[.04] active:bg-rui-warning-lighter/10 text-rui-warning" }
+		},
+		{
+			color: "info",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			class: { root: "bg-transparent hover:bg-rui-info-lighter/[.04] active:bg-rui-info-lighter/10 text-rui-info" }
+		},
+		{
+			color: "success",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			class: { root: "bg-transparent hover:bg-rui-success-lighter/[.04] active:bg-rui-success-lighter/10 text-rui-success" }
+		},
+		{
+			color: "primary",
+			active: true,
+			class: { root: "bg-rui-primary-darker" }
+		},
+		{
+			color: "secondary",
+			active: true,
+			class: { root: "bg-rui-secondary-darker" }
+		},
+		{
+			color: "error",
+			active: true,
+			class: { root: "bg-rui-error-darker" }
+		},
+		{
+			color: "warning",
+			active: true,
+			class: { root: "bg-rui-warning-darker" }
+		},
+		{
+			color: "info",
+			active: true,
+			class: { root: "bg-rui-info-darker" }
+		},
+		{
+			color: "success",
+			active: true,
+			class: { root: "bg-rui-success-darker" }
+		},
+		{
+			color: "primary",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: { root: "bg-rui-primary-lighter/30" }
+		},
+		{
+			color: "secondary",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: { root: "bg-rui-secondary-lighter/30" }
+		},
+		{
+			color: "error",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: { root: "bg-rui-error-lighter/30" }
+		},
+		{
+			color: "warning",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: { root: "bg-rui-warning-lighter/30" }
+		},
+		{
+			color: "info",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: { root: "bg-rui-info-lighter/30" }
+		},
+		{
+			color: "success",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: { root: "bg-rui-success-lighter/30" }
+		},
+		{
+			color: "primary",
+			variant: "outlined",
+			class: { root: "outline-rui-primary/[0.5]" }
+		},
+		{
+			color: "secondary",
+			variant: "outlined",
+			class: { root: "outline-rui-secondary/[0.5]" }
+		},
+		{
+			color: "error",
+			variant: "outlined",
+			class: { root: "outline-rui-error/[0.5]" }
+		},
+		{
+			color: "warning",
+			variant: "outlined",
+			class: { root: "outline-rui-warning/[0.5]" }
+		},
+		{
+			color: "info",
+			variant: "outlined",
+			class: { root: "outline-rui-info/[0.5]" }
+		},
+		{
+			color: "success",
+			variant: "outlined",
+			class: { root: "outline-rui-success/[0.5]" }
+		},
+		{
+			variant: "text",
+			size: "sm",
+			class: { root: "px-2" }
+		},
+		{
+			variant: "text",
+			size: "lg",
+			class: { root: "px-4" }
+		},
+		{
+			variant: "fab",
+			size: "sm",
+			class: { root: "py-1.5 px-2" }
+		},
+		{
+			variant: "fab",
+			size: "lg",
+			class: { root: "py-3" }
+		},
+		{
+			variant: "list",
+			size: "sm",
+			class: { root: "px-3 py-1" }
+		},
+		{
+			icon: true,
+			size: "sm",
+			class: { root: "px-1 py-1" }
+		},
+		{
+			icon: true,
+			size: "lg",
+			class: { root: "px-4 py-4" }
+		},
+		{
+			variant: "fab",
+			icon: true,
+			size: "sm",
+			class: { root: "px-2 py-2" }
+		}
+	],
+	compoundSlots: [
+		{
+			slots: ["root"],
+			color: [
+				"warning",
+				"success",
+				"info"
+			],
+			variant: "default",
+			class: "dark:text-rui-light-text"
+		},
+		{
+			slots: ["root"],
+			color: "primary",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: "dark:bg-rui-primary-darker/60 dark:text-rui-primary-lighter"
+		},
+		{
+			slots: ["root"],
+			color: "secondary",
+			variant: [
+				"outlined",
+				"text",
+				"list"
+			],
+			active: true,
+			class: "dark:bg-rui-secondary-darker/60 dark:text-rui-secondary-lighter"
+		}
+	],
+	defaultVariants: {
+		variant: "default",
+		color: "grey",
+		active: false
+	}
+});
+//#endregion
+export { buttonStyles };
+
+//# sourceMappingURL=button-styles.js.map

package/dist/components/buttons/button/button-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-styles.js","names":[],"sources":["../../../../src/components/buttons/button/button-styles.ts"],"sourcesContent":["import { tv } from '@/utils/tv';\n\nexport const buttonStyles = tv({\n  slots: {\n    root: [\n      'text-sm leading-5 font-medium outline outline-1 outline-transparent outline-offset-[-1px]',\n      'flex items-center justify-center gap-x-2 relative',\n      'px-6 py-2.5 rounded transition-all',\n      '!disabled:bg-black/[.12] dark:!disabled:bg-white/[.12] !disabled:text-rui-text-disabled !disabled:active:text-rui-text-disabled',\n      '!focus-visible:ring-2',\n    ].join(' '),\n    label: 'inline-block text-nowrap',\n    spinner: 'absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2',\n  },\n  variants: {\n    variant: {\n      default: {},\n      outlined: { root: '!disabled:bg-transparent !disabled:active:bg-transparent disabled:outline-rui-text-disabled' },\n      text: { root: 'px-3 !disabled:bg-transparent !disabled:active:bg-transparent' },\n      fab: { root: 'rounded-full py-2' },\n      list: { root: 'p-3 px-3 rounded-none w-full justify-start text-left !disabled:bg-transparent !disabled:active:bg-transparent', label: 'w-full' },\n    },\n    size: {\n      sm: { root: 'px-4 py-1.5 text-[.8125rem] leading-5' },\n      lg: { root: 'px-8 py-3 text-base leading-5' },\n    },\n    color: {\n      grey: { root: 'bg-rui-grey-200 hover:bg-rui-grey-100 active:bg-rui-grey-50 text-rui-text ring-rui-grey-400 dark:bg-rui-grey-300 dark:text-rui-light-text dark:ring-rui-grey-600' },\n      primary: { root: 'bg-rui-primary hover:bg-rui-primary-darker active:bg-rui-primary-darker/90 text-rui-dark-text ring-rui-primary/40 dark:text-rui-text dark:ring-rui-primary/60' },\n      secondary: { root: 'bg-rui-secondary hover:bg-rui-secondary-darker active:bg-rui-secondary-darker/90 text-rui-dark-text ring-rui-secondary/40 dark:text-rui-text dark:ring-rui-secondary/60' },\n      error: { root: 'bg-rui-error hover:bg-rui-error-darker active:bg-rui-error-darker/90 text-rui-dark-text ring-rui-error/40 dark:text-rui-text dark:ring-rui-error/60' },\n      warning: { root: 'bg-rui-warning hover:bg-rui-warning-darker active:bg-rui-warning-darker/90 text-rui-dark-text ring-rui-warning/40 dark:text-rui-text dark:ring-rui-warning/60' },\n      info: { root: 'bg-rui-info hover:bg-rui-info-darker active:bg-rui-info-darker/90 text-rui-dark-text ring-rui-info/40 dark:text-rui-text dark:ring-rui-info/60' },\n      success: { root: 'bg-rui-success hover:bg-rui-success-darker active:bg-rui-success-darker/90 text-rui-dark-text ring-rui-success/40 dark:text-rui-text dark:ring-rui-success/60' },\n    },\n    rounded: {\n      true: { root: 'rounded-full' },\n    },\n    icon: {\n      true: { root: 'rounded-full px-3 py-3' },\n    },\n    active: {\n      true: {},\n      false: {},\n    },\n    loading: {\n      true: { root: 'space-x-0 [&>*:not([data-spinner])]:opacity-0 [&>*:not([data-spinner])]:invisible' },\n    },\n    hideFocusIndicator: {\n      true: { root: '!focus-visible:ring-0' },\n    },\n  },\n  compoundVariants: [\n    // === Grey color variants ===\n    { color: 'grey', active: true, class: { root: 'bg-rui-grey-50' } },\n    { color: 'grey', variant: ['outlined', 'text', 'list'], class: { root: 'bg-transparent hover:bg-black/[.04] active:bg-black/10 dark:active:bg-white/10 dark:hover:bg-white/[.04] dark:text-rui-text' } },\n    { color: 'grey', variant: ['outlined', 'text', 'list'], active: true, class: { root: 'bg-black/10 dark:bg-white/30' } },\n    { color: 'grey', variant: 'outlined', class: { root: 'outline-rui-text' } },\n    { color: 'grey', variant: 'text', class: { root: 'text-rui-text-secondary' } },\n\n    // === Context colors — outlined/text variants ===\n    { color: 'primary', variant: ['outlined', 'text', 'list'], class: { root: 'bg-transparent hover:bg-rui-primary-lighter/[.04] active:bg-rui-primary-lighter/10 text-rui-primary' } },\n    { color: 'secondary', variant: ['outlined', 'text', 'list'], class: { root: 'bg-transparent hover:bg-rui-secondary-lighter/[.04] active:bg-rui-secondary-lighter/10 text-rui-secondary' } },\n    { color: 'error', variant: ['outlined', 'text', 'list'], class: { root: 'bg-transparent hover:bg-rui-error-lighter/[.04] active:bg-rui-error-lighter/10 text-rui-error' } },\n    { color: 'warning', variant: ['outlined', 'text', 'list'], class: { root: 'bg-transparent hover:bg-rui-warning-lighter/[.04] active:bg-rui-warning-lighter/10 text-rui-warning' } },\n    { color: 'info', variant: ['outlined', 'text', 'list'], class: { root: 'bg-transparent hover:bg-rui-info-lighter/[.04] active:bg-rui-info-lighter/10 text-rui-info' } },\n    { color: 'success', variant: ['outlined', 'text', 'list'], class: { root: 'bg-transparent hover:bg-rui-success-lighter/[.04] active:bg-rui-success-lighter/10 text-rui-success' } },\n\n    // === Context colors — active default ===\n    { color: 'primary', active: true, class: { root: 'bg-rui-primary-darker' } },\n    { color: 'secondary', active: true, class: { root: 'bg-rui-secondary-darker' } },\n    { color: 'error', active: true, class: { root: 'bg-rui-error-darker' } },\n    { color: 'warning', active: true, class: { root: 'bg-rui-warning-darker' } },\n    { color: 'info', active: true, class: { root: 'bg-rui-info-darker' } },\n    { color: 'success', active: true, class: { root: 'bg-rui-success-darker' } },\n\n    // === Context colors — active outlined/text ===\n    { color: 'primary', variant: ['outlined', 'text', 'list'], active: true, class: { root: 'bg-rui-primary-lighter/30' } },\n    { color: 'secondary', variant: ['outlined', 'text', 'list'], active: true, class: { root: 'bg-rui-secondary-lighter/30' } },\n    { color: 'error', variant: ['outlined', 'text', 'list'], active: true, class: { root: 'bg-rui-error-lighter/30' } },\n    { color: 'warning', variant: ['outlined', 'text', 'list'], active: true, class: { root: 'bg-rui-warning-lighter/30' } },\n    { color: 'info', variant: ['outlined', 'text', 'list'], active: true, class: { root: 'bg-rui-info-lighter/30' } },\n    { color: 'success', variant: ['outlined', 'text', 'list'], active: true, class: { root: 'bg-rui-success-lighter/30' } },\n\n    // === Context colors — outlined border ===\n    { color: 'primary', variant: 'outlined', class: { root: 'outline-rui-primary/[0.5]' } },\n    { color: 'secondary', variant: 'outlined', class: { root: 'outline-rui-secondary/[0.5]' } },\n    { color: 'error', variant: 'outlined', class: { root: 'outline-rui-error/[0.5]' } },\n    { color: 'warning', variant: 'outlined', class: { root: 'outline-rui-warning/[0.5]' } },\n    { color: 'info', variant: 'outlined', class: { root: 'outline-rui-info/[0.5]' } },\n    { color: 'success', variant: 'outlined', class: { root: 'outline-rui-success/[0.5]' } },\n\n    // === Size overrides per variant ===\n    { variant: 'text', size: 'sm', class: { root: 'px-2' } },\n    { variant: 'text', size: 'lg', class: { root: 'px-4' } },\n    { variant: 'fab', size: 'sm', class: { root: 'py-1.5 px-2' } },\n    { variant: 'fab', size: 'lg', class: { root: 'py-3' } },\n    { variant: 'list', size: 'sm', class: { root: 'px-3 py-1' } },\n    { icon: true, size: 'sm', class: { root: 'px-1 py-1' } },\n    { icon: true, size: 'lg', class: { root: 'px-4 py-4' } },\n    { variant: 'fab', icon: true, size: 'sm', class: { root: 'px-2 py-2' } },\n  ],\n  compoundSlots: [\n    // Dark mode default variant text override for warning/success/info\n    { slots: ['root'], color: ['warning', 'success', 'info'], variant: 'default', class: 'dark:text-rui-light-text' },\n    // Dark mode active outlined/text override for primary/secondary\n    { slots: ['root'], color: 'primary', variant: ['outlined', 'text', 'list'], active: true, class: 'dark:bg-rui-primary-darker/60 dark:text-rui-primary-lighter' },\n    { slots: ['root'], color: 'secondary', variant: ['outlined', 'text', 'list'], active: true, class: 'dark:bg-rui-secondary-darker/60 dark:text-rui-secondary-lighter' },\n  ],\n  defaultVariants: {\n    variant: 'default',\n    color: 'grey',\n    active: false,\n  },\n});\n"],"mappings":"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"}

package/dist/components/buttons/button-group/RuiButtonGroup.js

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

package/dist/components/buttons/button-group/RuiButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButtonGroup.js","names":[],"sources":["../../../../src/components/buttons/button-group/RuiButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\" generic=\"T = undefined\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { Fragment, isVNode } from 'vue';\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  vertical?: boolean;\n  color?: ContextColorsType;\n  activeColor?: ContextColorsType;\n  variant?: 'default' | 'outlined' | 'text';\n  size?: 'sm' | 'lg';\n  gap?: 'sm' | 'md' | 'lg';\n  required?: boolean;\n  disabled?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiButtonGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<T | T[]>();\n\nconst {\n  vertical = false,\n  color,\n  activeColor,\n  variant = 'default',\n  size,\n  gap,\n  required = false,\n  disabled = false,\n} = defineProps<Props>();\n\nconst slots = useSlots();\n\nconst buttonGroupStyles = tv({\n  slots: {\n    root: 'inline-flex rounded divide-x divide-rui-grey-400 outline outline-1 outline-transparent outline-offset-[-1px]',\n    button: 'border-0 outline-0 focus:z-[1]',\n  },\n  variants: {\n    vertical: {\n      true: {\n        root: 'flex-col items-start divide-x-0 divide-y',\n        button: 'w-full',\n      },\n      false: {},\n    },\n    gap: {\n      none: {\n        button: '!rounded-none',\n      },\n      sm: {\n        root: 'divide-x-0 divide-y-0 outline-0 gap-2',\n        button: 'outline-1',\n      },\n      md: {\n        root: 'divide-x-0 divide-y-0 outline-0 gap-4',\n        button: 'outline-1',\n      },\n      lg: {\n        root: 'divide-x-0 divide-y-0 outline-0 gap-6',\n        button: 'outline-1',\n      },\n    },\n    variant: {\n      default: {},\n      outlined: {\n        root: 'outline-rui-text divide-rui-text',\n      },\n      text: {},\n    },\n    color: {\n      primary: {},\n      secondary: {},\n      error: {},\n      warning: {},\n      info: {},\n      success: {},\n    },\n  },\n  compoundVariants: [\n    // First/last child rounding when not separated (! needed to override RuiButton's CSS module border-radius)\n    { gap: 'none', vertical: false, class: { button: 'first:!rounded-l last:!rounded-r' } },\n    { gap: 'none', vertical: true, class: { button: 'first:!rounded-t last:!rounded-b' } },\n\n    // Color dividers (default variant)\n    { color: 'primary', class: { root: 'divide-rui-primary-darker' } },\n    { color: 'secondary', class: { root: 'divide-rui-secondary-darker' } },\n    { color: 'error', class: { root: 'divide-rui-error-darker' } },\n    { color: 'warning', class: { root: 'divide-rui-warning-darker' } },\n    { color: 'info', class: { root: 'divide-rui-info-darker' } },\n    { color: 'success', class: { root: 'divide-rui-success-darker' } },\n\n    // Color dividers for outlined/text (overrides darker dividers above)\n    { color: 'primary', variant: ['outlined', 'text'], class: { root: 'divide-rui-primary/[0.5]' } },\n    { color: 'secondary', variant: ['outlined', 'text'], class: { root: 'divide-rui-secondary/[0.5]' } },\n    { color: 'error', variant: ['outlined', 'text'], class: { root: 'divide-rui-error/[0.5]' } },\n    { color: 'warning', variant: ['outlined', 'text'], class: { root: 'divide-rui-warning/[0.5]' } },\n    { color: 'info', variant: ['outlined', 'text'], class: { root: 'divide-rui-info/[0.5]' } },\n    { color: 'success', variant: ['outlined', 'text'], class: { root: 'divide-rui-success/[0.5]' } },\n\n    // Color outline for outlined variant\n    { color: 'primary', variant: 'outlined', class: { root: 'outline-rui-primary/[0.5]' } },\n    { color: 'secondary', variant: 'outlined', class: { root: 'outline-rui-secondary/[0.5]' } },\n    { color: 'error', variant: 'outlined', class: { root: 'outline-rui-error/[0.5]' } },\n    { color: 'warning', variant: 'outlined', class: { root: 'outline-rui-warning/[0.5]' } },\n    { color: 'info', variant: 'outlined', class: { root: 'outline-rui-info/[0.5]' } },\n    { color: 'success', variant: 'outlined', class: { root: 'outline-rui-success/[0.5]' } },\n  ],\n  defaultVariants: {\n    vertical: false,\n    gap: 'none',\n    variant: 'default',\n  },\n});\n\nconst ui = computed<ReturnType<typeof buttonGroupStyles>>(() => buttonGroupStyles({\n  vertical,\n  gap: gap ?? 'none',\n  variant,\n  color,\n}));\n\nconst children = computed<VNode[]>(() => {\n  const selectedValue: T | T[] | undefined = get(modelValue);\n  const slotContent = slots.default?.() ?? [];\n  const resolved = flattenSlotContent(slotContent);\n\n  return resolved.map((child, i) => {\n    // child props are in kebab-case\n    const value = child.props?.['model-value'];\n    const active = isActive(value ?? i, selectedValue);\n    const resolvedColor = active && activeColor ? activeColor : color;\n\n    child.props = {\n      ...child.props,\n      active,\n      ...(disabled && { disabled: true }),\n      ...(resolvedColor && { color: resolvedColor }),\n    };\n\n    return child;\n  });\n});\n\n/**\n * Flattens slot content by unwrapping Fragments (created by v-for).\n * Returns only actual VNode children.\n */\nfunction flattenSlotContent(nodes: VNode[]): VNode[] {\n  return nodes.flatMap((node) => {\n    if (node.type === Fragment && Array.isArray(node.children) && node.children.length > 0)\n      return flattenSlotContent(node.children.filter(isVNode));\n\n    return [node];\n  });\n}\n\nfunction isActive(id: T, selected?: T | T[]): boolean {\n  if (Array.isArray(selected))\n    return selected.includes(id);\n\n  return selected === id;\n}\n\nfunction onClick(id: T): void {\n  const selected = get(modelValue);\n\n  if (Array.isArray(selected)) {\n    const index = selected.indexOf(id);\n    if (index >= 0) {\n      if (required && selected.length === 1)\n        return;\n\n      set(modelValue, selected.filter((_, i) => i !== index));\n    }\n    else {\n      set(modelValue, [...selected, id]);\n    }\n  }\n  else if (required) {\n    set(modelValue, id);\n  }\n  else {\n    set(modelValue, isActive(id, selected) ? undefined : id);\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n  >\n    <Component\n      :is=\"child\"\n      v-for=\"(child, i) in children\"\n      :key=\"i\"\n      :class=\"ui.button()\"\n      :size=\"size\"\n      :variant=\"variant\"\n      @update:model-value=\"onClick($event ?? i)\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/buttons/button-group/RuiButtonGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,246 @@
+import { tv } from "../../../utils/tv.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, isVNode, mergeModels, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, unref, useModel, useSlots } from "vue";
+import { get, set } from "@vueuse/shared";
+//#region src/components/buttons/button-group/RuiButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var RuiButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiButtonGroup",
+	inheritAttrs: false,
+	__name: "RuiButtonGroup",
+	props: /* @__PURE__ */ mergeModels({
+		vertical: {
+			type: Boolean,
+			default: false
+		},
+		color: {},
+		activeColor: {},
+		variant: { default: "default" },
+		size: {},
+		gap: {},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const slots = useSlots();
+		const buttonGroupStyles = tv({
+			slots: {
+				root: "inline-flex rounded divide-x divide-rui-grey-400 outline outline-1 outline-transparent outline-offset-[-1px]",
+				button: "border-0 outline-0 focus:z-[1]"
+			},
+			variants: {
+				vertical: {
+					true: {
+						root: "flex-col items-start divide-x-0 divide-y",
+						button: "w-full"
+					},
+					false: {}
+				},
+				gap: {
+					none: { button: "!rounded-none" },
+					sm: {
+						root: "divide-x-0 divide-y-0 outline-0 gap-2",
+						button: "outline-1"
+					},
+					md: {
+						root: "divide-x-0 divide-y-0 outline-0 gap-4",
+						button: "outline-1"
+					},
+					lg: {
+						root: "divide-x-0 divide-y-0 outline-0 gap-6",
+						button: "outline-1"
+					}
+				},
+				variant: {
+					default: {},
+					outlined: { root: "outline-rui-text divide-rui-text" },
+					text: {}
+				},
+				color: {
+					primary: {},
+					secondary: {},
+					error: {},
+					warning: {},
+					info: {},
+					success: {}
+				}
+			},
+			compoundVariants: [
+				{
+					gap: "none",
+					vertical: false,
+					class: { button: "first:!rounded-l last:!rounded-r" }
+				},
+				{
+					gap: "none",
+					vertical: true,
+					class: { button: "first:!rounded-t last:!rounded-b" }
+				},
+				{
+					color: "primary",
+					class: { root: "divide-rui-primary-darker" }
+				},
+				{
+					color: "secondary",
+					class: { root: "divide-rui-secondary-darker" }
+				},
+				{
+					color: "error",
+					class: { root: "divide-rui-error-darker" }
+				},
+				{
+					color: "warning",
+					class: { root: "divide-rui-warning-darker" }
+				},
+				{
+					color: "info",
+					class: { root: "divide-rui-info-darker" }
+				},
+				{
+					color: "success",
+					class: { root: "divide-rui-success-darker" }
+				},
+				{
+					color: "primary",
+					variant: ["outlined", "text"],
+					class: { root: "divide-rui-primary/[0.5]" }
+				},
+				{
+					color: "secondary",
+					variant: ["outlined", "text"],
+					class: { root: "divide-rui-secondary/[0.5]" }
+				},
+				{
+					color: "error",
+					variant: ["outlined", "text"],
+					class: { root: "divide-rui-error/[0.5]" }
+				},
+				{
+					color: "warning",
+					variant: ["outlined", "text"],
+					class: { root: "divide-rui-warning/[0.5]" }
+				},
+				{
+					color: "info",
+					variant: ["outlined", "text"],
+					class: { root: "divide-rui-info/[0.5]" }
+				},
+				{
+					color: "success",
+					variant: ["outlined", "text"],
+					class: { root: "divide-rui-success/[0.5]" }
+				},
+				{
+					color: "primary",
+					variant: "outlined",
+					class: { root: "outline-rui-primary/[0.5]" }
+				},
+				{
+					color: "secondary",
+					variant: "outlined",
+					class: { root: "outline-rui-secondary/[0.5]" }
+				},
+				{
+					color: "error",
+					variant: "outlined",
+					class: { root: "outline-rui-error/[0.5]" }
+				},
+				{
+					color: "warning",
+					variant: "outlined",
+					class: { root: "outline-rui-warning/[0.5]" }
+				},
+				{
+					color: "info",
+					variant: "outlined",
+					class: { root: "outline-rui-info/[0.5]" }
+				},
+				{
+					color: "success",
+					variant: "outlined",
+					class: { root: "outline-rui-success/[0.5]" }
+				}
+			],
+			defaultVariants: {
+				vertical: false,
+				gap: "none",
+				variant: "default"
+			}
+		});
+		const ui = computed(() => buttonGroupStyles({
+			vertical: __props.vertical,
+			gap: __props.gap ?? "none",
+			variant: __props.variant,
+			color: __props.color
+		}));
+		const children = computed(() => {
+			const selectedValue = get(modelValue);
+			return flattenSlotContent(slots.default?.() ?? []).map((child, i) => {
+				const value = child.props?.["model-value"];
+				const active = isActive(value ?? i, selectedValue);
+				const resolvedColor = active && __props.activeColor ? __props.activeColor : __props.color;
+				child.props = {
+					...child.props,
+					active,
+					...__props.disabled && { disabled: true },
+					...resolvedColor && { color: resolvedColor }
+				};
+				return child;
+			});
+		});
+		/**
+		* Flattens slot content by unwrapping Fragments (created by v-for).
+		* Returns only actual VNode children.
+		*/
+		function flattenSlotContent(nodes) {
+			return nodes.flatMap((node) => {
+				if (node.type === Fragment && Array.isArray(node.children) && node.children.length > 0) return flattenSlotContent(node.children.filter(isVNode));
+				return [node];
+			});
+		}
+		function isActive(id, selected) {
+			if (Array.isArray(selected)) return selected.includes(id);
+			return selected === id;
+		}
+		function onClick(id) {
+			const selected = get(modelValue);
+			if (Array.isArray(selected)) {
+				const index = selected.indexOf(id);
+				if (index >= 0) {
+					if (__props.required && selected.length === 1) return;
+					set(modelValue, selected.filter((_, i) => i !== index));
+				} else set(modelValue, [...selected, id]);
+			} else if (__props.required) set(modelValue, id);
+			else set(modelValue, isActive(id, selected) ? void 0 : id);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ class: unref(ui).root() }, _ctx.$attrs), [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
+				return openBlock(), createBlock(resolveDynamicComponent(child), {
+					key: i,
+					class: normalizeClass(unref(ui).button()),
+					size: __props.size,
+					variant: __props.variant,
+					"onUpdate:modelValue": ($event) => onClick($event ?? i)
+				}, null, 8, [
+					"class",
+					"size",
+					"variant",
+					"onUpdate:modelValue"
+				]);
+			}), 128))], 16);
+		};
+	}
+});
+//#endregion
+export { RuiButtonGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiButtonGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/buttons/button-group/RuiButtonGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButtonGroup.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../src/components/buttons/button-group/RuiButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\" generic=\"T = undefined\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { Fragment, isVNode } from 'vue';\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  vertical?: boolean;\n  color?: ContextColorsType;\n  activeColor?: ContextColorsType;\n  variant?: 'default' | 'outlined' | 'text';\n  size?: 'sm' | 'lg';\n  gap?: 'sm' | 'md' | 'lg';\n  required?: boolean;\n  disabled?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiButtonGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<T | T[]>();\n\nconst {\n  vertical = false,\n  color,\n  activeColor,\n  variant = 'default',\n  size,\n  gap,\n  required = false,\n  disabled = false,\n} = defineProps<Props>();\n\nconst slots = useSlots();\n\nconst buttonGroupStyles = tv({\n  slots: {\n    root: 'inline-flex rounded divide-x divide-rui-grey-400 outline outline-1 outline-transparent outline-offset-[-1px]',\n    button: 'border-0 outline-0 focus:z-[1]',\n  },\n  variants: {\n    vertical: {\n      true: {\n        root: 'flex-col items-start divide-x-0 divide-y',\n        button: 'w-full',\n      },\n      false: {},\n    },\n    gap: {\n      none: {\n        button: '!rounded-none',\n      },\n      sm: {\n        root: 'divide-x-0 divide-y-0 outline-0 gap-2',\n        button: 'outline-1',\n      },\n      md: {\n        root: 'divide-x-0 divide-y-0 outline-0 gap-4',\n        button: 'outline-1',\n      },\n      lg: {\n        root: 'divide-x-0 divide-y-0 outline-0 gap-6',\n        button: 'outline-1',\n      },\n    },\n    variant: {\n      default: {},\n      outlined: {\n        root: 'outline-rui-text divide-rui-text',\n      },\n      text: {},\n    },\n    color: {\n      primary: {},\n      secondary: {},\n      error: {},\n      warning: {},\n      info: {},\n      success: {},\n    },\n  },\n  compoundVariants: [\n    // First/last child rounding when not separated (! needed to override RuiButton's CSS module border-radius)\n    { gap: 'none', vertical: false, class: { button: 'first:!rounded-l last:!rounded-r' } },\n    { gap: 'none', vertical: true, class: { button: 'first:!rounded-t last:!rounded-b' } },\n\n    // Color dividers (default variant)\n    { color: 'primary', class: { root: 'divide-rui-primary-darker' } },\n    { color: 'secondary', class: { root: 'divide-rui-secondary-darker' } },\n    { color: 'error', class: { root: 'divide-rui-error-darker' } },\n    { color: 'warning', class: { root: 'divide-rui-warning-darker' } },\n    { color: 'info', class: { root: 'divide-rui-info-darker' } },\n    { color: 'success', class: { root: 'divide-rui-success-darker' } },\n\n    // Color dividers for outlined/text (overrides darker dividers above)\n    { color: 'primary', variant: ['outlined', 'text'], class: { root: 'divide-rui-primary/[0.5]' } },\n    { color: 'secondary', variant: ['outlined', 'text'], class: { root: 'divide-rui-secondary/[0.5]' } },\n    { color: 'error', variant: ['outlined', 'text'], class: { root: 'divide-rui-error/[0.5]' } },\n    { color: 'warning', variant: ['outlined', 'text'], class: { root: 'divide-rui-warning/[0.5]' } },\n    { color: 'info', variant: ['outlined', 'text'], class: { root: 'divide-rui-info/[0.5]' } },\n    { color: 'success', variant: ['outlined', 'text'], class: { root: 'divide-rui-success/[0.5]' } },\n\n    // Color outline for outlined variant\n    { color: 'primary', variant: 'outlined', class: { root: 'outline-rui-primary/[0.5]' } },\n    { color: 'secondary', variant: 'outlined', class: { root: 'outline-rui-secondary/[0.5]' } },\n    { color: 'error', variant: 'outlined', class: { root: 'outline-rui-error/[0.5]' } },\n    { color: 'warning', variant: 'outlined', class: { root: 'outline-rui-warning/[0.5]' } },\n    { color: 'info', variant: 'outlined', class: { root: 'outline-rui-info/[0.5]' } },\n    { color: 'success', variant: 'outlined', class: { root: 'outline-rui-success/[0.5]' } },\n  ],\n  defaultVariants: {\n    vertical: false,\n    gap: 'none',\n    variant: 'default',\n  },\n});\n\nconst ui = computed<ReturnType<typeof buttonGroupStyles>>(() => buttonGroupStyles({\n  vertical,\n  gap: gap ?? 'none',\n  variant,\n  color,\n}));\n\nconst children = computed<VNode[]>(() => {\n  const selectedValue: T | T[] | undefined = get(modelValue);\n  const slotContent = slots.default?.() ?? [];\n  const resolved = flattenSlotContent(slotContent);\n\n  return resolved.map((child, i) => {\n    // child props are in kebab-case\n    const value = child.props?.['model-value'];\n    const active = isActive(value ?? i, selectedValue);\n    const resolvedColor = active && activeColor ? activeColor : color;\n\n    child.props = {\n      ...child.props,\n      active,\n      ...(disabled && { disabled: true }),\n      ...(resolvedColor && { color: resolvedColor }),\n    };\n\n    return child;\n  });\n});\n\n/**\n * Flattens slot content by unwrapping Fragments (created by v-for).\n * Returns only actual VNode children.\n */\nfunction flattenSlotContent(nodes: VNode[]): VNode[] {\n  return nodes.flatMap((node) => {\n    if (node.type === Fragment && Array.isArray(node.children) && node.children.length > 0)\n      return flattenSlotContent(node.children.filter(isVNode));\n\n    return [node];\n  });\n}\n\nfunction isActive(id: T, selected?: T | T[]): boolean {\n  if (Array.isArray(selected))\n    return selected.includes(id);\n\n  return selected === id;\n}\n\nfunction onClick(id: T): void {\n  const selected = get(modelValue);\n\n  if (Array.isArray(selected)) {\n    const index = selected.indexOf(id);\n    if (index >= 0) {\n      if (required && selected.length === 1)\n        return;\n\n      set(modelValue, selected.filter((_, i) => i !== index));\n    }\n    else {\n      set(modelValue, [...selected, id]);\n    }\n  }\n  else if (required) {\n    set(modelValue, id);\n  }\n  else {\n    set(modelValue, isActive(id, selected) ? undefined : id);\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n  >\n    <Component\n      :is=\"child\"\n      v-for=\"(child, i) in children\"\n      :key=\"i\"\n      :class=\"ui.button()\"\n      :size=\"size\"\n      :variant=\"variant\"\n      @update:model-value=\"onClick($event ?? i)\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/calendar/RuiCalendar.js

@@ -0,0 +1,7 @@
+import RuiCalendar_vue_vue_type_script_setup_true_lang_default from "./RuiCalendar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/calendar/RuiCalendar.vue
+var RuiCalendar_default = RuiCalendar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiCalendar_default as default };
+
+//# sourceMappingURL=RuiCalendar.js.map