@traefik-labs/faency 12.0.7 → 12.0.8

package/dist/index.cjs

@@ -8,10 +8,12 @@ const stitches_config = require("./stitches.config.cjs");
 const themeContext = require("./styles/themeContext.cjs");
 const themes_css = require("./styles/themes.css.cjs");
 const AccessibleIcon = require("./components/AccessibleIcon/AccessibleIcon.cjs");
+const AccessibleIcon_vanilla = require("./components/AccessibleIcon/AccessibleIcon.vanilla.cjs");
 const Accordion = require("./components/Accordion/Accordion.cjs");
 const Alert = require("./components/Alert/Alert.cjs");
 const AriaTable = require("./components/AriaTable/AriaTable.cjs");
 const Avatar = require("./components/Avatar/Avatar.cjs");
+const Avatar_vanilla = require("./components/Avatar/Avatar.vanilla.cjs");
 const Badge = require("./components/Badge/Badge.cjs");
 const Badge_vanilla = require("./components/Badge/Badge.vanilla.cjs");
 const Blockquote = require("./components/Blockquote/Blockquote.cjs");
@@ -19,6 +21,7 @@ const Blockquote_vanilla = require("./components/Blockquote/Blockquote.vanilla.c
 const Box = require("./components/Box/Box.cjs");
 const Box_vanilla = require("./components/Box/Box.vanilla.cjs");
 const Bubble = require("./components/Bubble/Bubble.cjs");
+const Bubble_vanilla = require("./components/Bubble/Bubble.vanilla.cjs");
 const Button = require("./components/Button/Button.cjs");
 const Button_vanilla = require("./components/Button/Button.vanilla.cjs");
 const ButtonSwitch = require("./components/ButtonSwitch/ButtonSwitch.cjs");
@@ -42,6 +45,7 @@ const Heading = require("./components/Heading/Heading.cjs");
 const IconButton = require("./components/IconButton/IconButton.cjs");
 const IconButton_vanilla = require("./components/IconButton/IconButton.vanilla.cjs");
 const Image = require("./components/Image/Image.cjs");
+const Image_vanilla = require("./components/Image/Image.vanilla.cjs");
 const Input = require("./components/Input/Input.cjs");
 const Input_vanilla = require("./components/Input/Input.vanilla.cjs");
 const Label = require("./components/Label/Label.cjs");
@@ -53,16 +57,17 @@ const NavigationMenu = require("./components/NavigationMenu/NavigationMenu.cjs")
 const NavigationTreeContainer = require("./components/NavigationTree/NavigationTreeContainer.cjs");
 const NavigationTreeDrawer = require("./components/NavigationTree/NavigationTreeDrawer.cjs");
 const NavigationTreeItem = require("./components/NavigationTree/NavigationTreeItem.cjs");
+const Panel = require("./components/Panel/Panel.cjs");
+const Panel_vanilla = require("./components/Panel/Panel.vanilla.cjs");
 const Paragraph = require("./components/Paragraph/Paragraph.cjs");
 const Paragraph_vanilla = require("./components/Paragraph/Paragraph.vanilla.cjs");
 const Popover = require("./components/Popover/Popover.cjs");
-const Panel = require("./components/Panel/Panel.cjs");
-const Panel_vanilla = require("./components/Panel/Panel.vanilla.cjs");
 const Radio = require("./components/Radio/Radio.cjs");
 const RadioAccordion = require("./components/RadioAccordion/RadioAccordion.cjs");
 const Select = require("./components/Select/Select.cjs");
 const SidePanel = require("./components/SidePanel/SidePanel.cjs");
 const Skeleton = require("./components/Skeleton/Skeleton.cjs");
+const Skeleton_vanilla = require("./components/Skeleton/Skeleton.vanilla.cjs");
 const Switch = require("./components/Switch/Switch.cjs");
 const Table = require("./components/Table/Table.cjs");
 const Tabs = require("./components/Tabs/Tabs.cjs");
@@ -98,6 +103,7 @@ exports.vanillaDarkTheme = themes_css.darkTheme;
 exports.vanillaLightTheme = themes_css.lightTheme;
 exports.vanillaThemes = themes_css.themes;
 exports.AccessibleIcon = AccessibleIcon.AccessibleIcon;
+exports.AccessibleIconVanilla = AccessibleIcon_vanilla.AccessibleIconVanilla;
 exports.AccordionContent = Accordion.AccordionContent;
 exports.AccordionItem = Accordion.AccordionItem;
 exports.AccordionRoot = Accordion.AccordionRoot;
@@ -112,6 +118,7 @@ exports.AriaTh = AriaTable.Th;
 exports.AriaThead = AriaTable.Thead;
 exports.AriaTr = AriaTable.Tr;
 exports.Avatar = Avatar.Avatar;
+exports.AvatarVanilla = Avatar_vanilla.AvatarVanilla;
 exports.Badge = Badge.Badge;
 exports.BADGE_COLORS_VANILLA = Badge_vanilla.COLORS;
 exports.BadgeVanilla = Badge_vanilla.BadgeVanilla;
@@ -120,6 +127,7 @@ exports.BlockquoteVanilla = Blockquote_vanilla.BlockquoteVanilla;
 exports.Box = Box.Box;
 exports.BoxVanilla = Box_vanilla.BoxVanilla;
 exports.Bubble = Bubble.Bubble;
+exports.BubbleVanilla = Bubble_vanilla.BubbleVanilla;
 exports.Button = Button.Button;
 exports.ButtonVanilla = Button_vanilla.ButtonVanilla;
 exports.ButtonSwitchContainer = ButtonSwitch.ButtonSwitchContainer;
@@ -170,6 +178,7 @@ exports.H6 = Heading.H6;
 exports.IconButton = IconButton.IconButton;
 exports.IconButtonVanilla = IconButton_vanilla.IconButtonVanilla;
 exports.Image = Image.Image;
+exports.ImageVanilla = Image_vanilla.ImageVanilla;
 exports.Input = Input.Input;
 exports.InputVanilla = Input_vanilla.InputVanilla;
 exports.Label = Label.Label;
@@ -193,6 +202,9 @@ exports.NavigationMenuViewport = NavigationMenu.NavigationMenuViewport;
 exports.NavigationTreeContainer = NavigationTreeContainer.NavigationTreeContainer;
 exports.NavigationTreeDrawer = NavigationTreeDrawer.NavigationTreeDrawer;
 exports.NavigationTreeItem = NavigationTreeItem.NavigationTreeItem;
+exports.Panel = Panel.Panel;
+exports.panelStyles = Panel.panelStyles;
+exports.PanelVanilla = Panel_vanilla.PanelVanilla;
 exports.Paragraph = Paragraph.Paragraph;
 exports.ParagraphVanilla = Paragraph_vanilla.ParagraphVanilla;
 exports.Popover = Popover.Popover;
@@ -201,9 +213,6 @@ exports.PopoverClose = Popover.PopoverClose;
 exports.PopoverContent = Popover.PopoverContent;
 exports.PopoverPortal = Popover.PopoverPortal;
 exports.PopoverTrigger = Popover.PopoverTrigger;
-exports.Panel = Panel.Panel;
-exports.panelStyles = Panel.panelStyles;
-exports.PanelVanilla = Panel_vanilla.PanelVanilla;
 exports.Radio = Radio.Radio;
 exports.RadioGroup = Radio.RadioGroup;
 exports.RadioAccordionContent = RadioAccordion.RadioAccordionContent;
@@ -213,6 +222,7 @@ exports.RadioAccordionTrigger = RadioAccordion.RadioAccordionTrigger;
 exports.Select = Select.Select;
 exports.SidePanel = SidePanel.SidePanel;
 exports.Skeleton = Skeleton.Skeleton;
+exports.SkeletonVanilla = Skeleton_vanilla.SkeletonVanilla;
 exports.Switch = Switch.Switch;
 exports.Caption = Table.Caption;
 exports.Table = Table.Table;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -59,6 +59,8 @@ import { WithPropertyValue } from '@stitches/react/types/css-util';
 
 export declare const AccessibleIcon: FC<AccessibleIconPrimitive.AccessibleIconProps>;
 
+export declare const AccessibleIconVanilla: FC<AccessibleIconPrimitive.AccessibleIconProps>;
+
 export declare const AccordionContent: default_2.ForwardRefExoticComponent<TransformProps<    {}, {
 bp1: "(min-width: 520px) and (max-width: 899px)";
 bp2: "(min-width: 900px) and (max-width: 1199px)";
@@ -3338,9 +3340,15 @@ declare type AriaTrProps = ComponentProps<typeof StyledTr> & VariantProps<typeof
 
 export { AspectRatio }
 
-export declare const Avatar: default_2.ForwardRefExoticComponent<Omit<AvatarOwnProps, "ref"> & default_2.RefAttributes<HTMLSpanElement>>;
+export declare const Avatar: default_2.ForwardRefExoticComponent<Omit<AvatarOwnProps_2, "ref"> & default_2.RefAttributes<HTMLSpanElement>>;
 
-declare type AvatarOwnProps = AvatarPrimitiveProps & AvatarVariants & {
+declare interface AvatarOwnProps extends AvatarRecipeVariants, CSSProps {
+    alt?: string;
+    src?: string;
+    fallback?: default_2.ReactNode;
+}
+
+declare type AvatarOwnProps_2 = AvatarPrimitiveProps & AvatarVariants & {
     css?: CSS_2;
     alt?: string;
     src?: string;
@@ -3349,6 +3357,69 @@ declare type AvatarOwnProps = AvatarPrimitiveProps & AvatarVariants & {
 
 declare type AvatarPrimitiveProps = Omit<default_2.ComponentProps<typeof AvatarPrimitive.Root>, 'as'>;
 
+declare const avatarRecipe: RuntimeFn<    {
+size: {
+'1': {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+'2': {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+'3': {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+'4': {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+'5': {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+'6': {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+};
+variant: {
+gray: {
+backgroundColor: `var(--${string})`;
+};
+red: {
+backgroundColor: `var(--${string})`;
+};
+purple: {
+backgroundColor: `var(--${string})`;
+};
+blue: {
+backgroundColor: `var(--${string})`;
+};
+green: {
+backgroundColor: `var(--${string})`;
+};
+orange: {
+backgroundColor: `var(--${string})`;
+};
+};
+shape: {
+square: {
+borderRadius: `var(--${string})`;
+};
+circle: {
+borderRadius: "50%";
+};
+};
+}>;
+
+declare type AvatarRecipeVariants = NonNullable<RecipeVariants<typeof avatarRecipe>>;
+
+export declare const AvatarVanilla: default_2.ForwardRefExoticComponent<Omit<Omit<AvatarPrimitive.AvatarProps & default_2.RefAttributes<HTMLSpanElement>, "ref">, keyof AvatarOwnProps> & AvatarOwnProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+export declare type AvatarVanillaProps = Omit<default_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, keyof AvatarOwnProps> & AvatarOwnProps;
+
 declare type AvatarVariants = VariantProps<typeof StyledAvatar>;
 
 export declare const Badge: default_2.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & default_2.RefAttributes<HTMLButtonElement>>;
@@ -3434,12 +3505,6 @@ declare type BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaPr
 
 export declare type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<C, BadgeOwnProps>;
 
-declare interface BaseCardProps extends CSSProps {
-    elevation?: CardRecipeVariants['elevation'];
-    variant?: CardRecipeVariants['variant'];
-    active?: CardRecipeVariants['active'];
-}
-
 export declare const Blockquote: StyledComponent<StyledComponent<"span", {
 size?: number | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "0" | "11" | "12" | "inherit" | undefined;
 weight?: "light" | "regular" | "medium" | "semiBold" | "bold" | undefined;
@@ -4967,6 +5032,109 @@ backgroundClip: WithPropertyValue<"backgroundClip">;
 };
 }>>;
 
+declare interface BubbleOwnProps extends BubbleRecipeVariants, CSSProps {
+}
+
+declare const bubbleRecipe: RuntimeFn<    {
+variant: {
+red: {
+backgroundColor: `var(--${string})`;
+selectors: {
+'&::before': {
+backgroundColor: `var(--${string})`;
+};
+};
+};
+green: {
+backgroundColor: `var(--${string})`;
+selectors: {
+'&::before': {
+backgroundColor: `var(--${string})`;
+};
+};
+};
+orange: {
+backgroundColor: `var(--${string})`;
+selectors: {
+'&::before': {
+backgroundColor: `var(--${string})`;
+};
+};
+};
+blue: {
+backgroundColor: `var(--${string})`;
+selectors: {
+'&::before': {
+backgroundColor: `var(--${string})`;
+};
+};
+};
+yellow: {
+backgroundColor: `var(--${string})`;
+selectors: {
+'&::before': {
+backgroundColor: `var(--${string})`;
+};
+};
+};
+purple: {
+backgroundColor: `var(--${string})`;
+selectors: {
+'&::before': {
+backgroundColor: `var(--${string})`;
+};
+};
+};
+gray: {
+backgroundColor: `var(--${string})`;
+selectors: {
+'&::before': {
+backgroundColor: `var(--${string})`;
+};
+};
+};
+};
+size: {
+'x-small': {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+small: {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+medium: {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+large: {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+'x-large': {
+width: `var(--${string})`;
+height: `var(--${string})`;
+};
+};
+noAnimation: {
+true: {
+selectors: {
+'&::before': {
+content: "none";
+};
+};
+};
+};
+}>;
+
+declare type BubbleRecipeVariants = NonNullable<RecipeVariants<typeof bubbleRecipe>>;
+
+export declare const BubbleVanilla: BubbleVanillaComponent;
+
+declare type BubbleVanillaComponent = PolymorphicComponent<'div', BubbleVanillaProps<ElementType>>;
+
+export declare type BubbleVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, BubbleOwnProps>;
+
 export declare const Button: default_2.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & default_2.RefAttributes<HTMLButtonElement>>;
 
 declare interface ButtonOwnProps extends Omit<ButtonRecipeVariants, never>, CSSProps {
@@ -5459,9 +5627,23 @@ backgroundClip: WithPropertyValue<"backgroundClip">;
 };
 }>>;
 
-export declare const ButtonSwitchContainerVanilla: ForwardRefExoticComponent<ButtonSwitchContainerVanillaProps & RefAttributes<HTMLDivElement>>;
+declare interface ButtonSwitchContainerOwnProps extends CSSProps {
+    type?: 'single' | 'multiple';
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: any) => void;
+    disabled?: boolean;
+    rovingFocus?: boolean;
+    loop?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    dir?: 'ltr' | 'rtl';
+}
+
+export declare const ButtonSwitchContainerVanilla: ButtonSwitchContainerVanillaComponent;
+
+declare type ButtonSwitchContainerVanillaComponent = PolymorphicComponent<'div', ButtonSwitchContainerVanillaProps<ElementType>>;
 
-declare type ButtonSwitchContainerVanillaProps = (ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & CSSProps;
+declare type ButtonSwitchContainerVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, ButtonSwitchContainerOwnProps>;
 
 export declare const ButtonSwitchItem: StyledComponent<ForwardRefExoticComponent<ToggleGroupPrimitive.ToggleGroupItemProps & RefAttributes<HTMLButtonElement>>, {}, {
 bp1: "(min-width: 520px) and (max-width: 899px)";
@@ -5810,7 +5992,16 @@ backgroundClip: WithPropertyValue<"backgroundClip">;
 };
 }>>;
 
-export declare const ButtonSwitchItemVanilla: ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps, "css"> & CSSProps & RefAttributes<HTMLButtonElement>>;
+declare interface ButtonSwitchItemOwnProps extends CSSProps {
+    value: string;
+    disabled?: boolean;
+}
+
+export declare const ButtonSwitchItemVanilla: ButtonSwitchItemVanillaComponent;
+
+declare type ButtonSwitchItemVanillaComponent = PolymorphicComponent<'button', ButtonSwitchItemVanillaProps<ElementType>>;
+
+declare type ButtonSwitchItemVanillaProps<C extends ElementType = 'button'> = PolymorphicComponentProps<C, ButtonSwitchItemOwnProps>;
 
 export declare const ButtonVanilla: ButtonVanillaComponent;
 
@@ -6177,8 +6368,11 @@ backgroundClip: WithPropertyValue<"backgroundClip">;
 
 export declare const Card: default_2.ForwardRefExoticComponent<(Omit<CardVariantProps, "ref"> | Omit<InteractiveCardProps, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
 
-declare interface CardOwnProps extends BaseCardProps, React.ComponentProps<'div'> {
-    interactive?: false;
+declare interface CardOwnProps extends CSSProps {
+    elevation?: CardRecipeVariants['elevation'];
+    variant?: CardRecipeVariants['variant'];
+    active?: CardRecipeVariants['active'];
+    interactive?: boolean;
 }
 
 declare const cardRecipe: RuntimeFn<    {
@@ -6228,7 +6422,11 @@ backgroundColor: `var(--${string})`;
 
 declare type CardRecipeVariants = NonNullable<RecipeVariants<typeof cardRecipe>>;
 
-export declare const CardVanilla: ForwardRefExoticComponent<(Omit<CardOwnProps, "ref"> | Omit<InteractiveCardProps_2, "ref">) & RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+export declare const CardVanilla: CardVanillaComponent;
+
+declare type CardVanillaComponent = PolymorphicComponent<'div', CardVanillaProps<ElementType>>;
+
+declare type CardVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardOwnProps>;
 
 declare type CardVariantProps = ComponentProps<typeof StyledCard> & VariantProps<typeof StyledCard> & {
     interactive?: false;
@@ -10818,9 +11016,11 @@ boxShadow: "0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%
 
 declare type ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;
 
-export declare const ElevationVanilla: ForwardRefExoticComponent<Omit<ElevationVanillaProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const ElevationVanilla: ElevationVanillaComponent;
+
+declare type ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;
 
-declare type ElevationVanillaProps = React.ComponentProps<'div'> & ElevationOwnProps;
+declare type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, ElevationOwnProps>;
 
 declare type ElevationVariant = Record<number, CSS_2>;
 
@@ -15127,6 +15327,12 @@ backgroundClip: WithPropertyValue<"backgroundClip">;
 }>>;
 export { Image_2 as Image }
 
+export declare const ImageVanilla: ImageVanillaComponent;
+
+declare type ImageVanillaComponent = PolymorphicComponent<'img', ImageVanillaProps<ElementType>>;
+
+export declare type ImageVanillaProps<C extends ElementType = 'img'> = PolymorphicComponentProps<C, CSSProps>;
+
 export declare const Input: default_2.ForwardRefExoticComponent<Omit<HTMLInputProps, "size"> & InputVariants & {
     css?: CSS_2;
 } & default_2.RefAttributes<InputHandle>>;
@@ -15159,10 +15365,6 @@ declare type InteractiveCardProps = VariantProps<typeof StyledInteractiveCard> &
     interactive: true;
 };
 
-declare interface InteractiveCardProps_2 extends BaseCardProps, Omit<React.ComponentProps<'button'>, 'color'> {
-    interactive: true;
-}
-
 export declare const keyframes: (style: {
     [offset: string]: CSS_4<    {
     bp1: "(min-width: 520px) and (max-width: 899px)";
@@ -15978,9 +16180,11 @@ readonly whiteSpace: "nowrap";
 
 declare type LabelRecipeVariants = NonNullable<RecipeVariants<typeof labelRecipe>>;
 
-export declare const LabelVanilla: ForwardRefExoticComponent<LabelPrimitive.LabelProps & LabelOwnProps & RefAttributes<HTMLLabelElement>>;
+export declare const LabelVanilla: LabelVanillaComponent;
 
-export declare type LabelVanillaProps = LabelPrimitive.LabelProps & LabelOwnProps;
+declare type LabelVanillaComponent = PolymorphicComponent<'label', LabelVanillaProps<ElementType>>;
+
+export declare type LabelVanillaProps<C extends ElementType = 'label'> = PolymorphicComponentProps<C, LabelOwnProps>;
 
 export declare const Li: default_2.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & default_2.RefAttributes<HTMLLIElement>>;
 
@@ -17984,9 +18188,11 @@ backgroundClip: WithPropertyValue<"backgroundClip">;
 
 export declare const panelStyles: CSS_2;
 
-export declare const PanelVanilla: ForwardRefExoticComponent<Omit<PanelVanillaProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PanelVanilla: PanelVanillaComponent;
+
+declare type PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;
 
-declare type PanelVanillaProps = React.ComponentProps<'div'> & CSSProps;
+declare type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CSSProps>;
 
 export declare const Paragraph: default_2.ForwardRefExoticComponent<Omit<ParagraphProps, "ref"> & default_2.RefAttributes<HTMLParagraphElement>>;
 
@@ -19235,6 +19441,43 @@ backgroundClip: WithPropertyValue<"backgroundClip">;
 };
 }>>;
 
+declare const skeletonRecipe: RuntimeFn<    {
+variant: {
+square: {
+borderRadius: `var(--${string})`;
+};
+circle: {
+borderRadius: `var(--${string})`;
+};
+badge: {
+borderRadius: `var(--${string})`;
+display: "inline-flex";
+};
+button: {
+borderRadius: `var(--${string})`;
+display: "inline-flex";
+};
+text: {
+selectors: {
+'&:empty::before': {
+content: "\"\\00a0\"";
+};
+};
+};
+};
+}>;
+
+declare type SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;
+
+export declare const SkeletonVanilla: SkeletonVanillaComponent;
+
+declare type SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;
+
+declare interface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {
+}
+
+export declare type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, SkeletonVanillaOwnProps>;
+
 declare type SpacingToken = '$1' | '$2' | '$3' | '$4' | '$5' | '$6' | '$7' | '$8' | '$9' | string | number;
 
 declare const stitches: default_3<"", {

package/dist/index.js

@@ -6,10 +6,12 @@ import { config, createTheme, css, darkTheme, getCssText, globalCss, keyframes,
 import { VanillaExtractThemeProvider, useVanillaExtractTheme } from "./styles/themeContext.js";
 import { darkTheme as darkTheme2, lightTheme as lightTheme2, themes } from "./styles/themes.css.js";
 import { AccessibleIcon } from "./components/AccessibleIcon/AccessibleIcon.js";
+import { AccessibleIconVanilla } from "./components/AccessibleIcon/AccessibleIcon.vanilla.js";
 import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from "./components/Accordion/Accordion.js";
 import { Alert } from "./components/Alert/Alert.js";
 import { Caption, Table, Tbody, Td, Tfoot, Th, Thead, Tr } from "./components/AriaTable/AriaTable.js";
 import { Avatar } from "./components/Avatar/Avatar.js";
+import { AvatarVanilla } from "./components/Avatar/Avatar.vanilla.js";
 import { Badge } from "./components/Badge/Badge.js";
 import { COLORS, BadgeVanilla } from "./components/Badge/Badge.vanilla.js";
 import { Blockquote } from "./components/Blockquote/Blockquote.js";
@@ -17,6 +19,7 @@ import { BlockquoteVanilla } from "./components/Blockquote/Blockquote.vanilla.js
 import { Box } from "./components/Box/Box.js";
 import { BoxVanilla } from "./components/Box/Box.vanilla.js";
 import { Bubble } from "./components/Bubble/Bubble.js";
+import { BubbleVanilla } from "./components/Bubble/Bubble.vanilla.js";
 import { Button } from "./components/Button/Button.js";
 import { ButtonVanilla } from "./components/Button/Button.vanilla.js";
 import { ButtonSwitchContainer, ButtonSwitchItem } from "./components/ButtonSwitch/ButtonSwitch.js";
@@ -40,6 +43,7 @@ import { H1, H2, H3, H4, H5, H6 } from "./components/Heading/Heading.js";
 import { IconButton } from "./components/IconButton/IconButton.js";
 import { IconButtonVanilla } from "./components/IconButton/IconButton.vanilla.js";
 import { Image } from "./components/Image/Image.js";
+import { ImageVanilla } from "./components/Image/Image.vanilla.js";
 import { Input } from "./components/Input/Input.js";
 import { InputVanilla } from "./components/Input/Input.vanilla.js";
 import { Label } from "./components/Label/Label.js";
@@ -51,16 +55,17 @@ import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, Navigat
 import { NavigationTreeContainer } from "./components/NavigationTree/NavigationTreeContainer.js";
 import { NavigationTreeDrawer } from "./components/NavigationTree/NavigationTreeDrawer.js";
 import { NavigationTreeItem } from "./components/NavigationTree/NavigationTreeItem.js";
+import { Panel, panelStyles } from "./components/Panel/Panel.js";
+import { PanelVanilla } from "./components/Panel/Panel.vanilla.js";
 import { Paragraph } from "./components/Paragraph/Paragraph.js";
 import { ParagraphVanilla } from "./components/Paragraph/Paragraph.vanilla.js";
 import { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger } from "./components/Popover/Popover.js";
-import { Panel, panelStyles } from "./components/Panel/Panel.js";
-import { PanelVanilla } from "./components/Panel/Panel.vanilla.js";
 import { Radio, RadioGroup } from "./components/Radio/Radio.js";
 import { RadioAccordionContent, RadioAccordionItem, RadioAccordionRoot, RadioAccordionTrigger } from "./components/RadioAccordion/RadioAccordion.js";
 import { Select } from "./components/Select/Select.js";
 import { SidePanel } from "./components/SidePanel/SidePanel.js";
 import { Skeleton } from "./components/Skeleton/Skeleton.js";
+import { SkeletonVanilla } from "./components/Skeleton/Skeleton.vanilla.js";
 import { Switch } from "./components/Switch/Switch.js";
 import { Caption as Caption2, Table as Table2, Tbody as Tbody2, Td as Td2, Tfoot as Tfoot2, Th as Th2, Thead as Thead2, Tr as Tr2 } from "./components/Table/Table.js";
 import { TabsContainer, TabsContent, TabsList, TabsTrigger } from "./components/Tabs/Tabs.js";
@@ -73,6 +78,7 @@ import { Tooltip, TooltipContent, TooltipRoot, TooltipTrigger } from "./componen
 import { VisuallyHidden } from "./components/VisuallyHidden/VisuallyHidden.js";
 export {
   AccessibleIcon,
+  AccessibleIconVanilla,
   AccordionContent,
   AccordionItem,
   AccordionRoot,
@@ -88,6 +94,7 @@ export {
   Tr as AriaTr,
   AspectRatio,
   Avatar,
+  AvatarVanilla,
   COLORS as BADGE_COLORS_VANILLA,
   Badge,
   BadgeVanilla,
@@ -96,6 +103,7 @@ export {
   Box,
   BoxVanilla,
   Bubble,
+  BubbleVanilla,
   Button,
   ButtonSwitchContainer,
   ButtonSwitchContainerVanilla,
@@ -146,6 +154,7 @@ export {
   IconButton,
   IconButtonVanilla,
   Image,
+  ImageVanilla,
   Input,
   InputVanilla,
   Label,
@@ -189,6 +198,7 @@ export {
   Select,
   SidePanel,
   Skeleton,
+  SkeletonVanilla,
   StyledContent,
   Switch,
   Table2 as Table,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/themes.css.cjs

@@ -8,6 +8,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                                             */
 ;/* empty css                                                   */
 ;/* empty css                                                   */
+;/* empty css                                                         */
 ;/* empty css                                                 */
 ;/* empty css                                                         */
 ;/* empty css                            */

package/dist/styles/themes.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"themes.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"themes.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/themes.css.js

@@ -6,6 +6,7 @@
 /* empty css                                                           */
 /* empty css                                                 */
 /* empty css                                                 */
+/* empty css                                                       */
 /* empty css                                               */
 /* empty css                                                       */
 /* empty css                          */

package/dist/styles/themes.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"themes.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@traefik-labs/faency",
   "description": "Traefik Labs design system",
-  "version": "12.0.7",
+  "version": "12.0.8",
   "license": "Apache-2.0",
   "keywords": [
     "traefiklabs",
@@ -18,8 +18,7 @@
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    },
-    "./dist/style.css": "./dist/style.css"
+    }
   },
   "files": [
     "dist"