@rotki/ui-library 2.21.0 → 2.22.0

package/dist/components/forms/category-picker/category-picker-styles.d.ts

@@ -0,0 +1,432 @@
+import { type TextInputVariant } from '../../../components/forms/text-input-styles.js';
+export type CategoryPickerVariant = TextInputVariant;
+/**
+ * Form-field trigger, shared with `RuiAutoComplete` / `RuiMenuSelect` via
+ * `activatorStyles`: floating label, outlined/filled/underline variants,
+ * error + hint details, required marker.
+ */
+export declare const categoryPickerActivatorStyles: import("tailwind-variants").TVReturnType<{
+    filled: {
+        true: {};
+    };
+}, undefined, 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: {};
+    };
+    hovered: {
+        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: {};
+    };
+    hovered: {
+        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>>>>;
+/**
+ * Layout styles for `RuiCategoryPicker`. Item and category rows lean on
+ * `RuiButton variant="list"` for their interactive/active visuals; these slots
+ * cover only the surrounding two-pane (and mobile drill-in) scaffold.
+ */
+export declare const categoryPickerStyles: import("tailwind-variants").TVReturnType<{
+    mode: {
+        twoPane: {
+            root: string;
+            body: string;
+            rail: string;
+        };
+        drill: {
+            root: string;
+            body: string;
+            rail: string;
+        };
+    };
+    dense: {
+        true: {
+            header: string;
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    title: string;
+    body: string;
+    rail: string;
+    railCount: string;
+    detail: string;
+    highlighted: string;
+    subheader: string;
+    empty: string;
+    footer: string;
+    backButton: string;
+}, undefined, {
+    mode: {
+        twoPane: {
+            root: string;
+            body: string;
+            rail: string;
+        };
+        drill: {
+            root: string;
+            body: string;
+            rail: string;
+        };
+    };
+    dense: {
+        true: {
+            header: string;
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    title: string;
+    body: string;
+    rail: string;
+    railCount: string;
+    detail: string;
+    highlighted: string;
+    subheader: string;
+    empty: string;
+    footer: string;
+    backButton: string;
+}, import("tailwind-variants").TVReturnType<{
+    mode: {
+        twoPane: {
+            root: string;
+            body: string;
+            rail: string;
+        };
+        drill: {
+            root: string;
+            body: string;
+            rail: string;
+        };
+    };
+    dense: {
+        true: {
+            header: string;
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    title: string;
+    body: string;
+    rail: string;
+    railCount: string;
+    detail: string;
+    highlighted: string;
+    subheader: string;
+    empty: string;
+    footer: string;
+    backButton: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/forms/category-picker/category-picker-styles.js

@@ -0,0 +1,59 @@
+import { tv } from "../../../utils/tv.js";
+import { activatorStyles } from "../text-input-styles.js";
+//#region src/components/forms/category-picker/category-picker-styles.ts
+/**
+* Form-field trigger, shared with `RuiAutoComplete` / `RuiMenuSelect` via
+* `activatorStyles`: floating label, outlined/filled/underline variants,
+* error + hint details, required marker.
+*/
+var categoryPickerActivatorStyles = tv({
+	extend: activatorStyles,
+	variants: { filled: { true: {} } }
+});
+/**
+* Layout styles for `RuiCategoryPicker`. Item and category rows lean on
+* `RuiButton variant="list"` for their interactive/active visuals; these slots
+* cover only the surrounding two-pane (and mobile drill-in) scaffold.
+*/
+var categoryPickerStyles = tv({
+	slots: {
+		root: "flex flex-col min-w-0 bg-white dark:bg-rui-grey-900 rounded-md overflow-hidden",
+		header: "flex flex-col gap-3 p-4 border-b border-rui-grey-200 dark:border-rui-grey-800",
+		title: "text-h6 text-rui-text",
+		body: "grid min-h-0 max-h-[60vh]",
+		rail: "flex flex-col gap-0.5 p-2 overflow-y-auto outline-none border-rui-grey-200 dark:border-rui-grey-800",
+		railCount: "ml-auto pl-2 text-caption tabular-nums text-rui-text-secondary",
+		detail: "flex flex-col gap-0.5 p-2 overflow-y-auto outline-none min-w-0",
+		highlighted: "!bg-rui-grey-100 dark:!bg-rui-grey-800",
+		subheader: "px-3 pt-3 pb-1 text-overline text-rui-text-secondary uppercase",
+		empty: "flex flex-1 items-center justify-center p-8 text-body-2 text-rui-text-secondary text-center",
+		footer: "p-3 border-t border-rui-grey-200 dark:border-rui-grey-800",
+		backButton: "flex items-center gap-2"
+	},
+	variants: {
+		mode: {
+			twoPane: {
+				root: "w-[40rem] max-w-[calc(100vw-2rem)]",
+				body: "grid-cols-[minmax(9.5rem,13rem)_1fr]",
+				rail: "border-r"
+			},
+			drill: {
+				root: "w-full",
+				body: "grid-cols-1",
+				rail: "border-r-0"
+			}
+		},
+		dense: { true: {
+			header: "p-3",
+			title: "text-subtitle-1"
+		} }
+	},
+	defaultVariants: {
+		mode: "twoPane",
+		dense: false
+	}
+});
+//#endregion
+export { categoryPickerActivatorStyles, categoryPickerStyles };
+
+//# sourceMappingURL=category-picker-styles.js.map

package/dist/components/forms/category-picker/category-picker-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-picker-styles.js","names":[],"sources":["../../../../src/components/forms/category-picker/category-picker-styles.ts"],"sourcesContent":["import { activatorStyles, type TextInputVariant } from '@/components/forms/text-input-styles';\nimport { tv } from '@/utils/tv';\n\nexport type CategoryPickerVariant = TextInputVariant;\n\n/**\n * Form-field trigger, shared with `RuiAutoComplete` / `RuiMenuSelect` via\n * `activatorStyles`: floating label, outlined/filled/underline variants,\n * error + hint details, required marker.\n */\nexport const categoryPickerActivatorStyles = tv({\n  extend: activatorStyles,\n  variants: {\n    // Re-declare for type inference — actual styles live in activatorStyles.\n    filled: { true: {} },\n  },\n});\n\n/**\n * Layout styles for `RuiCategoryPicker`. Item and category rows lean on\n * `RuiButton variant=\"list\"` for their interactive/active visuals; these slots\n * cover only the surrounding two-pane (and mobile drill-in) scaffold.\n */\nexport const categoryPickerStyles = tv({\n  slots: {\n    root: 'flex flex-col min-w-0 bg-white dark:bg-rui-grey-900 rounded-md overflow-hidden',\n    header: 'flex flex-col gap-3 p-4 border-b border-rui-grey-200 dark:border-rui-grey-800',\n    title: 'text-h6 text-rui-text',\n    body: 'grid min-h-0 max-h-[60vh]',\n    rail: 'flex flex-col gap-0.5 p-2 overflow-y-auto outline-none border-rui-grey-200 dark:border-rui-grey-800',\n    railCount: 'ml-auto pl-2 text-caption tabular-nums text-rui-text-secondary',\n    detail: 'flex flex-col gap-0.5 p-2 overflow-y-auto outline-none min-w-0',\n    // Keyboard highlight for the active-descendant item (focus lives on the\n    // pane container, so the highlight is the only per-item focus cue).\n    highlighted: '!bg-rui-grey-100 dark:!bg-rui-grey-800',\n    subheader: 'px-3 pt-3 pb-1 text-overline text-rui-text-secondary uppercase',\n    empty: 'flex flex-1 items-center justify-center p-8 text-body-2 text-rui-text-secondary text-center',\n    footer: 'p-3 border-t border-rui-grey-200 dark:border-rui-grey-800',\n    backButton: 'flex items-center gap-2',\n  },\n  variants: {\n    mode: {\n      // Desktop: category rail beside the detail pane, inside an anchored\n      // popover. The explicit width lets the `1fr` detail column resolve\n      // (a `w-max` popover would otherwise collapse it to its content).\n      twoPane: {\n        root: 'w-[40rem] max-w-[calc(100vw-2rem)]',\n        body: 'grid-cols-[minmax(9.5rem,13rem)_1fr]',\n        rail: 'border-r',\n      },\n      // Narrow width: one column at a time, drill in and back out, inside a\n      // full-width bottom sheet.\n      drill: {\n        root: 'w-full',\n        body: 'grid-cols-1',\n        rail: 'border-r-0',\n      },\n    },\n    dense: {\n      true: {\n        header: 'p-3',\n        title: 'text-subtitle-1',\n      },\n    },\n  },\n  defaultVariants: {\n    mode: 'twoPane',\n    dense: false,\n  },\n});\n"],"mappings":";;;;;;;;AAUA,IAAa,gCAAgC,GAAG;CAC9C,QAAQ;CACR,UAAU,EAER,QAAQ,EAAE,MAAM,CAAC,EAAE,EACrB;AACF,CAAC;;;;;;AAOD,IAAa,uBAAuB,GAAG;CACrC,OAAO;EACL,MAAM;EACN,QAAQ;EACR,OAAO;EACP,MAAM;EACN,MAAM;EACN,WAAW;EACX,QAAQ;EAGR,aAAa;EACb,WAAW;EACX,OAAO;EACP,QAAQ;EACR,YAAY;CACd;CACA,UAAU;EACR,MAAM;GAIJ,SAAS;IACP,MAAM;IACN,MAAM;IACN,MAAM;GACR;GAGA,OAAO;IACL,MAAM;IACN,MAAM;IACN,MAAM;GACR;EACF;EACA,OAAO,EACL,MAAM;GACJ,QAAQ;GACR,OAAO;EACT,EACF;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;CACT;AACF,CAAC"}

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

@@ -1 +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"}
+{"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;AAAG;AAC5D,IAAM,oBAAoB;AAE1B,SAAgB,wBAAwB,MAA4B;CAClE,OAAQ,QAAQ,WAAW,SAAU;AACvC;;;;;AAMA,IAAa,qBAAqB,GAAG;CACnC,OAAO;EACL,SAAS;EACT,OAAO;EACP,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;EACF,CAAC,CAAC,KAAK,GAAG;EACV,OAAO;CACT;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IACF,SAAS;IACT,OAAO;GACT;GACA,IAAI;IACF,SAAS;IACT,OAAO;GACT;EACF;EACA,UAAU,EACR,MAAM;GACJ,SAAS;GACT,SAAS;GACT,OAAO;EACT,EACF;EACA,SAAS;GACP,MAAM,CAAC;GACP,OAAO,CAAC;EACV;EACA,YAAY;GACV,OAAO,EAAE,SAAS,kBAAkB;GACpC,SAAS,EAAE,SAAS,oBAAoB;EAC1C;EACA,OAAO;GACL,SAAS,CAAC;GACV,WAAW,CAAC;GACZ,OAAO,CAAC;GACR,SAAS,CAAC;GACV,MAAM,CAAC;GACP,SAAS,CAAC;EACZ;CACF;CACA,kBAAkB;EAEhB;GAAE,OAAO;GAAW,OAAO,EAAE,SAAS,wBAAwB;EAAE;EAChE;GAAE,OAAO;GAAa,OAAO,EAAE,SAAS,0BAA0B;EAAE;EACpE;GAAE,OAAO;GAAS,OAAO,EAAE,SAAS,sBAAsB;EAAE;EAC5D;GAAE,OAAO;GAAW,OAAO,EAAE,SAAS,wBAAwB;EAAE;EAChE;GAAE,OAAO;GAAQ,OAAO,EAAE,SAAS,qBAAqB;EAAE;EAC1D;GAAE,OAAO;GAAW,OAAO,EAAE,SAAS,wBAAwB;EAAE;EAGhE;GAAE,OAAO;GAAW,SAAS;GAAM,OAAO,EAAE,SAAS,mBAAmB;EAAE;EAC1E;GAAE,OAAO;GAAa,SAAS;GAAM,OAAO,EAAE,SAAS,qBAAqB;EAAE;EAC9E;GAAE,OAAO;GAAS,SAAS;GAAM,OAAO,EAAE,SAAS,iBAAiB;EAAE;EACtE;GAAE,OAAO;GAAW,SAAS;GAAM,OAAO,EAAE,SAAS,mBAAmB;EAAE;EAC1E;GAAE,OAAO;GAAQ,SAAS;GAAM,OAAO,EAAE,SAAS,gBAAgB;EAAE;EACpE;GAAE,OAAO;GAAW,SAAS;GAAM,OAAO,EAAE,SAAS,mBAAmB;EAAE;CAC5E;CACA,iBAAiB;EACf,UAAU;EACV,SAAS;CACX;AACF,CAAC"}

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

@@ -17,11 +17,11 @@ var _hoisted_3 = {
 	key: 0,
 	class: "text-rui-error"
 };
-var RuiCheckbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RuiCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "RuiCheckbox",
 	inheritAttrs: false,
 	__name: "RuiCheckbox",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		value: { default: () => void 0 },
 		disabled: {
 			type: Boolean,

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

@@ -1 +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 generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { objectPick } from '@vueuse/shared';\nimport { checkControlStyles, getCheckControlIconSize } from '@/components/forms/check-control-styles';\nimport { RuiCheckboxGroupContextKey } from '@/components/forms/checkbox/checkbox-group/context';\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<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: 'RuiCheckbox',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<boolean>({ default: false });\n\nconst indeterminate = defineModel<boolean>('indeterminate', { default: false });\n\nconst {\n  value = undefined,\n  disabled: disabledProp = false,\n  color: colorProp = undefined,\n  size: sizeProp = undefined,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  required = false,\n} = defineProps<Props<TValue>>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst el = useTemplateRef<HTMLInputElement>('el');\n\nconst group = inject(RuiCheckboxGroupContextKey, undefined);\n\nconst disabled = computed<boolean>(() => disabledProp || (group ? toValue(group.disabled) : false));\nconst color = computed<ContextColorsType | undefined>(() => colorProp ?? (group ? toValue(group.color) : undefined));\nconst size = computed<'sm' | 'lg' | undefined>(() => sizeProp ?? (group ? toValue(group.size) : undefined));\n// Suppress per-child details inside a group so the group's own hint/error wins.\nconst effectiveHideDetails = computed<boolean>(() => hideDetails || (group !== undefined && value !== undefined));\n\nconst { hasError, validation } = useFormTextDetail(\n  () => errorMessages,\n  () => successMessages,\n);\n\nconst internalModelValue = computed<boolean>({\n  get: () => {\n    if (group && value !== undefined)\n      return group.isChecked(value);\n    return get(modelValue);\n  },\n  set: (checked: boolean) => {\n    if (checked)\n      set(indeterminate, false);\n    if (group && value !== undefined)\n      group.toggle(value, checked);\n    else\n      set(modelValue, checked);\n  },\n});\n\nconst ui = computed<ReturnType<typeof checkControlStyles>>(() => checkControlStyles({\n  size: get(size),\n  disabled: get(disabled),\n  checked: get(internalModelValue) || get(indeterminate),\n  validation: get(validation),\n  color: get(color),\n}));\n\nconst iconSize = computed<number>(() => getCheckControlIconSize(get(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=\"internalModelValue || 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=\"internalModelValue\"\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=\"!effectiveHideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}
+{"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 generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { objectPick } from '@vueuse/shared';\nimport { checkControlStyles, getCheckControlIconSize } from '@/components/forms/check-control-styles';\nimport { RuiCheckboxGroupContextKey } from '@/components/forms/checkbox/checkbox-group/context';\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<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: 'RuiCheckbox',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<boolean>({ default: false });\n\nconst indeterminate = defineModel<boolean>('indeterminate', { default: false });\n\nconst {\n  value = undefined,\n  disabled: disabledProp = false,\n  color: colorProp = undefined,\n  size: sizeProp = undefined,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  required = false,\n} = defineProps<Props<TValue>>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst el = useTemplateRef<HTMLInputElement>('el');\n\nconst group = inject(RuiCheckboxGroupContextKey, undefined);\n\nconst disabled = computed<boolean>(() => disabledProp || (group ? toValue(group.disabled) : false));\nconst color = computed<ContextColorsType | undefined>(() => colorProp ?? (group ? toValue(group.color) : undefined));\nconst size = computed<'sm' | 'lg' | undefined>(() => sizeProp ?? (group ? toValue(group.size) : undefined));\n// Suppress per-child details inside a group so the group's own hint/error wins.\nconst effectiveHideDetails = computed<boolean>(() => hideDetails || (group !== undefined && value !== undefined));\n\nconst { hasError, validation } = useFormTextDetail(\n  () => errorMessages,\n  () => successMessages,\n);\n\nconst internalModelValue = computed<boolean>({\n  get: () => {\n    if (group && value !== undefined)\n      return group.isChecked(value);\n    return get(modelValue);\n  },\n  set: (checked: boolean) => {\n    if (checked)\n      set(indeterminate, false);\n    if (group && value !== undefined)\n      group.toggle(value, checked);\n    else\n      set(modelValue, checked);\n  },\n});\n\nconst ui = computed<ReturnType<typeof checkControlStyles>>(() => checkControlStyles({\n  size: get(size),\n  disabled: get(disabled),\n  checked: get(internalModelValue) || get(indeterminate),\n  validation: get(validation),\n  color: get(color),\n}));\n\nconst iconSize = computed<number>(() => getCheckControlIconSize(get(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=\"internalModelValue || 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=\"internalModelValue\"\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=\"!effectiveHideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/forms/checkbox/checkbox-group/RuiCheckboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -11,11 +11,11 @@ var _hoisted_2 = {
 	key: 0,
 	class: "text-rui-error"
 };
-var RuiCheckboxGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RuiCheckboxGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "RuiCheckboxGroup",
 	inheritAttrs: false,
 	__name: "RuiCheckboxGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		inline: {
 			type: Boolean,
 			default: false

package/dist/components/forms/checkbox/checkbox-group/RuiCheckboxGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiCheckboxGroup.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../src/components/forms/checkbox/checkbox-group/RuiCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { RuiCheckboxGroupContextKey } from '@/components/forms/checkbox/checkbox-group/context';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\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: 'RuiCheckboxGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue[]>({ default: () => [] });\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\ndefineSlots<{\n  default?: () => any;\n}>();\n\nfunction arrayIncludes(arr: readonly TValue[], value: unknown): boolean {\n  return Array.prototype.includes.call(arr, value);\n}\n\nprovide(RuiCheckboxGroupContextKey, {\n  isChecked: (value: unknown): boolean => arrayIncludes(get(modelValue), value),\n  toggle: (value: unknown, checked: boolean): void => {\n    const current = get(modelValue);\n    const present = arrayIncludes(current, value);\n    if (checked === present)\n      return;\n    if (checked)\n      set(modelValue, [...current, value as TValue]);\n    else\n      set(modelValue, current.filter(v => v !== value));\n  },\n  disabled: () => disabled,\n  color: () => color,\n  size: () => size,\n});\n</script>\n\n<template>\n  <div\n    role=\"group\"\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      <slot />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,aAAa,SAAqB,SAAA,aAAuB;EAmB/D,SAAS,cAAc,KAAwB,OAAyB;AACtE,UAAO,MAAM,UAAU,SAAS,KAAK,KAAK,MAAM;;AAGlD,UAAQ,4BAA4B;GAClC,YAAY,UAA4B,cAAc,IAAI,WAAW,EAAE,MAAM;GAC7E,SAAS,OAAgB,YAA2B;IAClD,MAAM,UAAU,IAAI,WAAW;AAE/B,QAAI,YADY,cAAc,SAAS,MAAM,CAE3C;AACF,QAAI,QACF,KAAI,YAAY,CAAC,GAAG,SAAS,MAAgB,CAAC;QAE9C,KAAI,YAAY,QAAQ,QAAO,MAAK,MAAM,MAAM,CAAC;;GAErD,gBAAgB,QAAA;GAChB,aAAa,QAAA;GACb,YAAY,QAAA;GACb,CAAC;;uBAIA,mBAyBM,OAzBN,WAyBM,EAxBJ,MAAK,SAAO,EACJA,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,mBAEM,OAAA,EAFA,OAAK,eAAA,EAAA,kBAAsB,QAAA,QAAM,CAAA,EAAA,EAAA,CACrC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;KAGD,QAAA,eAAA,WAAA,EADT,YAKE,2BAAA;;KAHC,kBAAgB,QAAA;KAChB,oBAAkB,QAAA;KAClB,MAAM,QAAA"}
+{"version":3,"file":"RuiCheckboxGroup.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../src/components/forms/checkbox/checkbox-group/RuiCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { RuiCheckboxGroupContextKey } from '@/components/forms/checkbox/checkbox-group/context';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\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: 'RuiCheckboxGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue[]>({ default: () => [] });\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\ndefineSlots<{\n  default?: () => any;\n}>();\n\nfunction arrayIncludes(arr: readonly TValue[], value: unknown): boolean {\n  return Array.prototype.includes.call(arr, value);\n}\n\nprovide(RuiCheckboxGroupContextKey, {\n  isChecked: (value: unknown): boolean => arrayIncludes(get(modelValue), value),\n  toggle: (value: unknown, checked: boolean): void => {\n    const current = get(modelValue);\n    const present = arrayIncludes(current, value);\n    if (checked === present)\n      return;\n    if (checked)\n      set(modelValue, [...current, value as TValue]);\n    else\n      set(modelValue, current.filter(v => v !== value));\n  },\n  disabled: () => disabled,\n  color: () => color,\n  size: () => size,\n});\n</script>\n\n<template>\n  <div\n    role=\"group\"\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      <slot />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,aAAa,SAAqB,SAAA,YAAsB;EAmB9D,SAAS,cAAc,KAAwB,OAAyB;GACtE,OAAO,MAAM,UAAU,SAAS,KAAK,KAAK,KAAK;EACjD;EAEA,QAAQ,4BAA4B;GAClC,YAAY,UAA4B,cAAc,IAAI,UAAU,GAAG,KAAK;GAC5E,SAAS,OAAgB,YAA2B;IAClD,MAAM,UAAU,IAAI,UAAU;IAE9B,IAAI,YADY,cAAc,SAAS,KACvB,GACd;IACF,IAAI,SACF,IAAI,YAAY,CAAC,GAAG,SAAS,KAAe,CAAC;SAE7C,IAAI,YAAY,QAAQ,QAAO,MAAK,MAAM,KAAK,CAAC;GACpD;GACA,gBAAgB,QAAA;GAChB,aAAa,QAAA;GACb,YAAY,QAAA;EACd,CAAC;;uBAIC,mBAyBM,OAzBN,WAyBM,EAxBJ,MAAK,QAAO,GACJA,KAAAA,MAAM,GAAA;IAGN,QAAA,SAAA,UAAA,GADR,mBAWM,OAXN,YAWM,CAAA,gBAAA,gBAPD,QAAA,KAAK,IAAG,KACX,CAAA,GACQ,QAAA,YAAA,UAAA,GADR,mBAKO,QALP,YAGC,KAED,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEF,mBAEM,OAAA,EAFA,OAAK,eAAA,EAAA,kBAAsB,QAAA,OAAM,CAAA,EAAA,GAAA,CACrC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;KAGD,QAAA,eAAA,UAAA,GADT,YAKE,2BAAA;;KAHC,kBAAgB,QAAA;KAChB,oBAAkB,QAAA;KAClB,MAAM,QAAA"}

package/dist/components/forms/checkbox/checkbox-group/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../../src/components/forms/checkbox/checkbox-group/context.ts"],"sourcesContent":["import type { InjectionKey, MaybeRefOrGetter } from 'vue';\nimport type { ContextColorsType } from '@/consts/colors';\n\nexport interface RuiCheckboxGroupContext {\n  isChecked: (value: unknown) => boolean;\n  toggle: (value: unknown, checked: boolean) => void;\n  disabled: MaybeRefOrGetter<boolean>;\n  color: MaybeRefOrGetter<ContextColorsType | undefined>;\n  size: MaybeRefOrGetter<'sm' | 'lg' | undefined>;\n}\n\nexport const RuiCheckboxGroupContextKey: InjectionKey<RuiCheckboxGroupContext>\n  = Symbol('RuiCheckboxGroupContext');\n"],"mappings":";AAWA,IAAa,6BACT,OAAO,0BAA0B"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../../../src/components/forms/checkbox/checkbox-group/context.ts"],"sourcesContent":["import type { InjectionKey, MaybeRefOrGetter } from 'vue';\nimport type { ContextColorsType } from '@/consts/colors';\n\nexport interface RuiCheckboxGroupContext {\n  isChecked: (value: unknown) => boolean;\n  toggle: (value: unknown, checked: boolean) => void;\n  disabled: MaybeRefOrGetter<boolean>;\n  color: MaybeRefOrGetter<ContextColorsType | undefined>;\n  size: MaybeRefOrGetter<'sm' | 'lg' | undefined>;\n}\n\nexport const RuiCheckboxGroupContextKey: InjectionKey<RuiCheckboxGroupContext>\n  = Symbol('RuiCheckboxGroupContext');\n"],"mappings":";AAWA,IAAa,6BACT,OAAO,yBAAyB"}