ropav 0.0.9 → 0.0.11

package/dist/color-swatch.js

@@ -1,7 +1,8 @@
 import './color-swatch.css';
+import { n as useStylesApi } from "./styles-api.js";
 import { t as parseCssColor } from "./color.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { child, computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref, useAttrs } from "vue";
+import { child, computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template } from "vue";
 //#region src/components/color-swatch/useColorSwatchColor.ts
 function getColorSwatchForeground(color) {
 	const background = parseCssColor(color);
@@ -24,7 +25,7 @@ function getPerceivedBrightness({ red, green, blue }) {
 }
 //#endregion
 //#region src/components/color-swatch/color-swatch.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-b0899989><span data-v-b0899989 class=rp-color-swatch__icon aria-hidden=true>", 1);
+var t0 = template("<span data-v-13032098><span data-v-13032098 class=rp-color-swatch__icon aria-hidden=true>", 1);
 //#endregion
 //#region src/components/color-swatch/color-swatch.vue
 var color_swatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -34,11 +35,13 @@ var color_swatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	props: {
 		color: {},
 		size: {},
-		ariaLabel: {}
+		ariaLabel: {},
+		classNames: {},
+		styles: {}
 	},
 	setup(__props) {
 		const props = __props;
-		const attrs = useAttrs();
+		const { attrs, getRootAttrs } = useStylesApi(props, "root");
 		const isHidden = computed(() => attrs["aria-hidden"] === true || attrs["aria-hidden"] === "true");
 		const rootRole = computed(() => isHidden.value ? void 0 : "img");
 		const rootAriaLabel = computed(() => isHidden.value ? void 0 : props.ariaLabel || `Color swatch ${props.color}`);
@@ -53,21 +56,22 @@ var color_swatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			if (props.size !== void 0) style["--_rp-color-swatch-size"] = normalizeSize(props.size);
 			return style;
 		});
+		const rootAttrs = computed(() => getRootAttrs({
+			class: "rp-color-swatch",
+			style: rootStyle.value,
+			role: rootRole.value,
+			"aria-label": rootAriaLabel.value
+		}));
 		function normalizeSize(size) {
 			return typeof size === "number" ? `${size}px` : size;
 		}
 		const n2 = t0();
 		const n1 = child(n2);
-		renderEffect(() => setDynamicProps(n2, [unref(attrs), {
-			class: "rp-color-swatch",
-			style: rootStyle.value,
-			role: rootRole.value,
-			"aria-label": rootAriaLabel.value
-		}]));
+		renderEffect(() => setDynamicProps(n2, [rootAttrs.value]));
 		setInsertionState(n1, null, 0);
 		createSlot("default", null, null, 1);
 		return n2;
 	}
-}), [["__scopeId", "data-v-b0899989"]]);
+}), [["__scopeId", "data-v-13032098"]]);
 //#endregion
 export { color_swatch_default as t };

package/dist/color-swatch2.js

@@ -0,0 +1,4 @@
+//#region src/components/color-swatch/types.ts
+var colorSwatchParts = ["root"];
+//#endregion
+export { colorSwatchParts as t };

package/dist/components/accordion/accordion-item.d.ts

@@ -1,4 +1,4 @@
-import { AccordionItemProps } from './types';
+import { AccordionItemProps } from './types.js';
 declare const __VLS_export: (__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<AccordionItemProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -7,8 +7,20 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         trigger?: (props: {
-            triggerProps: import('./types').AccordionTriggerProps;
-            value: import('./types').AccordionItemValue;
+            triggerProps: {
+                'data-state': import('./types.js').AccordionState;
+                'data-disabled': "" | undefined;
+                class: import('vue').HTMLAttributes["class"];
+                style?: import('vue').HTMLAttributes["style"];
+                id: string;
+                'aria-disabled'?: boolean;
+                type: "button";
+                disabled?: boolean;
+                'aria-controls': string;
+                'aria-expanded': boolean;
+                onClick: (event: MouseEvent) => void;
+            };
+            value: import('./types.js').AccordionItemValue;
             isOpen: boolean;
             disabled: boolean;
             open: () => void;
@@ -19,7 +31,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
         title?: (props: {}) => any;
     } & {
         default?: (props: {
-            value: import('./types').AccordionItemValue;
+            value: import('./types.js').AccordionItemValue;
             isOpen: boolean;
             disabled: boolean;
             open: () => void;

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

@@ -1,4 +1,4 @@
-import { AccordionModelValue, AccordionProps } from './types';
+import { AccordionModelValue, AccordionProps } from './types.js';
 declare const __VLS_export: (__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 & {
         "onUpdate:modelValue"?: ((value: AccordionModelValue) => any) | undefined;

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

@@ -1,4 +1,5 @@
-export { default as Accordion } from './accordion';
-export { default as AccordionItem } from './accordion-item';
-export { useAccordion, useAccordionItem } from './useAccordion';
-export type { AccordionContentProps, AccordionContext, AccordionItemProps, AccordionItemRootProps, AccordionItemSlotProps, AccordionItemTriggerSlotProps, AccordionItemValue, AccordionModelValue, AccordionOrientation, AccordionProps, AccordionRootProps, AccordionState, AccordionTriggerProps, UseAccordionItemReturn, UseAccordionReturn, } from './types';
+export { default as Accordion } from './accordion.js';
+export { default as AccordionItem } from './accordion-item.js';
+export { useAccordion, useAccordionItem } from './useAccordion.js';
+export { accordionItemParts, accordionParts } from './types.js';
+export type { AccordionItemPart, AccordionContentProps, AccordionContext, AccordionItemProps, AccordionItemRootProps, AccordionItemSlotProps, AccordionItemTriggerSlotProps, AccordionItemValue, AccordionModelValue, AccordionOrientation, AccordionPart, AccordionProps, AccordionRootProps, AccordionState, AccordionTriggerProps, UseAccordionItemReturn, UseAccordionReturn, } from './types.js';

package/dist/components/accordion/index.js

@@ -1,2 +1,2 @@
-import { i as useAccordionItem, n as accordion_default, r as useAccordion, t as accordion_item_default } from "../../accordion.js";
-export { accordion_default as Accordion, accordion_item_default as AccordionItem, useAccordion, useAccordionItem };
+import { a as accordionItemParts, i as useAccordionItem, n as accordion_default, o as accordionParts, r as useAccordion, t as accordion_item_default } from "../../accordion.js";
+export { accordion_default as Accordion, accordion_item_default as AccordionItem, accordionItemParts, accordionParts, useAccordion, useAccordionItem };

package/dist/components/accordion/types.d.ts

@@ -1,10 +1,15 @@
-import { ComputedRef, InjectionKey } from 'vue';
-import { CollapseContentProps, CollapseContentRole, CollapseTriggerProps } from '../collapse/types';
+import { ComputedRef, HTMLAttributes, InjectionKey } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+import { CollapseContentProps, CollapseContentRole, CollapseTriggerProps } from '../collapse/types.js';
 export type AccordionItemValue = string | number;
 export type AccordionModelValue = AccordionItemValue | AccordionItemValue[] | null;
 export type AccordionOrientation = 'vertical' | 'horizontal';
 export type AccordionState = 'open' | 'closed';
-export interface AccordionProps {
+export declare const accordionParts: readonly ["root"];
+export declare const accordionItemParts: readonly ["root", "trigger", "title", "icon", "content"];
+export type AccordionPart = (typeof accordionParts)[number];
+export type AccordionItemPart = (typeof accordionItemParts)[number];
+export interface AccordionProps extends StylesApiProps<AccordionPart> {
     id?: string;
     modelValue?: AccordionModelValue;
     defaultValue?: AccordionModelValue;
@@ -17,7 +22,7 @@ export interface AccordionProps {
     describedby?: string;
     labelledby?: string;
 }
-export interface AccordionItemProps {
+export interface AccordionItemProps extends StylesApiProps<AccordionItemPart> {
     id?: string;
     value: AccordionItemValue;
     title?: string;
@@ -46,7 +51,7 @@ export interface AccordionItemRootProps {
 }
 export interface AccordionTriggerProps extends CollapseTriggerProps {
     id: string;
-    class: string;
+    class: HTMLAttributes['class'];
     'aria-disabled'?: boolean;
 }
 export interface AccordionContentProps extends CollapseContentProps {

package/dist/components/accordion/useAccordion.d.ts

@@ -1,3 +1,3 @@
-import { AccordionItemProps, AccordionModelValue, AccordionProps, UseAccordionItemReturn, UseAccordionReturn } from './types';
+import { AccordionItemProps, AccordionModelValue, AccordionProps, UseAccordionItemReturn, UseAccordionReturn } from './types.js';
 export declare function useAccordion(props: Readonly<AccordionProps>, emitUpdate: (value: AccordionModelValue) => void): UseAccordionReturn;
 export declare function useAccordionItem(props: Readonly<AccordionItemProps>): UseAccordionItemReturn;

package/dist/components/alert/alert.d.ts

@@ -1,8 +1,8 @@
-import { AlertProps } from './types';
+import { AlertProps } from './types.js';
 declare const __VLS_export: (__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<AlertProps & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
         onClose?: (() => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -17,7 +17,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     } & {
         action?: (props: {}) => any;
     };
-    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "close") => void);
+    emit: ((evt: "close") => void) & ((evt: "update:open", value: boolean) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -1,3 +1,3 @@
-export { default as Alert } from './alert';
-export { alertColors, alertRadiuses, alertVariants } from './types';
-export type { AlertColor, AlertProps, AlertRadius, AlertRole, AlertVariant } from './types';
+export { default as Alert } from './alert.js';
+export { alertColors, alertParts, alertRadiuses, alertVariants } from './types.js';
+export type { AlertColor, AlertPart, AlertProps, AlertRadius, AlertRole, AlertVariant, } from './types.js';

package/dist/components/alert/index.js

@@ -1,2 +1,2 @@
-import { i as alert_default, n as alertRadiuses, r as alertVariants, t as alertColors } from "../../alert.js";
-export { alert_default as Alert, alertColors, alertRadiuses, alertVariants };
+import { a as alert_default, i as alertVariants, n as alertParts, r as alertRadiuses, t as alertColors } from "../../alert.js";
+export { alert_default as Alert, alertColors, alertParts, alertRadiuses, alertVariants };

package/dist/components/alert/types.d.ts

@@ -1,4 +1,7 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const alertParts: readonly ["root", "icon", "title", "description", "body", "action", "close"];
+export type AlertPart = (typeof alertParts)[number];
 export declare const alertColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
 export declare const alertVariants: readonly ["subtle", "surface", "outline", "solid"];
 export declare const alertRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl"];
@@ -6,7 +9,7 @@ export type AlertColor = ComponentColorValue;
 export type AlertVariant = (typeof alertVariants)[number];
 export type AlertRadius = (typeof alertRadiuses)[number];
 export type AlertRole = 'alert' | 'status' | 'none';
-export interface AlertProps {
+export interface AlertProps extends StylesApiProps<AlertPart> {
     open?: boolean;
     title?: string;
     description?: string;

package/dist/components/alert/useAlertColor.d.ts

@@ -1,3 +1,3 @@
 import { CSSProperties } from 'vue';
-import { AlertColor, AlertVariant } from './types';
+import { AlertColor, AlertVariant } from './types.js';
 export declare function getAlertColorStyle(color: AlertColor | undefined, variant: AlertVariant | undefined, autoContrast: boolean | undefined): CSSProperties | undefined;

package/dist/components/aspect-ratio/aspect-ratio.d.ts

@@ -1,4 +1,4 @@
-import { AspectRatioProps } from './types';
+import { AspectRatioProps } from './types.js';
 declare const __VLS_export: (__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<AspectRatioProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/aspect-ratio/index.d.ts

@@ -1,2 +1,3 @@
-export { default as AspectRatio } from './aspect-ratio';
-export type { AspectRatioProps } from './types';
+export { default as AspectRatio } from './aspect-ratio.js';
+export { aspectRatioParts } from './types.js';
+export type { AspectRatioPart, AspectRatioProps } from './types.js';

package/dist/components/aspect-ratio/index.js

@@ -1,2 +1,2 @@
-import { t as aspect_ratio_default } from "../../aspect-ratio.js";
-export { aspect_ratio_default as AspectRatio };
+import { n as aspect_ratio_default, t as aspectRatioParts } from "../../aspect-ratio.js";
+export { aspect_ratio_default as AspectRatio, aspectRatioParts };

package/dist/components/aspect-ratio/types.d.ts

@@ -1,3 +1,6 @@
-export interface AspectRatioProps {
+import { StylesApiProps } from '../../styles-api.js';
+export declare const aspectRatioParts: readonly ["root"];
+export type AspectRatioPart = (typeof aspectRatioParts)[number];
+export interface AspectRatioProps extends StylesApiProps<AspectRatioPart> {
     ratio?: number;
 }

package/dist/components/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps } from './types';
+import { AvatarProps } from './types.js';
 declare const __VLS_export: (__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<AvatarProps & {
         onLoad?: ((event: Event) => any) | undefined;

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

@@ -1,3 +1,3 @@
-export { default as Avatar } from './avatar';
-export { avatarColors, avatarRadiuses, avatarSizes, avatarVariants } from './types';
-export type { AvatarColor, AvatarProps, AvatarRadius, AvatarSize, AvatarVariant } from './types';
+export { default as Avatar } from './avatar.js';
+export { avatarColors, avatarParts, avatarRadiuses, avatarSizes, avatarVariants } from './types.js';
+export type { AvatarColor, AvatarPart, AvatarProps, AvatarRadius, AvatarSize, AvatarVariant, } from './types.js';

package/dist/components/avatar/index.js

@@ -1,2 +1,2 @@
-import { a as avatar_default, i as avatarVariants, n as avatarRadiuses, r as avatarSizes, t as avatarColors } from "../../avatar.js";
-export { avatar_default as Avatar, avatarColors, avatarRadiuses, avatarSizes, avatarVariants };
+import { a as avatarVariants, i as avatarSizes, n as avatarParts, o as avatar_default, r as avatarRadiuses, t as avatarColors } from "../../avatar.js";
+export { avatar_default as Avatar, avatarColors, avatarParts, avatarRadiuses, avatarSizes, avatarVariants };

package/dist/components/avatar/types.d.ts

@@ -1,4 +1,7 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const avatarParts: readonly ["root", "image", "fallback"];
+export type AvatarPart = (typeof avatarParts)[number];
 export declare const avatarColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
 export declare const avatarSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export declare const avatarRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
@@ -7,7 +10,7 @@ export type AvatarColor = ComponentColorValue;
 export type AvatarSize = (typeof avatarSizes)[number];
 export type AvatarRadius = (typeof avatarRadiuses)[number];
 export type AvatarVariant = (typeof avatarVariants)[number];
-export interface AvatarProps {
+export interface AvatarProps extends StylesApiProps<AvatarPart> {
     src?: string | null;
     alt?: string;
     ariaLabel?: string;

package/dist/components/avatar/useAvatarColor.d.ts

@@ -1,3 +1,3 @@
 import { CSSProperties } from 'vue';
-import { AvatarColor, AvatarVariant } from './types';
+import { AvatarColor, AvatarVariant } from './types.js';
 export declare function getAvatarColorStyle(color: AvatarColor | undefined, variant: AvatarVariant | undefined, autoContrast: boolean | undefined): CSSProperties | undefined;

package/dist/components/badge/badge.d.ts

@@ -1,4 +1,4 @@
-import { BadgeProps } from './types';
+import { BadgeProps } from './types.js';
 declare const __VLS_export: (__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<BadgeProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,3 +1,3 @@
-export { default as Badge } from './badge';
-export { badgeColors, badgeRadiuses, badgeSizes, badgeVariants } from './types';
-export type { BadgeColor, BadgeProps, BadgeRadius, BadgeSize, BadgeVariant } from './types';
+export { default as Badge } from './badge.js';
+export { badgeColors, badgeParts, badgeRadiuses, badgeSizes, badgeVariants } from './types.js';
+export type { BadgeColor, BadgePart, BadgeProps, BadgeRadius, BadgeSize, BadgeVariant, } from './types.js';

package/dist/components/badge/index.js

@@ -1,2 +1,2 @@
-import { a as badge_default, i as badgeVariants, n as badgeRadiuses, r as badgeSizes, t as badgeColors } from "../../badge.js";
-export { badge_default as Badge, badgeColors, badgeRadiuses, badgeSizes, badgeVariants };
+import { a as badgeVariants, i as badgeSizes, n as badgeParts, o as badge_default, r as badgeRadiuses, t as badgeColors } from "../../badge.js";
+export { badge_default as Badge, badgeColors, badgeParts, badgeRadiuses, badgeSizes, badgeVariants };

package/dist/components/badge/types.d.ts

@@ -1,4 +1,7 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const badgeParts: readonly ["root", "left", "label", "right"];
+export type BadgePart = (typeof badgeParts)[number];
 export declare const badgeColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
 export declare const badgeSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export declare const badgeRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
@@ -7,7 +10,7 @@ export type BadgeColor = ComponentColorValue;
 export type BadgeSize = (typeof badgeSizes)[number];
 export type BadgeRadius = (typeof badgeRadiuses)[number];
 export type BadgeVariant = (typeof badgeVariants)[number];
-export interface BadgeProps {
+export interface BadgeProps extends StylesApiProps<BadgePart> {
     variant?: BadgeVariant;
     color?: BadgeColor;
     autoContrast?: boolean;

package/dist/components/badge/useBadgeColor.d.ts

@@ -1,3 +1,3 @@
 import { CSSProperties } from 'vue';
-import { BadgeColor, BadgeVariant } from './types';
+import { BadgeColor, BadgeVariant } from './types.js';
 export declare function getBadgeColorStyle(color: BadgeColor | undefined, variant: BadgeVariant | undefined, autoContrast: boolean | undefined): CSSProperties | undefined;

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

@@ -1,4 +1,4 @@
-import { ButtonProps } from './types';
+import { ButtonProps } from './types.js';
 declare const __VLS_export: (__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<ButtonProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,2 +1,3 @@
-export { default as Button } from './button';
-export type { ButtonColor, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant } from './types';
+export { default as Button } from './button.js';
+export { buttonParts } from './types.js';
+export type { ButtonColor, ButtonPart, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant, } from './types.js';

package/dist/components/button/index.js

@@ -1,2 +1,2 @@
-import { t as button_default } from "../../button.js";
-export { button_default as Button };
+import { n as button_default, t as buttonParts } from "../../button.js";
+export { button_default as Button, buttonParts };

package/dist/components/button/types.d.ts

@@ -1,9 +1,12 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const buttonParts: readonly ["root", "loader", "left", "label", "right"];
+export type ButtonPart = (typeof buttonParts)[number];
 export type ButtonColor = ComponentColorValue;
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type ButtonRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type ButtonVariant = 'solid' | 'subtle' | 'surface' | 'outline' | 'ghost' | 'plain';
-export interface ButtonProps {
+export interface ButtonProps extends StylesApiProps<ButtonPart> {
     variant?: ButtonVariant;
     color?: ButtonColor;
     autoContrast?: boolean;

package/dist/components/button/useButtonColor.d.ts

@@ -1,3 +1,3 @@
 import { CSSProperties } from 'vue';
-import { ButtonColor, ButtonVariant } from './types';
+import { ButtonColor, ButtonVariant } from './types.js';
 export declare function getButtonColorStyle(color: ButtonColor | undefined, variant: ButtonVariant | undefined, autoContrast: boolean | undefined): CSSProperties | undefined;

package/dist/components/button-group/button-group.d.ts

@@ -1,4 +1,4 @@
-import { ButtonGroupProps } from './types';
+import { ButtonGroupProps } from './types.js';
 declare const __VLS_export: (__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<ButtonGroupProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/button-group/index.d.ts

@@ -1,2 +1,3 @@
-export { default as ButtonGroup } from './button-group';
-export type { ButtonGroupOrientation, ButtonGroupProps } from './types';
+export { default as ButtonGroup } from './button-group.js';
+export { buttonGroupParts } from './types.js';
+export type { ButtonGroupOrientation, ButtonGroupPart, ButtonGroupProps } from './types.js';

package/dist/components/button-group/index.js

@@ -1,2 +1,2 @@
-import { t as button_group_default } from "../../button-group.js";
-export { button_group_default as ButtonGroup };
+import { n as button_group_default, t as buttonGroupParts } from "../../button-group.js";
+export { button_group_default as ButtonGroup, buttonGroupParts };

package/dist/components/button-group/types.d.ts

@@ -1,5 +1,8 @@
+import { StylesApiProps } from '../../styles-api.js';
+export declare const buttonGroupParts: readonly ["root"];
+export type ButtonGroupPart = (typeof buttonGroupParts)[number];
 export type ButtonGroupOrientation = 'horizontal' | 'vertical';
-export interface ButtonGroupProps {
+export interface ButtonGroupProps extends StylesApiProps<ButtonGroupPart> {
     id?: string;
     orientation?: ButtonGroupOrientation;
     attached?: boolean;

package/dist/components/button-link/button-link.d.ts

@@ -1,4 +1,4 @@
-import { ButtonLinkProps } from './types';
+import { ButtonLinkProps } from './types.js';
 declare const __VLS_export: (__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<ButtonLinkProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/button-link/index.d.ts

@@ -1,2 +1,3 @@
-export { default as ButtonLink } from './button-link';
-export type { ButtonLinkColor, ButtonLinkProps, ButtonLinkRadius, ButtonLinkSize, ButtonLinkTarget, ButtonLinkVariant, } from './types';
+export { default as ButtonLink } from './button-link.js';
+export { buttonLinkParts } from './types.js';
+export type { ButtonLinkColor, ButtonLinkPart, ButtonLinkProps, ButtonLinkRadius, ButtonLinkSize, ButtonLinkTarget, ButtonLinkVariant, } from './types.js';

package/dist/components/button-link/index.js

@@ -1,2 +1,2 @@
-import { t as button_link_default } from "../../button-link.js";
-export { button_link_default as ButtonLink };
+import { n as button_link_default, t as buttonLinkParts } from "../../button-link.js";
+export { button_link_default as ButtonLink, buttonLinkParts };

package/dist/components/button-link/types.d.ts

@@ -1,10 +1,13 @@
-import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types';
+import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const buttonLinkParts: readonly ["root", "loader", "left", "label", "right"];
+export type ButtonLinkPart = (typeof buttonLinkParts)[number];
 export type ButtonLinkColor = ButtonColor;
 export type ButtonLinkSize = ButtonSize;
 export type ButtonLinkRadius = ButtonRadius;
 export type ButtonLinkVariant = ButtonVariant;
 export type ButtonLinkTarget = '_self' | '_blank' | '_parent' | '_top' | (string & {});
-export interface ButtonLinkProps {
+export interface ButtonLinkProps extends StylesApiProps<ButtonLinkPart> {
     href?: string;
     target?: ButtonLinkTarget;
     rel?: string;

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

@@ -1,4 +1,4 @@
-import { CardProps } from './types';
+import { CardProps } from './types.js';
 declare const __VLS_export: (__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<CardProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,2 +1,3 @@
-export { default as Card } from './card';
-export type { CardLayer, CardPadding, CardProps, CardRadius } from './types';
+export { default as Card } from './card.js';
+export { cardParts } from './types.js';
+export type { CardLayer, CardPadding, CardPart, CardProps, CardRadius } from './types.js';

package/dist/components/card/index.js

@@ -1,2 +1,2 @@
-import { t as card_default } from "../../card.js";
-export { card_default as Card };
+import { n as card_default, t as cardParts } from "../../card.js";
+export { card_default as Card, cardParts };

package/dist/components/card/types.d.ts

@@ -1,8 +1,11 @@
 import { HTMLAttributes } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const cardParts: readonly ["root", "header", "title", "description", "body", "footer"];
+export type CardPart = (typeof cardParts)[number];
 export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
 export type CardRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type CardLayer = 'base' | 'surface' | 'raised';
-export interface CardProps {
+export interface CardProps extends StylesApiProps<CardPart> {
     layer?: CardLayer;
     padding?: CardPadding;
     radius?: CardRadius;
@@ -11,5 +14,6 @@ export interface CardProps {
     footerBorder?: boolean;
     title?: string;
     description?: string;
+    /** @deprecated Use `classNames.body` instead. */
     bodyClass?: HTMLAttributes['class'];
 }

package/dist/components/checkbox/checkbox.d.ts

@@ -1,11 +1,14 @@
-import { CheckboxProps } from './types';
+import { CheckboxProps } from './types.js';
 declare const __VLS_export: (__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<CheckboxProps & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElement: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+        focus: (options?: FocusOptions) => void;
+    }>) => void;
     attrs: any;
     slots: {
         default?: (props: {}) => any;

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

@@ -1,2 +1,3 @@
-export { default as Checkbox } from './checkbox';
-export type { CheckboxColor, CheckboxProps, CheckboxRadius, CheckboxSize, CheckboxVariant, } from './types';
+export { default as Checkbox } from './checkbox.js';
+export { checkboxParts } from './types.js';
+export type { CheckboxColor, CheckboxPart, CheckboxProps, CheckboxRadius, CheckboxSize, CheckboxVariant, } from './types.js';

package/dist/components/checkbox/index.js

@@ -1,2 +1,2 @@
-import { t as checkbox_default } from "../../checkbox.js";
-export { checkbox_default as Checkbox };
+import { n as checkbox_default, t as checkboxParts } from "../../checkbox.js";
+export { checkbox_default as Checkbox, checkboxParts };

package/dist/components/checkbox/types.d.ts

@@ -1,9 +1,13 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { InputHTMLAttributes } from 'vue';
+import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const checkboxParts: readonly ["root", "input", "indicator", "label"];
+export type CheckboxPart = (typeof checkboxParts)[number];
 export type CheckboxColor = ComponentColorValue;
 export type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type CheckboxRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type CheckboxVariant = 'solid' | 'outline';
-export interface CheckboxProps {
+export interface CheckboxProps extends StylesApiProps<CheckboxPart> {
     id?: string;
     name?: string;
     modelValue: boolean;
@@ -19,4 +23,5 @@ export interface CheckboxProps {
     describedby?: string;
     labelledby?: string;
     indeterminate?: boolean;
+    inputAttrs?: InputHTMLAttributes;
 }

package/dist/components/checkbox/useCheckbox.d.ts

@@ -1,8 +1,10 @@
 import { CSSProperties } from 'vue';
-import { CheckboxProps } from './types';
+import { CheckboxProps } from './types.js';
 export declare function useCheckbox(props: Readonly<CheckboxProps>, emitUpdate: (value: boolean) => void): {
-    control: import('../../composables/useControlState').ControlState;
+    inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     rootStyle: import('vue').ComputedRef<CSSProperties | undefined>;
     onChange: (e: Event) => void;
+    focus: (options?: FocusOptions) => void;
 };