nuance-ui 0.1.1

package/dist/runtime/components/button/button.vue

@@ -0,0 +1,108 @@
+<script setup>
+import { useStyleResolver } from "@nui/composals";
+import { createVariantColorResolver, getFontSize, getRadius, getSize } from "@nui/utils";
+import { computed } from "vue";
+import Box from "../box.vue";
+import Loader from "../loader/loader.vue";
+import css from "./button.module.css";
+const {
+  color,
+  size = "sm",
+  variant = "default",
+  gradient,
+  loading,
+  classes,
+  leftSectionPE = "none",
+  leftSectionProps,
+  rightSectionPE = "all",
+  rightSectionProps,
+  is = "button",
+  radius,
+  mod: _mod
+} = defineProps({
+  size: { type: null, required: false },
+  variant: { type: String, required: false },
+  gradient: { type: Object, required: false },
+  loading: { type: Boolean, required: false },
+  color: { type: null, required: false },
+  radius: { type: [String, Number], required: false },
+  classes: { type: Object, required: false },
+  leftSectionPE: { type: null, required: false },
+  leftSectionProps: { type: Object, required: false },
+  rightSectionPE: { type: null, required: false },
+  rightSectionProps: { type: Object, required: false }
+});
+const style = computed(() => useStyleResolver((theme) => {
+  const {
+    background,
+    border,
+    hover,
+    text
+  } = createVariantColorResolver({ variant, color, theme, gradient });
+  return {
+    root: {
+      "--button-height": getSize(size, "button-height"),
+      "--button-padding-x": getSize(size, "button-padding-x"),
+      "--button-fz": size?.includes("compact") ? getFontSize(size.replace("compact-", "")) : getFontSize(size),
+      "--button-bg": background,
+      "--button-hover": hover,
+      "--button-color": text,
+      "--button-bd": border,
+      "--button-radius": getRadius(radius)
+    },
+    leftSection: {
+      "--section-pointer-events": leftSectionPE
+    },
+    rightSection: {
+      "--section-pointer-events": rightSectionPE
+    }
+  };
+}));
+const mod = computed(() => [{ loading, variant }, _mod]);
+</script>
+
+<template>
+	<Box
+		:is
+		:mod='[
+  mod,
+  {
+    "with-left-section": !!$slots?.leftSection,
+    "with-right-section": !!$slots?.rightSection
+  }
+]'
+		:style='style.root'
+		:class='[css.root, classes?.root]'
+		:disabled='loading'
+	>
+		<Transition name='fade-down'>
+			<Loader v-show='loading' :class='css.loader' :color :size />
+		</Transition>
+
+		<span :class='[css.inner, classes?.inner]'>
+			<span
+				v-if='$slots.leftSection'
+				:class='[css.section, classes?.section]'
+				data-position='left'
+				v-bind='leftSectionProps'
+				:style='style.leftSection'
+			>
+				<slot name='leftSection' />
+			</span>
+
+			<span :class='[css.label, classes?.label]'>
+				<slot />
+			</span>
+
+			<span
+				v-if='$slots.rightSection'
+				data-position='right'
+				:class='[css.section, classes?.section]'
+				v-bind='rightSectionProps'
+				:style='style.rightSection'
+			>
+				<slot name='rightSection' />
+			</span>
+		</span>
+	</Box>
+</template>

package/dist/runtime/components/button/button.vue.d.ts

@@ -0,0 +1,40 @@
+import type { UiKitColor, UiKitGradient, UiKitRadius, UiKitSize } from '@nui/types';
+import type { HTMLAttributes } from 'vue';
+import type { BoxProps } from '../box.vue.js';
+export interface ButtonProps extends /* @vue-ignore */ BoxProps {
+    size?: UiKitSize | `compact-${UiKitSize}`;
+    variant?: 'filled' | 'light' | 'outline' | 'subtle' | 'default' | 'gradient' | 'gradient-outline';
+    gradient?: UiKitGradient;
+    loading?: boolean;
+    color?: UiKitColor;
+    radius?: UiKitRadius;
+    classes?: {
+        root?: string;
+        inner?: string;
+        label?: string;
+        section?: string;
+    };
+    /** section pointer-events */
+    leftSectionPE?: CSSStyleDeclaration['pointerEvents'];
+    leftSectionProps?: HTMLAttributes;
+    /** section pointer-events */
+    rightSectionPE?: CSSStyleDeclaration['pointerEvents'];
+    rightSectionProps?: HTMLAttributes;
+}
+declare var __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    rightSection?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './button-group.vue';
+export type * from './button.vue';
+export type * from './unstyled-button.vue';

package/dist/runtime/components/button/unstyled-button.d.vue.ts

@@ -0,0 +1,16 @@
+import type { BoxProps } from '../box.vue.js';
+import type { InputBaseProps } from '../input/index.js';
+type __VLS_Props = InputBaseProps & Omit<BoxProps, 'is'>;
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/button/unstyled-button.vue

@@ -0,0 +1,37 @@
+<script setup>
+import Box from "../box.vue";
+const props = defineProps({
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  mod: { type: [Object, Array, null], required: false }
+});
+</script>
+
+<template>
+	<Box is='button' v-bind='props' :class='$style.root' type='button'>
+		<slot />
+	</Box>
+</template>
+
+<style module lang="postcss">
+.root {
+	touch-action: manipulation;
+	cursor: pointer;
+
+	padding: 0;
+	border: 0;
+
+	font-size: var(--font-size-md);
+	color: inherit;
+	text-align: left;
+	text-decoration: none;
+
+	appearance: none;
+	background-color: transparent;
+	-webkit-tap-highlight-color: transparent;
+
+	@mixin where-rtl {
+		text-align: right;
+	}
+}
+</style>

package/dist/runtime/components/button/unstyled-button.vue.d.ts

@@ -0,0 +1,16 @@
+import type { BoxProps } from '../box.vue.js';
+import type { InputBaseProps } from '../input/index.js';
+type __VLS_Props = InputBaseProps & Omit<BoxProps, 'is'>;
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/card/card-section.d.vue.ts

@@ -0,0 +1,19 @@
+import type { BoxProps } from '../box.vue.js';
+export interface CardSectionProps extends /* @vue-ignore */ BoxProps {
+    withBorder?: boolean;
+    /** Determines whether the section should inherit padding from the parent `UiCard`, `false` by default */
+    inheritPadding?: boolean;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CardSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/card/card-section.vue

@@ -0,0 +1,14 @@
+<script setup>
+import Box from "../box.vue";
+import css from "./card.module.css";
+const { is = "section", mod, inheritPadding, withBorder } = defineProps({
+  withBorder: { type: Boolean, required: false },
+  inheritPadding: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+	<Box :is :class='css.section' :mod='[mod, { "with-border": withBorder, "inherit-padding": inheritPadding }]'>
+		<slot />
+	</Box>
+</template>

package/dist/runtime/components/card/card-section.vue.d.ts

@@ -0,0 +1,19 @@
+import type { BoxProps } from '../box.vue.js';
+export interface CardSectionProps extends /* @vue-ignore */ BoxProps {
+    withBorder?: boolean;
+    /** Determines whether the section should inherit padding from the parent `UiCard`, `false` by default */
+    inheritPadding?: boolean;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CardSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/card/card.d.vue.ts

@@ -0,0 +1,18 @@
+import type { UiKitSpacing } from '@nui/types';
+import type { PaperProps } from '../paper.vue.js';
+export interface CardProps extends /* @vue-ignore */ PaperProps {
+    padding?: UiKitSpacing;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/card/card.module.css

@@ -0,0 +1 @@
+.root{--card-padding:var(--spacing-md);color:var(--color-text);display:flex;flex-direction:column;overflow:hidden;padding:var(--card-padding);position:relative;@mixin where-light{background-color:var(--color-white)}@mixin where-dark{background-color:var(--color-dark-6)}}.section{display:block;margin-inline:calc(var(--card-padding)*-1)}.section:where(:first-child){border-top:none!important;margin-top:calc(var(--card-padding)*-1)}.section:where(:last-child){border-bottom:none!important;margin-bottom:calc(var(--card-padding)*-1)}.section:where([data-inherit-padding]){padding-inline:var(--card-padding)}.section:where([data-with-border]){border-bottom:1px solid;border-top:1px solid}.section{@mixin where-light{border-color:var(--color-gray-3)}}.section{@mixin where-dark{border-color:var(--color-dark-4)}}.section+.section{border-top:none!important}

package/dist/runtime/components/card/card.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { getSpacing } from "@nui/utils";
+import { computed } from "vue";
+import Paper from "../paper.vue";
+import css from "./card.module.css";
+const { padding, is = "article", ...rest } = defineProps({
+  padding: { type: [String, Number], required: false }
+});
+const style = computed(() => ({
+  "--card-padding": getSpacing(padding)
+}));
+</script>
+
+<template>
+	<Paper :is :style :class='css.root' v-bind='rest'>
+		<slot />
+	</Paper>
+</template>

package/dist/runtime/components/card/card.vue.d.ts

@@ -0,0 +1,18 @@
+import type { UiKitSpacing } from '@nui/types';
+import type { PaperProps } from '../paper.vue.js';
+export interface CardProps extends /* @vue-ignore */ PaperProps {
+    padding?: UiKitSpacing;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/card/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './card-section.vue';
+export type * from './card.vue';

package/dist/runtime/components/checkbox/checkbox-card.d.vue.ts

@@ -0,0 +1,30 @@
+import type { Mod } from '@nui/composals';
+import type { UiKitRadius } from '@nui/types';
+export interface CheckboxCardProps {
+    mod?: Mod | Mod[];
+    withBorder?: boolean;
+    radius?: UiKitRadius;
+    value?: string;
+}
+type __VLS_Props = CheckboxCardProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/checkbox/checkbox-card.vue

@@ -0,0 +1,76 @@
+<script setup>
+import { getRadius } from "@nui/utils";
+import { computed } from "vue";
+import UnstyledButton from "../button/unstyled-button.vue";
+import { useProvideCheckboxCard } from "./lib/card.context";
+import { useCheckboxGroupState } from "./lib/group.context";
+const {
+  withBorder,
+  value: _value,
+  mod,
+  radius
+} = defineProps({
+  mod: { type: [Object, Array], required: false },
+  withBorder: { type: Boolean, required: false },
+  radius: { type: [String, Number], required: false },
+  value: { type: String, required: false }
+});
+const ctx = useCheckboxGroupState();
+const modelValue = defineModel({ type: Boolean, ...{ default: false } });
+const checked = computed(() => {
+  if (ctx?.value && _value)
+    return ctx?.value.value.includes(_value);
+  return modelValue.value;
+});
+function onUpdate() {
+  if (_value && ctx?.onUpdate)
+    return ctx.onUpdate(_value);
+  return modelValue.value = !modelValue.value;
+}
+useProvideCheckboxCard({ value: checked, onUpdate });
+const style = computed(() => ({
+  "--card-radius": getRadius(radius)
+}));
+</script>
+
+<template>
+	<UnstyledButton
+		:mod='[{ checked, "with-border": withBorder }, mod]'
+		:value='_value'
+		:class='$style.root'
+		:style
+		@click='onUpdate()'
+	>
+		<slot />
+	</UnstyledButton>
+</template>
+
+<style module lang="postcss">
+.root {
+	--card-radius: var(--radius-default);
+
+	cursor: pointer;
+
+	display: block;
+
+	width: 100%;
+
+	border-radius: var(--card-radius);
+
+	& :where(*) {
+		cursor: inherit;
+	}
+
+	&:where([data-with-border]) {
+		border: 1px solid transparent;
+
+		@mixin where-light {
+			border-color: var(--color-gray-3);
+		}
+
+		@mixin where-dark {
+			border-color: var(--color-dark-4);
+		}
+	}
+}
+</style>

package/dist/runtime/components/checkbox/checkbox-card.vue.d.ts

@@ -0,0 +1,30 @@
+import type { Mod } from '@nui/composals';
+import type { UiKitRadius } from '@nui/types';
+export interface CheckboxCardProps {
+    mod?: Mod | Mod[];
+    withBorder?: boolean;
+    radius?: UiKitRadius;
+    value?: string;
+}
+type __VLS_Props = CheckboxCardProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/checkbox/checkbox-group.d.vue.ts

@@ -0,0 +1,34 @@
+import type { UiKitSize } from '@nui/types';
+import type { InputWrapperProps } from '../input/index.js';
+export interface CheckboxGroupProps extends /* @vue-ignore */ Omit<InputWrapperProps, 'resize' | 'multiline' | 'id'> {
+    name: string;
+    size?: UiKitSize;
+}
+type __VLS_Props = CheckboxGroupProps;
+type __VLS_ModelProps = {
+    modelValue?: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_12: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    description?: (props: typeof __VLS_12) => any;
+} & {
+    error?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/checkbox/checkbox-group.vue

@@ -0,0 +1,32 @@
+<script setup>
+import { useId } from "vue";
+import InputWrapper from "../input/ui/input-wrapper.vue";
+import VisuallyHiddenInput from "../visually-hidden/visually-hidden-input.vue";
+import { useProvideCheckboxGroup } from "./lib/group.context";
+const { size, name, ...rest } = defineProps({
+  name: { type: String, required: true },
+  size: { type: String, required: false }
+});
+const value = defineModel({ type: Array, ...{ default: [] } });
+const id = useId();
+useProvideCheckboxGroup({ value, size });
+</script>
+
+<template>
+	<InputWrapper :id v-bind='rest'>
+		<template #label>
+			<slot name='label' />
+		</template>
+
+		<slot />
+
+		<template #description>
+			<slot name='description' />
+		</template>
+		<template #error>
+			<slot name='error' />
+		</template>
+
+		<VisuallyHiddenInput :id v-model='value' :name />
+	</InputWrapper>
+</template>

package/dist/runtime/components/checkbox/checkbox-group.vue.d.ts

@@ -0,0 +1,34 @@
+import type { UiKitSize } from '@nui/types';
+import type { InputWrapperProps } from '../input/index.js';
+export interface CheckboxGroupProps extends /* @vue-ignore */ Omit<InputWrapperProps, 'resize' | 'multiline' | 'id'> {
+    name: string;
+    size?: UiKitSize;
+}
+type __VLS_Props = CheckboxGroupProps;
+type __VLS_ModelProps = {
+    modelValue?: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_12: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    description?: (props: typeof __VLS_12) => any;
+} & {
+    error?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/checkbox/checkbox-indicator.d.vue.ts

@@ -0,0 +1,37 @@
+import type { UiKitColor, UiKitSize } from '@nui/types';
+export interface CheckboxIndicatorProps {
+    color?: UiKitColor;
+    iconColor?: UiKitColor;
+    variant?: 'filled' | 'outline';
+    radius?: UiKitSize;
+    size?: UiKitSize;
+    indeterminate?: boolean;
+}
+type __VLS_Props = CheckboxIndicatorProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {
+    mod: {
+        checked: any;
+    };
+    class: any;
+    indeterminate: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};