nuance-ui 0.2.36 → 0.3.1

package/dist/runtime/components/drawer/drawer-close-button.vue

@@ -2,6 +2,7 @@
 import DialogCloseButton from "../dialog/ui/dialog-close-button.vue";
 const props = defineProps({
   size: { type: null, required: false },
+  iconSize: { type: [Number, String], required: false },
   gradient: { type: Object, required: false },
   color: { type: null, required: false },
   radius: { type: [String, Number, Object], required: false },
@@ -10,6 +11,10 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   mod: { type: [Object, Array, null], required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false }
 });
 </script>

package/dist/runtime/components/files/file-upload-button.vue

@@ -28,6 +28,10 @@ const {
   leftSectionProps: { type: Object, required: false },
   rightSectionProps: { type: Object, required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false },
   is: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false },

package/dist/runtime/components/files/file-upload-icon.vue

@@ -16,6 +16,7 @@ const {
   reset: { type: null, required: false },
   directory: { type: null, required: false },
   size: { type: null, required: false },
+  iconSize: { type: [Number, String], required: false },
   gradient: { type: Object, required: false },
   color: { type: null, required: false },
   radius: { type: [String, Number, Object], required: false },
@@ -24,6 +25,10 @@ const {
   disabled: { type: Boolean, required: false },
   mod: { type: [Object, Array, null], required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false },
   capture: { type: null, required: false },
   initialFiles: { type: null, required: false },

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

@@ -1,4 +1,4 @@
-export type * from './accordion.vue';
+export * from './accordion/index.js';
 export * from './action-icon/index.js';
 export * from './app-shell/index.js';
 export * from './avatar/index.js';
@@ -11,7 +11,7 @@ export * from './calendar/index.js';
 export * from './card/index.js';
 export * from './checkbox/index.js';
 export * from './chip/index.js';
-export * from './collapsible/index.js';
+export type * from './collapse.vue';
 export * from './combobox/index.js';
 export type * from './container.vue';
 export type * from './date-time-picker.vue';

package/dist/runtime/components/index.js

@@ -1,3 +1,4 @@
+export * from "./accordion/index.js";
 export * from "./action-icon/index.js";
 export * from "./app-shell/index.js";
 export * from "./avatar/index.js";
@@ -6,7 +7,6 @@ export * from "./calendar/index.js";
 export * from "./card/index.js";
 export * from "./checkbox/index.js";
 export * from "./chip/index.js";
-export * from "./collapsible/index.js";
 export * from "./combobox/index.js";
 export * from "./dialog/index.js";
 export * from "./drawer/index.js";

package/dist/runtime/components/input/date-picker.d.vue.ts

@@ -20,8 +20,8 @@ declare const __VLS_export: <Mode extends SelectionMode>(__VLS_props: NonNullabl
         onNext?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: DateSelection<Mode> | undefined) => any) | undefined;
         onPrev?: (() => any) | undefined;
-        onLevel?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
+        onLevel?: (() => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -38,7 +38,7 @@ declare const __VLS_export: <Mode extends SelectionMode>(__VLS_props: NonNullabl
     } & {
         description?: (props: {}) => any;
     };
-    emit: (((evt: "select", date: DateSelection<Mode>) => void) & ((evt: "close") => void) & ((evt: "next") => void) & ((evt: "prev") => void) & ((evt: "level") => void) & ((evt: "open") => void)) & ((event: "update:modelValue", value: DateSelection<Mode> | undefined) => void);
+    emit: (((evt: "select", date: DateSelection<Mode>) => void) & ((evt: "close") => void) & ((evt: "next") => void) & ((evt: "prev") => void) & ((evt: "open") => void) & ((evt: "level") => void)) & ((event: "update:modelValue", value: DateSelection<Mode> | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/input/date-picker.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_export: <Mode extends SelectionMode>(__VLS_props: NonNullabl
         onNext?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: DateSelection<Mode> | undefined) => any) | undefined;
         onPrev?: (() => any) | undefined;
-        onLevel?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
+        onLevel?: (() => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -38,7 +38,7 @@ declare const __VLS_export: <Mode extends SelectionMode>(__VLS_props: NonNullabl
     } & {
         description?: (props: {}) => any;
     };
-    emit: (((evt: "select", date: DateSelection<Mode>) => void) & ((evt: "close") => void) & ((evt: "next") => void) & ((evt: "prev") => void) & ((evt: "level") => void) & ((evt: "open") => void)) & ((event: "update:modelValue", value: DateSelection<Mode> | undefined) => void);
+    emit: (((evt: "select", date: DateSelection<Mode>) => void) & ((evt: "close") => void) & ((evt: "next") => void) & ((evt: "prev") => void) & ((evt: "open") => void) & ((evt: "level") => void)) & ((event: "update:modelValue", value: DateSelection<Mode> | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/link/lib.d.ts

@@ -1,5 +1,5 @@
 import type { NuxtLinkProps } from '#app';
 export declare function pickLinkProps<T extends NuxtLinkProps>(props: T): {
-    link: Pick<T, "replace" | "target" | "to" | "external" | "rel" | "noRel" | "prefetch" | "noPrefetch" | "prefetchOn" | "trailingSlash" | "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "prefetchedClass" | "viewTransition">;
-    rest: Omit<T, "replace" | "target" | "to" | "external" | "rel" | "noRel" | "prefetch" | "noPrefetch" | "prefetchOn" | "trailingSlash" | "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "prefetchedClass" | "viewTransition">;
+    link: Pick<T, "replace" | "to" | "target" | "external" | "rel" | "noRel" | "prefetch" | "noPrefetch" | "prefetchOn" | "trailingSlash" | "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "prefetchedClass" | "viewTransition">;
+    rest: Omit<T, "replace" | "to" | "target" | "external" | "rel" | "noRel" | "prefetch" | "noPrefetch" | "prefetchOn" | "trailingSlash" | "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "prefetchedClass" | "viewTransition">;
 };

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

@@ -30,6 +30,10 @@ const props = defineProps({
   leftSectionProps: { type: Object, required: false },
   rightSectionProps: { type: Object, required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false },
   is: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false }

package/dist/runtime/components/modal/modal-close-button.vue

@@ -2,6 +2,7 @@
 import DialogCloseButton from "../dialog/ui/dialog-close-button.vue";
 const props = defineProps({
   size: { type: null, required: false },
+  iconSize: { type: [Number, String], required: false },
   gradient: { type: Object, required: false },
   color: { type: null, required: false },
   radius: { type: [String, Number, Object], required: false },
@@ -10,6 +11,10 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   mod: { type: [Object, Array, null], required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false }
 });
 </script>

package/dist/runtime/components/nav-link/nav-icon-link.d.vue.ts

@@ -1,23 +1,17 @@
 import type { ActionIconProps } from '@nui/components';
 import type { NuanceColor } from '@nui/types';
 import type { NuxtLinkProps } from 'nuxt/app';
-export interface NavIconLinkProps extends ActionIconProps, Omit<NuxtLinkProps, 'href' | 'custom'> {
+export interface NavIconLinkProps extends Omit<ActionIconProps, 'active'>, Omit<NuxtLinkProps, 'href' | 'custom'> {
     /** Link target */
     to: NuxtLinkProps['to'];
     /** Color from theme */
     color?: NuanceColor;
     /** Icon name shorthand */
     icon?: string;
-    /**
-     * Variant applied in active state
-     * @default `'filled'`
-     */
-    active?: ActionIconProps['variant'];
-    /**
-     * Variant applied in inactive state
-     * @default `'default'`
-     */
-    notActive?: ActionIconProps['variant'];
+    /** Variant applied in inactive state @default 'default' */
+    variant?: ActionIconProps['variant'];
+    /** Variant applied in active state @default 'filled' */
+    activeVariant?: ActionIconProps['variant'];
 }
 declare var __VLS_16: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/nav-link/nav-icon-link.vue

@@ -3,23 +3,25 @@ import ActionIcon from "../action-icon/action-icon.vue";
 import { pickLinkProps } from "../link";
 defineOptions({ inheritAttrs: false });
 const {
-  active = "filled",
-  notActive = "default",
+  variant,
+  activeVariant,
   mod,
   ...etc
 } = defineProps({
   to: { type: null, required: true },
   color: { type: null, required: false },
   icon: { type: String, required: false },
-  active: { type: String, required: false },
-  notActive: { type: String, required: false },
+  variant: { type: String, required: false },
+  activeVariant: { type: String, required: false },
   size: { type: null, required: false },
+  iconSize: { type: [Number, String], required: false },
   gradient: { type: Object, required: false },
   radius: { type: [String, Number, Object], required: false },
   loading: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   mod: { type: [Object, Array, null], required: false },
-  variant: { type: String, required: false },
+  activeMode: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false },
   external: { type: Boolean, required: false },
   target: { type: [String, Object, null], required: false },
@@ -45,9 +47,11 @@ const { link, rest } = pickLinkProps(etc);
 			is='a'
 			v-bind='{ ...rest, ...$attrs }'
 			:href
-			:variant='isActive ? active : notActive'
-			:mod='[{ active: isActive }, mod]'
-			:aria-current="isActive ? 'page' : void 0"
+			:variant
+			:active='isActive'
+			:active-variant
+			active-mode='current'
+			:mod
 			:rel='"rel" in linkProps ? linkProps?.rel : void 0'
 			:target='"target" in linkProps ? linkProps?.target : void 0'
 			@click='navigate'

package/dist/runtime/components/nav-link/nav-icon-link.vue.d.ts

@@ -1,23 +1,17 @@
 import type { ActionIconProps } from '@nui/components';
 import type { NuanceColor } from '@nui/types';
 import type { NuxtLinkProps } from 'nuxt/app';
-export interface NavIconLinkProps extends ActionIconProps, Omit<NuxtLinkProps, 'href' | 'custom'> {
+export interface NavIconLinkProps extends Omit<ActionIconProps, 'active'>, Omit<NuxtLinkProps, 'href' | 'custom'> {
     /** Link target */
     to: NuxtLinkProps['to'];
     /** Color from theme */
     color?: NuanceColor;
     /** Icon name shorthand */
     icon?: string;
-    /**
-     * Variant applied in active state
-     * @default `'filled'`
-     */
-    active?: ActionIconProps['variant'];
-    /**
-     * Variant applied in inactive state
-     * @default `'default'`
-     */
-    notActive?: ActionIconProps['variant'];
+    /** Variant applied in inactive state @default 'default' */
+    variant?: ActionIconProps['variant'];
+    /** Variant applied in active state @default 'filled' */
+    activeVariant?: ActionIconProps['variant'];
 }
 declare var __VLS_16: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/table/ui/table-sortable-header.vue

@@ -23,6 +23,10 @@ const {
   leftSectionProps: { type: Object, required: false },
   rightSectionProps: { type: Object, required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false },
   is: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false },

package/dist/runtime/components/tabs/tabs-root.d.vue.ts

@@ -62,8 +62,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    orientation: "vertical" | "horizontal";
     variant: TabsVariant;
+    orientation: "vertical" | "horizontal";
     placement: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/tabs/tabs-root.vue.d.ts

@@ -62,8 +62,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    orientation: "vertical" | "horizontal";
     variant: TabsVariant;
+    orientation: "vertical" | "horizontal";
     placement: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/text.vue

@@ -45,7 +45,7 @@ const _mod = computed(() => [{
 const style = useVarsResolver((theme) => ({
   root: {
     "--text-fz": getFontSize(fz || size),
-    "--text-ff": ff ? `var(--font-family${ff === "text" ? "" : ff})` : void 0,
+    "--text-ff": ff ? `var(--font-family-${ff === "text" ? "" : ff})` : void 0,
     "--text-fw": fw?.toString(),
     "--text-lh": getLineHeight(lh || size),
     "--text-gradient": variant === "gradient" ? getGradient(gradient, theme) : void 0,

package/dist/runtime/components/theme-toggle.vue

@@ -3,6 +3,7 @@ import { useConfig, useTheme } from "@nui/composables";
 import ActionIcon from "./action-icon/action-icon.vue";
 const props = defineProps({
   size: { type: null, required: false },
+  iconSize: { type: [Number, String], required: false },
   gradient: { type: Object, required: false },
   color: { type: null, required: false },
   radius: { type: [String, Number, Object], required: false },
@@ -11,6 +12,10 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   mod: { type: [Object, Array, null], required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false }
 });
 const theme = useTheme();

package/dist/runtime/composables/use-config.d.ts

@@ -2,5 +2,6 @@ import type { VariantColorResolverOptions } from '@nui/utils';
 /** Returns the configured icon registry merged with module defaults. */
 export declare function useConfig(): {
     icons: any;
+    activeVariants: any;
     variantResolver: (options: VariantColorResolverOptions) => import("#imports").VariantColorResolverResult;
 };

package/dist/runtime/composables/use-config.js

@@ -1,9 +1,10 @@
 import { createVariantColorResolver } from "@nui/utils";
 import { useAppConfig } from "#imports";
 export function useConfig() {
-  const { icons, gradient } = useAppConfig().nui;
+  const { icons, gradient, activeVariants } = useAppConfig().nui;
   return {
     icons,
+    activeVariants,
     variantResolver: (options) => createVariantColorResolver({
       ...options,
       gradient: options.gradient ?? gradient

package/dist/runtime/utils/const/active-variants.d.ts

@@ -0,0 +1,11 @@
+/** Variant an ActionIcon switches to when `active`, keyed by its base variant. */
+export declare const DEFAULT_ACTIVE_VARIANTS: {
+    readonly default: "filled";
+    readonly light: "filled";
+    readonly outline: "filled";
+    readonly subtle: "light";
+    readonly filled: "filled";
+    readonly gradient: "gradient";
+    readonly 'gradient-outline': "gradient";
+};
+export type ActiveVariantsMap = Record<keyof typeof DEFAULT_ACTIVE_VARIANTS, string>;

package/dist/runtime/utils/const/active-variants.js

@@ -0,0 +1,9 @@
+export const DEFAULT_ACTIVE_VARIANTS = {
+  "default": "filled",
+  "light": "filled",
+  "outline": "filled",
+  "subtle": "light",
+  "filled": "filled",
+  "gradient": "gradient",
+  "gradient-outline": "gradient"
+};

package/dist/runtime/utils/const/index.d.ts

@@ -1,2 +1,3 @@
+export * from './active-variants.js';
 export * from './gradient.js';
 export * from './icons.js';

package/dist/runtime/utils/const/index.js

@@ -1,2 +1,3 @@
+export * from "./active-variants.js";
 export * from "./gradient.js";
 export * from "./icons.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.2.36",
+	"version": "0.3.1",
 	"description": "A modern Nuxt UI library inspired by the best of the React ecosystem.",
 	"repository": {
 		"type": "git",

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

@@ -1,79 +0,0 @@
-import type { Classes, NuanceRadius } from '@nui/types';
-import type { TitleProps } from './title.vue.js';
-export interface AccordionItem {
-    label?: string;
-    slot?: string;
-    content?: string;
-    disabled?: boolean;
-    /** Iconify icon */
-    icon?: string;
-    /** Iconify icon */
-    trailingIcon?: string;
-    /**
-   * A unique value for the accordion item. Defaults to the index.
-   * Also used as the Vue `key` for this item, so providing a stable value prevents
-   * accordion content (and its local state) from remounting when items are added, removed,
-   * or reordered.
-   */
-    value?: string;
-}
-type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';
-export interface AccordionProps<Multiple extends boolean = false> {
-    /** If set, multiple items can be opened at the same time @default false */
-    multiple?: Multiple;
-    /** If set, arrow keys loop through items (first to last and last to first) @default true */
-    loop?: boolean;
-    /** @default 'default' */
-    variant?: AccordionVariant;
-    /** Transition duration in ms @default 200 */
-    transitionDuration?: number;
-    /** If set, chevron rotation is disabled @default false */
-    disableChevronRotation?: boolean;
-    /** Position of the chevron relative to the item label @default right */
-    chevronPosition?: 'left' | 'right';
-    /** Size of the chevron icon container @default auto */
-    chevronSize?: number | string;
-    /**
-     * Size of the default chevron icon. Ignored when `chevron` prop is set.
-     * Use `chevronSize` instead when using custom chevron.
-     * @default 16
-     */
-    chevronIconSize?: number | string;
-    /**
-     * Sets heading level (h2-h6) for `Accordion.Control` elements.
-     * Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements.
-     * Has no visual effect.
-     */
-    order?: TitleProps['order'];
-    /** Custom chevron icon */
-    chevron?: string;
-    /**
-     * Key of `theme.radius` or any valid CSS value to set border-radius.
-     * Numbers are converted to rem.
-     *  @default theme.defaultRadius */
-    radius?: NuanceRadius;
-    /**
-     *  If set to `false`, panels are unmounted when collapsed.
-     * By default, panels stay mounted when collapsed. @default true
-     */
-    keepMounted?: boolean;
-    classes?: Classes<'root' | 'content' | 'item' | 'panel' | 'icon' | 'chevron' | 'label' | 'itemTitle' | 'control'>;
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: <Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<AccordionProps<Multiple>> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

package/dist/runtime/components/accordion.vue

@@ -1,44 +0,0 @@
-<script>
-
-</script>
-
-<script setup>
-import { getRadius, getSize, useVarsResolver } from "#imports";
-import Box from "./box.vue";
-const {
-  transitionDuration,
-  chevronSize,
-  radius
-} = defineProps({
-  multiple: { type: null, required: false },
-  loop: { type: Boolean, required: false },
-  variant: { type: String, required: false },
-  transitionDuration: { type: Number, required: false },
-  disableChevronRotation: { type: Boolean, required: false },
-  chevronPosition: { type: String, required: false },
-  chevronSize: { type: [Number, String], required: false },
-  chevronIconSize: { type: [Number, String], required: false },
-  order: { type: String, required: false },
-  chevron: { type: String, required: false },
-  radius: { type: [String, Number], required: false },
-  keepMounted: { type: Boolean, required: false },
-  classes: { type: Object, required: false }
-});
-const style = useVarsResolver(() => ({
-  root: {
-    "--accordion-transition-duration": transitionDuration === void 0 ? void 0 : `${transitionDuration}ms`,
-    "--accordion-chevron-size": chevronSize === void 0 ? void 0 : getSize(chevronSize),
-    "--accordion-radius": radius === void 0 ? void 0 : getRadius(radius)
-  }
-}));
-</script>
-
-<template>
-	<Box :style='style.root'>
-		accordion
-	</Box>
-</template>
-
-<style module>
-.root{--accordion-radius:var(--radius-default)}.panel{overflow-wrap:break-word}.content{padding:var(--spacing-md);padding-top:calc(var(--spacing-xs)/2)}.itemTitle{margin:0;padding:0;width:100%}.control{align-items:center;background-color:transparent;color:var(--color-bright);cursor:pointer;display:flex;flex-direction:row-reverse;opacity:1;padding-inline:var(--spacing-md);width:100%}.control:where([data-chevron-position=left]){flex-direction:row;padding-inline-start:0}.control:where(:disabled,[data-disabled]){cursor:not-allowed;opacity:.4}.control--contained:where(:not(:disabled,[data-disabled])),.control--default:where(:not(:disabled,[data-disabled])){@mixin hover{@mixin where-light{background-color:var(--color-gray-0)}@mixin where-dark{background-color:var(--color-dark-6)}}}.label{color:inherit;flex:1;font-weight:var(--font-weight-regular);overflow:hidden;padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm);text-overflow:ellipsis}.chevron{align-items:center;display:flex;justify-content:flex-start;min-width:var(--accordion-chevron-size,rem(15px));transform:rotate(0deg);transition:transform var(--accordion-transition-duration,.2s) ease;width:var(--accordion-chevron-size,rem(15px))}.chevron:where([data-rotate]){transform:rotate(180deg)}.chevron:where([data-position=left]){margin-inline-end:var(--spacing-md);margin-inline-start:var(--spacing-md)}.icon{align-items:center;display:flex;justify-content:center;margin-inline-end:var(--spacing-sm)}.icon:where([data-chevron-position=left]){margin-inline-end:0;margin-inline-start:var(--spacing-lg)}.item{@mixin where-light{--item-border-color:var(--color-gray-3);--item-filled-color:var(--color-gray-0)}@mixin where-dark{--item-border-color:var(--color-dark-4);--item-filled-color:var(--color-dark-6)}}.item--default{border-bottom:1px solid var(--item-border-color)}.item--contained{border:1px solid var(--item-border-color);transition:background-color .15s ease}.item--contained:where([data-active]){background-color:var(--item-filled-color)}.item--contained:first-of-type,.item--contained:first-of-type>[data-accordion-control]{border-start-end-radius:var(--accordion-radius);border-start-start-radius:var(--accordion-radius)}.item--contained:last-of-type,.item--contained:last-of-type>[data-accordion-control]{border-end-end-radius:var(--accordion-radius);border-end-start-radius:var(--accordion-radius)}.item--contained+.item--contained{border-top:0}.item--filled{border-radius:var(--accordion-radius)}.item--filled:where([data-active]){background-color:var(--item-filled-color)}.item--separated{background-color:var(--item-filled-color);border:1px solid transparent;border-radius:var(--accordion-radius);transition:background-color .15s ease}.item--separated[data-active]{border-color:var(--item-border-color);@mixin where-light{background-color:var(--color-white)}@mixin where-dark{background-color:var(--color-dark-7)}}.item--separated+.item--separated{margin-top:var(--spacing-md)}
-</style>

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

@@ -1,79 +0,0 @@
-import type { Classes, NuanceRadius } from '@nui/types';
-import type { TitleProps } from './title.vue.js';
-export interface AccordionItem {
-    label?: string;
-    slot?: string;
-    content?: string;
-    disabled?: boolean;
-    /** Iconify icon */
-    icon?: string;
-    /** Iconify icon */
-    trailingIcon?: string;
-    /**
-   * A unique value for the accordion item. Defaults to the index.
-   * Also used as the Vue `key` for this item, so providing a stable value prevents
-   * accordion content (and its local state) from remounting when items are added, removed,
-   * or reordered.
-   */
-    value?: string;
-}
-type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';
-export interface AccordionProps<Multiple extends boolean = false> {
-    /** If set, multiple items can be opened at the same time @default false */
-    multiple?: Multiple;
-    /** If set, arrow keys loop through items (first to last and last to first) @default true */
-    loop?: boolean;
-    /** @default 'default' */
-    variant?: AccordionVariant;
-    /** Transition duration in ms @default 200 */
-    transitionDuration?: number;
-    /** If set, chevron rotation is disabled @default false */
-    disableChevronRotation?: boolean;
-    /** Position of the chevron relative to the item label @default right */
-    chevronPosition?: 'left' | 'right';
-    /** Size of the chevron icon container @default auto */
-    chevronSize?: number | string;
-    /**
-     * Size of the default chevron icon. Ignored when `chevron` prop is set.
-     * Use `chevronSize` instead when using custom chevron.
-     * @default 16
-     */
-    chevronIconSize?: number | string;
-    /**
-     * Sets heading level (h2-h6) for `Accordion.Control` elements.
-     * Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements.
-     * Has no visual effect.
-     */
-    order?: TitleProps['order'];
-    /** Custom chevron icon */
-    chevron?: string;
-    /**
-     * Key of `theme.radius` or any valid CSS value to set border-radius.
-     * Numbers are converted to rem.
-     *  @default theme.defaultRadius */
-    radius?: NuanceRadius;
-    /**
-     *  If set to `false`, panels are unmounted when collapsed.
-     * By default, panels stay mounted when collapsed. @default true
-     */
-    keepMounted?: boolean;
-    classes?: Classes<'root' | 'content' | 'item' | 'panel' | 'icon' | 'chevron' | 'label' | 'itemTitle' | 'control'>;
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: <Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<AccordionProps<Multiple>> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

package/dist/runtime/components/collapsible/collapsible-content.d.vue.ts

@@ -1,18 +0,0 @@
-import type { BoxProps } from '../box.vue.js';
-export interface CollapsibleContentProps extends BoxProps {
-    /**
-     * Used to force mounting when more control is needed. Useful when
-     * controlling animation with Vue animation libraries.
-     */
-    forceMount?: boolean;
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};