ropav 0.0.10 → 0.0.11

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.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/aspect-ratio/index.d.ts

@@ -1,2 +1,3 @@
 export { default as AspectRatio } from './aspect-ratio.js';
-export type { AspectRatioProps } from './types.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/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Avatar } from './avatar.js';
-export { avatarColors, avatarRadiuses, avatarSizes, avatarVariants } from './types.js';
-export type { AvatarColor, AvatarProps, AvatarRadius, AvatarSize, AvatarVariant } from './types.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.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/badge/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Badge } from './badge.js';
-export { badgeColors, badgeRadiuses, badgeSizes, badgeVariants } from './types.js';
-export type { BadgeColor, BadgeProps, BadgeRadius, BadgeSize, BadgeVariant } from './types.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.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/button/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Button } from './button.js';
-export type { ButtonColor, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant } from './types.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.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-group/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ButtonGroup } from './button-group.js';
-export type { ButtonGroupOrientation, ButtonGroupProps } from './types.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/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ButtonLink } from './button-link.js';
-export type { ButtonLinkColor, ButtonLinkProps, ButtonLinkRadius, ButtonLinkSize, ButtonLinkTarget, ButtonLinkVariant, } from './types.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.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/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Card } from './card.js';
-export type { CardLayer, CardPadding, CardProps, CardRadius } from './types.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

@@ -5,7 +5,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     }> & (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.js';
-export type { CheckboxColor, CheckboxProps, CheckboxRadius, CheckboxSize, CheckboxVariant, } from './types.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 { 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.js';
 export declare function useCheckbox(props: Readonly<CheckboxProps>, emitUpdate: (value: boolean) => void): {
+    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;
 };

package/dist/components/collapse/collapse.d.ts

@@ -1,4 +1,4 @@
-import { CollapseProps } from './types.js';
+import { CollapseProps, CollapseTriggerProps } 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<CollapseProps & {
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -9,7 +9,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         trigger?: (props: {
-            triggerProps: import('./types.js').CollapseTriggerProps;
+            triggerProps: CollapseTriggerProps;
             isOpen: boolean;
             open: () => void;
             close: () => void;

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

@@ -1,3 +1,4 @@
 export { default as Collapse } from './collapse.js';
 export { useCollapse } from './useCollapse.js';
-export type { CollapseContentProps, CollapseContentRole, CollapseOption, CollapseProps, CollapseRootProps, CollapseSlotProps, CollapseState, CollapseTriggerProps, CollapseTriggerSlotProps, UseCollapseOptions, UseCollapseReturn, } from './types.js';
+export { collapseParts } from './types.js';
+export type { CollapseContentProps, CollapseContentRole, CollapseOption, CollapsePart, CollapseProps, CollapseRootProps, CollapseSlotProps, CollapseState, CollapseTriggerProps, CollapseTriggerSlotProps, UseCollapseOptions, UseCollapseReturn, } from './types.js';

package/dist/components/collapse/index.js

@@ -1,3 +1,3 @@
 import { t as useCollapse } from "../../useCollapse.js";
-import { t as collapse_default } from "../../collapse.js";
-export { collapse_default as Collapse, useCollapse };
+import { n as collapse_default, t as collapseParts } from "../../collapse.js";
+export { collapse_default as Collapse, collapseParts, useCollapse };

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

@@ -1,4 +1,7 @@
-import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { ComputedRef, HTMLAttributes, MaybeRefOrGetter } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const collapseParts: readonly ["root", "trigger", "content"];
+export type CollapsePart = (typeof collapseParts)[number];
 export type CollapseState = 'open' | 'closed';
 export type CollapseContentRole = 'region' | 'group';
 export type CollapseOption<T> = MaybeRefOrGetter<T>;
@@ -13,6 +16,10 @@ export interface CollapseTriggerProps {
     'aria-controls': string;
     'aria-expanded': boolean;
     'aria-disabled'?: boolean;
+    class?: HTMLAttributes['class'];
+    style?: HTMLAttributes['style'];
+    'data-state'?: CollapseState;
+    'data-disabled'?: '';
     onClick: (event: MouseEvent) => void;
 }
 export interface CollapseContentProps {
@@ -34,7 +41,7 @@ export interface CollapseSlotProps {
 export interface CollapseTriggerSlotProps extends CollapseSlotProps {
     triggerProps: CollapseTriggerProps;
 }
-export interface CollapseProps {
+export interface CollapseProps extends StylesApiProps<CollapsePart> {
     id?: string;
     open?: boolean;
     disabled?: boolean;

package/dist/components/color-input/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ColorInput } from './color-input.js';
-export type { ColorInputProps } from './types.js';
+export { colorInputParts } from './types.js';
+export type { ColorInputPart, ColorInputProps } from './types.js';

package/dist/components/color-input/index.js

@@ -1,2 +1,2 @@
-import { t as color_input_default } from "../../color-input.js";
-export { color_input_default as ColorInput };
+import { n as color_input_default, t as colorInputParts } from "../../color-input.js";
+export { color_input_default as ColorInput, colorInputParts };

package/dist/components/color-input/types.d.ts

@@ -2,7 +2,10 @@ import { InputHTMLAttributes } from 'vue';
 import { ColorPickerFormat, ColorPickerValue } from '../color-picker/types.js';
 import { InputRadius, InputSize } from '../input/types.js';
 import { PopoverPlacement } from '../popover/types.js';
-export interface ColorInputProps {
+import { StylesApiProps } from '../../styles-api.js';
+export declare const colorInputParts: readonly ["root", "control", "input", "preview", "eyeDropper", "content", "picker", "pickerControl", "pickerHandle", "pickerSwatches", "pickerSwatch"];
+export type ColorInputPart = (typeof colorInputParts)[number];
+export interface ColorInputProps extends StylesApiProps<ColorInputPart> {
     id?: string;
     name?: string;
     modelValue: ColorPickerValue;

package/dist/components/color-picker/index.d.ts

@@ -1,3 +1,3 @@
 export { default as ColorPicker } from './color-picker.js';
-export { colorPickerFormats, colorPickerSizes } from './types.js';
-export type { ColorPickerFormat, ColorPickerProps, ColorPickerSelection, ColorPickerSize, ColorPickerValue, } from './types.js';
+export { colorPickerFormats, colorPickerParts, colorPickerSizes } from './types.js';
+export type { ColorPickerFormat, ColorPickerPart, ColorPickerProps, ColorPickerSelection, ColorPickerSize, ColorPickerValue, } from './types.js';

package/dist/components/color-picker/index.js

@@ -1,3 +1,3 @@
 import { t as color_picker_default } from "../../color-picker.js";
-import { n as colorPickerSizes, t as colorPickerFormats } from "../../color-picker2.js";
-export { color_picker_default as ColorPicker, colorPickerFormats, colorPickerSizes };
+import { n as colorPickerParts, r as colorPickerSizes, t as colorPickerFormats } from "../../color-picker2.js";
+export { color_picker_default as ColorPicker, colorPickerFormats, colorPickerParts, colorPickerSizes };

package/dist/components/color-picker/types.d.ts

@@ -1,3 +1,7 @@
+import { HTMLAttributes } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const colorPickerParts: readonly ["root", "label", "control", "handle", "swatches", "swatch"];
+export type ColorPickerPart = (typeof colorPickerParts)[number];
 export declare const colorPickerFormats: readonly ["hex", "hexa", "rgb", "rgba", "hsl", "hsla"];
 export declare const colorPickerSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export type ColorPickerFormat = (typeof colorPickerFormats)[number];
@@ -8,7 +12,7 @@ export interface ColorPickerSelection {
     opacity?: number;
 }
 export type ColorPickerValue = string;
-export interface ColorPickerProps {
+export interface ColorPickerProps extends StylesApiProps<ColorPickerPart> {
     id?: string;
     modelValue: ColorPickerValue;
     format?: ColorPickerFormat;
@@ -29,6 +33,10 @@ export interface ColorPickerSaturationProps {
     ariaLabel?: string;
     describedby?: string;
     labelledby?: string;
+    controlClass?: HTMLAttributes['class'];
+    controlStyle?: HTMLAttributes['style'];
+    handleClass?: HTMLAttributes['class'];
+    handleStyle?: HTMLAttributes['style'];
 }
 export type ColorPickerSliderVariant = 'hue' | 'opacity';
 export interface ColorPickerSliderProps {
@@ -36,4 +44,8 @@ export interface ColorPickerSliderProps {
     value?: number;
     color?: string;
     readonly?: boolean;
+    controlClass?: HTMLAttributes['class'];
+    controlStyle?: HTMLAttributes['style'];
+    handleClass?: HTMLAttributes['class'];
+    handleStyle?: HTMLAttributes['style'];
 }

package/dist/components/color-swatch/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ColorSwatch } from './color-swatch.js';
-export type { ColorSwatchProps, ColorSwatchSize } from './types.js';
+export { colorSwatchParts } from './types.js';
+export type { ColorSwatchPart, ColorSwatchProps, ColorSwatchSize } from './types.js';

package/dist/components/color-swatch/index.js

@@ -1,2 +1,3 @@
 import { t as color_swatch_default } from "../../color-swatch.js";
-export { color_swatch_default as ColorSwatch };
+import { t as colorSwatchParts } from "../../color-swatch2.js";
+export { color_swatch_default as ColorSwatch, colorSwatchParts };

package/dist/components/color-swatch/types.d.ts

@@ -1,5 +1,8 @@
+import { StylesApiProps } from '../../styles-api.js';
+export declare const colorSwatchParts: readonly ["root"];
+export type ColorSwatchPart = (typeof colorSwatchParts)[number];
 export type ColorSwatchSize = string | number;
-export interface ColorSwatchProps {
+export interface ColorSwatchProps extends StylesApiProps<ColorSwatchPart> {
     color: string;
     size?: ColorSwatchSize;
     ariaLabel?: string;