@rarui/components 1.26.0 → 1.27.0-rc.3

package/dist/index.d.ts

@@ -18276,6 +18276,8 @@ interface SideNavigationItemTypings {
 }
 type SideNavigationItemProps = SideNavigationItemTypings & Pick<SideNavigationVariants, "level">;
 
+type AriaInvalid = "false" | "true" | "grammar" | "spelling" | null;
+
 /**
  * Utility types for Web Components property handling in Rarui Design System
  *
@@ -18315,11 +18317,13 @@ declare global {
 type AvatarManifestProperties = Pick<AvatarProps, "size">;
 type AvatarProperties = WebComponentProperties<AvatarManifestProperties>;
 
-declare class RaruiAvatar extends LitElement {
-    size?: AvatarProperties["size"];
+declare const RaruiAvatar_base: (new (...args: any[]) => {
     ariaLabel: string | null;
     ariaLabelledBy: string | null;
     ariaDescribedBy: string | null;
+}) & typeof LitElement;
+declare class RaruiAvatar extends RaruiAvatar_base {
+    size?: AvatarProperties["size"];
     static styles: CSSResult;
     render(): TemplateResult<1>;
     private handleSlotChange;
@@ -18342,13 +18346,15 @@ declare global {
 type BadgeManifestProperties = BadgeProps;
 type BadgeProperties = WebComponentProperties<BadgeManifestProperties>;
 
-declare class RaruiBagde extends LitElement {
-    variant?: BadgeProperties["variant"];
-    size?: BadgeProperties["size"];
-    appearance?: BadgeProperties["appearance"];
+declare const RaruiBagde_base: (new (...args: any[]) => {
     ariaLabel: string | null;
     ariaLabelledBy: string | null;
     ariaDescribedBy: string | null;
+}) & typeof LitElement;
+declare class RaruiBagde extends RaruiBagde_base {
+    variant?: BadgeProperties["variant"];
+    size?: BadgeProperties["size"];
+    appearance?: BadgeProperties["appearance"];
     static styles: CSSResult;
     render(): TemplateResult<1>;
 }
@@ -18368,14 +18374,22 @@ declare global {
 type DividerManifestProperties = DividerProps;
 type DividerProperties = WebComponentProperties<DividerManifestProperties>;
 
-declare class RaruiDivider extends LitElement {
+declare const RaruiDivider_base: (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiDivider extends RaruiDivider_base {
     sprinkleAttrs: Record<string, string>;
     direction?: DividerProperties["direction"];
     type?: DividerProperties["type"];
     thickness?: DividerProperties["thickness"];
     color?: DividerProperties["color"];
     size?: DividerProperties["size"];
+    private get _isPercentageSize();
     static styles: CSSResult;
+    updated(changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    private _updateHostWidth;
     render(): TemplateResult<1>;
 }
 
@@ -18407,13 +18421,18 @@ type IconManifestProperties = IconProps & {
 };
 type IconProperties = WebComponentProperties<IconManifestProperties>;
 
-declare class RaruiIcon extends LitElement {
-    sprinkleAttrs: Record<string, string>;
-    name: IconProperties["name"];
-    size: Sizes | string;
+declare const RaruiIcon_base: (new (...args: any[]) => {
     ariaLabel: string | null;
     ariaLabelledBy: string | null;
     ariaDescribedBy: string | null;
+}) & (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiIcon extends RaruiIcon_base {
+    sprinkleAttrs: Record<string, string>;
+    name: IconProperties["name"];
+    size: Sizes | string;
     static styles: CSSResult;
     private getSvgWithSize;
     render(): TemplateResult<1> | null;
@@ -18526,16 +18545,21 @@ type TextManifestProperties = TextProps & {
 };
 type TextProperties = WebComponentProperties<TextManifestProperties>;
 
-declare class RaruiText extends LitElement {
+declare const RaruiText_base: (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiText extends RaruiText_base {
     sprinkleAttrs: Record<string, string>;
     as: TextProperties["as"];
     "line-clamp"?: TextProperties["line-clamp"];
     "color"?: TextProperties["color"];
     "font-weight"?: TextProperties["font-weight"];
     "text-align"?: TextProperties["text-align"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     static styles: CSSResult;
     render(): TemplateResult;
 }
@@ -18561,14 +18585,19 @@ type TitleManifestProperties = TitleProps & {
 };
 type TitleProperties = WebComponentProperties<TitleManifestProperties>;
 
-declare class RaruiTitle extends LitElement {
+declare const RaruiTitle_base: (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiTitle extends RaruiTitle_base {
     sprinkleAttrs: Record<string, string>;
     as: TitleProperties["as"];
     "font-weight"?: TitleProperties["font-weight"];
     "text-align"?: TitleProperties["text-align"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     static styles: CSSResult;
     render(): TemplateResult;
 }
@@ -18771,7 +18800,17 @@ type ButtonManifestProperties = ButtonProps & {
 };
 type ButtonProperties = WebComponentProperties<ButtonManifestProperties>;
 
-declare class RaruiButton extends LitElement {
+declare const RaruiButton_base: (new (...args: any[]) => {
+    getPassThroughAttributes(allowedPrefixes?: string[], excludedAttributes?: string[]): Record<string, string>;
+    isManagedAttribute(attrName: string, additionalManagedAttrs?: string[]): boolean;
+    getDataAttributes(excludedAttributes?: string[]): Record<string, string>;
+    getDataAndAriaAttributes(excludedAttributes?: string[]): Record<string, string>;
+}) & (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & typeof LitElement;
+declare class RaruiButton extends RaruiButton_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -18787,9 +18826,6 @@ declare class RaruiButton extends LitElement {
     name: ButtonProperties["name"];
     value: ButtonProperties["value"];
     form: ButtonProperties["form"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     ariaPressed: "true" | "false" | "mixed" | null;
     ariaExpanded: "true" | "false" | null;
     ariaHasPopup: "menu" | "dialog" | "listbox" | "tree" | "grid" | "true" | "false" | null;
@@ -18865,7 +18901,12 @@ type CheckboxManifestProperties = Pick<CheckboxProps, "error" | "size" | "indete
 };
 type CheckboxProperties = WebComponentProperties<CheckboxManifestProperties>;
 
-declare class RaruiCheckbox extends LitElement {
+declare const RaruiCheckbox_base: (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & typeof LitElement;
+declare class RaruiCheckbox extends RaruiCheckbox_base {
     label?: CheckboxProperties["label"];
     size: CheckboxProperties["size"];
     error: CheckboxProperties["error"];
@@ -18877,9 +18918,6 @@ declare class RaruiCheckbox extends LitElement {
     name?: CheckboxProperties["name"];
     value?: CheckboxProperties["value"];
     form?: CheckboxProperties["form"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -18944,7 +18982,15 @@ type ChipManifestProperties = ChipProps & {
 };
 type ChipProperties = WebComponentProperties<ChipManifestProperties>;
 
-declare class RaruiChip extends LitElement {
+declare const RaruiChip_base: (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiChip extends RaruiChip_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -18964,9 +19010,6 @@ declare class RaruiChip extends LitElement {
     name?: ChipProperties["name"];
     value?: ChipProperties["value"];
     form?: ChipProperties["form"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     ariaPressed: "true" | "false" | "mixed" | null;
     static styles: CSSResult;
     private handleClick;
@@ -19023,7 +19066,15 @@ type DropdownManifestProperties = DropdownProps & {
 };
 type DropdownProperties = WebComponentProperties<DropdownManifestProperties, "onVisibility" | "portalId">;
 
-declare class RaruiDropdown extends LitElement {
+declare const RaruiDropdown_base: (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiDropdown extends RaruiDropdown_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -19044,9 +19095,6 @@ declare class RaruiDropdown extends LitElement {
     get visible(): boolean | undefined;
     private _visible?;
     private _hasVisibleAttribute;
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     reference: HTMLElement;
     floating: HTMLElement;
     static styles: CSSResult;
@@ -19252,7 +19300,12 @@ type InputManifestProperties = InputProps & {
 };
 type InputProperties = WebComponentProperties<InputManifestProperties>;
 
-declare class RaruiInput extends LitElement {
+declare const RaruiInput_base: (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & typeof LitElement;
+declare class RaruiInput extends RaruiInput_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -19276,10 +19329,7 @@ declare class RaruiInput extends LitElement {
     minlength: InputProperties["minlength"];
     maxlength: InputProperties["maxlength"];
     pattern: InputProperties["pattern"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
-    ariaInvalid: "true" | "false" | null;
+    ariaInvalid: AriaInvalid;
     private _internals;
     static formAssociated: boolean;
     constructor();
@@ -19464,7 +19514,7 @@ declare class RaruiTextarea extends LitElement {
     ariaLabel: string | null;
     ariaLabelledBy: string | null;
     ariaDescribedBy: string | null;
-    ariaInvalid: "true" | "false" | null;
+    ariaInvalid: AriaInvalid;
     static styles: CSSResult;
     render(): TemplateResult<1>;
     connectedCallback(): void;
@@ -19535,7 +19585,7 @@ declare class RaruiToggle extends LitElement {
     ariaLabel: string | null;
     ariaLabelledBy: string | null;
     ariaDescribedBy: string | null;
-    ariaInvalid: "true" | "false" | null;
+    ariaInvalid: AriaInvalid;
     private _internals;
     static formAssociated: boolean;
     constructor();
@@ -19562,7 +19612,15 @@ declare global {
 type SidebarManifestProperties = SidebarProps;
 type SidebarProperties = WebComponentProperties<SidebarManifestProperties, "onRemove">;
 
-declare class RaruiSidebar extends LitElement {
+declare const RaruiSidebar_base: (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiSidebar extends RaruiSidebar_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -19575,9 +19633,6 @@ declare class RaruiSidebar extends LitElement {
     maxWidth: SidebarProperties["max-width"];
     padding: SidebarProperties["padding"];
     portalId: SidebarProperties["portal-id"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     sidebarElement: HTMLElement;
     overlayElement: HTMLElement;
     static styles: CSSResult;
@@ -19752,7 +19807,17 @@ type LinkManifestProperties = LinkProps & {
 };
 type LinkProperties = WebComponentProperties<LinkManifestProperties>;
 
-declare class RaruiLink extends LitElement {
+declare const RaruiLink_base: (new (...args: any[]) => {
+    getPassThroughAttributes(allowedPrefixes?: string[], excludedAttributes?: string[]): Record<string, string>;
+    isManagedAttribute(attrName: string, additionalManagedAttrs?: string[]): boolean;
+    getDataAttributes(excludedAttributes?: string[]): Record<string, string>;
+    getDataAndAriaAttributes(excludedAttributes?: string[]): Record<string, string>;
+}) & (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & typeof LitElement;
+declare class RaruiLink extends RaruiLink_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -19770,9 +19835,6 @@ declare class RaruiLink extends LitElement {
     name?: LinkProperties["name"];
     value?: LinkProperties["value"];
     form?: LinkProperties["form"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     static styles: CSSResult;
     private _onClick;
     render(): TemplateResult<1>;
@@ -19932,7 +19994,11 @@ declare global {
 type AccordionManifestProperties = AccordionProps;
 type AccordionProperties = WebComponentProperties<AccordionManifestProperties>;
 
-declare class RaruiAccordion extends LitElement {
+declare const RaruiAccordion_base: (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiAccordion extends RaruiAccordion_base {
     sprinkleAttrs: Record<string, string>;
     selectedDefault?: AccordionProperties["selected-default"];
     disabled?: AccordionProperties["disabled"];
@@ -20104,13 +20170,18 @@ declare global {
 type CardManifestProperties = CardProps;
 type CardProperties = WebComponentProperties<CardManifestProperties>;
 
-declare class RaruiCard extends LitElement {
-    sprinkleAttrs: Record<string, string>;
-    padding?: CardProperties["padding"];
-    "background-color": CardProperties["background-color"];
+declare const RaruiCard_base: (new (...args: any[]) => {
     ariaLabel: string | null;
     ariaLabelledBy: string | null;
     ariaDescribedBy: string | null;
+}) & (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiCard extends RaruiCard_base {
+    sprinkleAttrs: Record<string, string>;
+    padding?: CardProperties["padding"];
+    "background-color": CardProperties["background-color"];
     static styles: CSSResult;
     render(): TemplateResult<1>;
 }
@@ -20130,7 +20201,15 @@ declare global {
 type ModalManifestProperties = ModalProps;
 type ModalProperties = WebComponentProperties<ModalManifestProperties, "onDismiss">;
 
-declare class RaruiModal extends LitElement {
+declare const RaruiModal_base: (new (...args: any[]) => {
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+}) & (new (...args: any[]) => {
+    cssProps: Record<string, any>;
+    sprinkleAttrs: Record<string, any>;
+}) & typeof LitElement;
+declare class RaruiModal extends RaruiModal_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -20142,9 +20221,6 @@ declare class RaruiModal extends LitElement {
     portalId: ModalProperties["portal-id"];
     open: ModalProperties["open"];
     maxWidth: ModalProperties["max-width"];
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     dialog: HTMLElement;
     static styles: CSSResult;
     cleanupAutoUpdate?: () => void;