reshaped 3.8.2 → 3.8.4-canary.0

package/dist/components/Accordion/Accordion.d.ts

@@ -1,8 +1,3 @@
-import AccordionTrigger from "./AccordionTrigger";
-import AccordionContent from "./AccordionContent";
 import * as T from "./Accordion.types";
-declare const Accordion: React.FC<T.Props> & {
-    Trigger: typeof AccordionTrigger;
-    Content: typeof AccordionContent;
-};
+declare const Accordion: React.FC<T.Props>;
 export default Accordion;

package/dist/components/Accordion/Accordion.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import AccordionControlled from "./AccordionControlled.js";
 import AccordionUncontrolled from "./AccordionUncontrolled.js";
-import AccordionTrigger from "./AccordionTrigger.js";
-import AccordionContent from "./AccordionContent.js";
 const Accordion = (props) => {
     const { active } = props;
     if (active !== undefined)
         return _jsx(AccordionControlled, { ...props });
     return _jsx(AccordionUncontrolled, { ...props });
 };
-Accordion.Trigger = AccordionTrigger;
-Accordion.Content = AccordionContent;
 Accordion.displayName = "Accordion";
 export default Accordion;

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

@@ -1,2 +1,9 @@
-export { default } from "./Accordion";
+import Accordion from "./Accordion";
+import AccordionTrigger from "./AccordionTrigger";
+import AccordionContent from "./AccordionContent";
+declare const AccordionRoot: typeof Accordion & {
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
+};
+export default AccordionRoot;
 export type { Props as AccordionProps } from "./Accordion.types";

package/dist/components/Accordion/index.js

@@ -1 +1,7 @@
-export { default } from "./Accordion.js";
+import Accordion from "./Accordion.js";
+import AccordionTrigger from "./AccordionTrigger.js";
+import AccordionContent from "./AccordionContent.js";
+const AccordionRoot = Accordion;
+AccordionRoot.Trigger = AccordionTrigger;
+AccordionRoot.Content = AccordionContent;
+export default AccordionRoot;

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

@@ -43,5 +43,5 @@ export type Props = {
     /** Additional attributes for the root element */
     attributes?: Attributes;
 };
-export type Ref = React.Ref<HTMLButtonElement | HTMLAnchorElement>;
+export type Ref = HTMLButtonElement | HTMLAnchorElement;
 export {};

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,7 +1,5 @@
 import React from "react";
 import * as T from "./Autocomplete.types";
-declare const Autocomplete: React.FC<T.Props> & {
-    Item: typeof AutocompleteItem;
-};
-declare const AutocompleteItem: React.FC<T.ItemProps>;
+declare const Autocomplete: React.FC<T.Props>;
+export declare const AutocompleteItem: React.FC<T.ItemProps>;
 export default Autocomplete;

package/dist/components/Autocomplete/Autocomplete.js

@@ -145,7 +145,7 @@ const Autocomplete = (props) => {
                             "aria-autocomplete": "list",
                         } })) }), _jsx(DropdownMenu.Content, { attributes: { onClick: handleContentClick, role: "listbox", ref: contentRef }, children: children })] }) }));
 };
-const AutocompleteItem = (props) => {
+export const AutocompleteItem = (props) => {
     const { value, data, onClick, disabled, ...menuItemProps } = props;
     const { onItemClick, highlightedId } = React.useContext(AutocompleteContext);
     const id = useElementId();
@@ -161,7 +161,6 @@ const AutocompleteItem = (props) => {
             tabIndex: highlighted ? 0 : -1,
         }, onClick: handleClick }));
 };
-Autocomplete.Item = AutocompleteItem;
 Autocomplete.displayName = "Autocomplete";
 AutocompleteItem.displayName = "Autocomplete.Item";
 export default Autocomplete;

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

@@ -1,2 +1,6 @@
-export { default } from "./Autocomplete";
+import Autocomplete, { AutocompleteItem } from "./Autocomplete";
+declare const AutocompleteRoot: typeof Autocomplete & {
+    Item: typeof AutocompleteItem;
+};
+export default AutocompleteRoot;
 export type { Props as AutocompleteProps, Instance as AutocompleteInstance, } from "./Autocomplete.types";

package/dist/components/Autocomplete/index.js

@@ -1 +1,4 @@
-export { default } from "./Autocomplete.js";
+import Autocomplete, { AutocompleteItem } from "./Autocomplete.js";
+const AutocompleteRoot = Autocomplete;
+AutocompleteRoot.Item = AutocompleteItem;
+export default AutocompleteRoot;

package/dist/components/Autocomplete/tests/Autocomplete.stories.d.ts

@@ -4,7 +4,7 @@ import { Mock } from "storybook/test";
 declare const _default: {
     title: string;
     component: React.FC<import("./..").AutocompleteProps> & {
-        Item: React.FC<import("../Autocomplete.types").ItemProps>;
+        Item: typeof import("../Autocomplete").AutocompleteItem;
     };
     parameters: {
         iframe: {

package/dist/components/Badge/Badge.d.ts

@@ -1,3 +1,4 @@
+import { type ActionableRef } from "../Actionable";
 import type * as T from "./Badge.types";
-declare const Badge: T.Export;
+declare const Badge: import("react").ForwardRefExoticComponent<T.Props & import("react").RefAttributes<ActionableRef>>;
 export default Badge;

package/dist/components/Badge/Badge.js

@@ -4,7 +4,6 @@ import Text from "../Text/index.js";
 import Icon from "../Icon/index.js";
 import IconClose from "../../icons/Close.js";
 import Actionable from "../Actionable/index.js";
-import BadgeContainer from "./BadgeContainer.js";
 import s from "./Badge.module.css";
 import { forwardRef } from "react";
 const Badge = forwardRef((props, ref) => {
@@ -20,6 +19,5 @@ const Badge = forwardRef((props, ref) => {
                     "aria-hidden": hidden ? "true" : undefined,
                 }, children: children })), endIcon && _jsx(Icon, { svg: endIcon, autoWidth: true, size: iconSize, className: s.icon }), onDismiss && (_jsx(Actionable, { onClick: hnadleDismiss, className: s.dismiss, as: "span", attributes: { "aria-label": dismissAriaLabel }, touchHitbox: true, children: _jsx(Icon, { svg: IconClose, size: iconSize }) }))] }));
 });
-Badge.Container = BadgeContainer;
 Badge.displayName = "Badge";
 export default Badge;

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

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { ActionableProps, ActionableRef } from "../Actionable";
+import type { ActionableProps } from "../Actionable";
 import type { IconProps } from "../Icon";
 import type * as G from "../../types/global";
 type BaseProps = {
@@ -62,9 +62,4 @@ export type ContainerProps = {
     /** Additional attributes for the root element */
     attributes?: G.Attributes<"div">;
 };
-export type Export = React.ForwardRefExoticComponent<Props & {
-    ref?: ActionableRef;
-}> & {
-    Container: React.ComponentType<ContainerProps>;
-};
 export {};

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

@@ -1,2 +1,7 @@
-export { default } from "./Badge";
+import Badge from "./Badge";
+import BadgeContainer from "./BadgeContainer";
+declare const BadgeRoot: typeof Badge & {
+    Container: typeof BadgeContainer;
+};
+export default BadgeRoot;
 export type { Props as BadgeProps } from "./Badge.types";

package/dist/components/Badge/index.js

@@ -1 +1,5 @@
-export { default } from "./Badge.js";
+import Badge from "./Badge.js";
+import BadgeContainer from "./BadgeContainer.js";
+const BadgeRoot = Badge;
+BadgeRoot.Container = BadgeContainer;
+export default BadgeRoot;

package/dist/components/Badge/tests/Badge.stories.d.ts

@@ -3,7 +3,9 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("../Badge.types").Export;
+    component: React.ForwardRefExoticComponent<import("./..").BadgeProps & React.RefAttributes<import("../../Actionable").ActionableRef>> & {
+        Container: React.FC<import("../Badge.types").ContainerProps>;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,4 @@
 import React from "react";
-import BreadcrumbsItem from "./BreadcrumbsItem";
 import * as T from "./Breadcrumbs.types";
-declare const Breadcrumbs: React.FC<T.Props> & {
-    Item: typeof BreadcrumbsItem;
-};
+declare const Breadcrumbs: React.FC<T.Props>;
 export default Breadcrumbs;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -8,7 +8,6 @@ import Text from "../Text/index.js";
 import Button from "../Button/index.js";
 import IconChevronRight from "../../icons/ChevronRight.js";
 import IconDotsHorizontal from "../../icons/DotsHorizontal.js";
-import BreadcrumbsItem from "./BreadcrumbsItem.js";
 const Breadcrumbs = (props) => {
     const { children, separator, color, defaultVisibleItems, expandAriaLabel, disableExpand, ariaLabel, className, attributes, } = props;
     const visibleItems = defaultVisibleItems && defaultVisibleItems >= 2 ? defaultVisibleItems : null;
@@ -41,6 +40,5 @@ const Breadcrumbs = (props) => {
                 return (_jsxs(View, { as: "li", gap: 2, direction: "row", align: "center", children: [index > 0 && (isDisplayed || isCollapseButton) && (_jsx(Text, { color: "neutral-faded", children: separator || _jsx(Icon, { svg: IconChevronRight, size: 3 }) })), _jsx(Text, { variant: "body-3", color: color === "primary" ? "primary" : "neutral-faded", children: itemNode })] }, index));
             }) }) }));
 };
-Breadcrumbs.Item = BreadcrumbsItem;
 Breadcrumbs.displayName = "Breadcrumbs";
 export default Breadcrumbs;

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

@@ -1,2 +1,7 @@
-export { default } from "./Breadcrumbs";
+import Breadcrumbs from "./Breadcrumbs";
+import BreadcrumbsItem from "./BreadcrumbsItem";
+declare const BreadcrumbsRoot: typeof Breadcrumbs & {
+    Item: typeof BreadcrumbsItem;
+};
+export default BreadcrumbsRoot;
 export type { Props as BreadcrumbsProps } from "./Breadcrumbs.types";

package/dist/components/Breadcrumbs/index.js

@@ -1 +1,5 @@
-export { default } from "./Breadcrumbs.js";
+import Breadcrumbs from "./Breadcrumbs.js";
+import BreadcrumbsItem from "./BreadcrumbsItem.js";
+const BreadcrumbsRoot = Breadcrumbs;
+BreadcrumbsRoot.Item = BreadcrumbsItem;
+export default BreadcrumbsRoot;

package/dist/components/Button/Button.d.ts

@@ -1,3 +1,16 @@
+import { type ActionableRef } from "../Actionable";
 import type * as T from "./Button.types";
-declare const Button: T.Export;
+declare const Button: import("react").ForwardRefExoticComponent<Pick<import("../Actionable").ActionableProps, "disabled" | "children" | "className" | "attributes" | "as" | "render" | "type" | "href" | "onClick" | "stopPropagation"> & {
+    color?: "primary" | "critical" | "positive" | "neutral" | "media" | "inherit";
+    variant?: "solid" | "outline" | "ghost" | "faded";
+    icon?: import("../Icon").IconProps["svg"];
+    endIcon?: import("../Icon").IconProps["svg"];
+    size?: import("../..").Responsive<T.Size>;
+    rounded?: boolean;
+    loading?: boolean;
+    loadingAriaLabel?: string;
+    elevated?: boolean;
+    fullWidth?: import("../..").Responsive<boolean>;
+    highlighted?: boolean;
+} & import("react").RefAttributes<ActionableRef>>;
 export default Button;

package/dist/components/Button/Button.js

@@ -4,8 +4,6 @@ import { classNames, responsiveClassNames, responsivePropDependency } from "../.
 import Icon from "../Icon/index.js";
 import Loader from "../Loader/index.js";
 import Actionable from "../Actionable/index.js";
-import ButtonGroup from "./ButtonGroup.js";
-import ButtonAligner from "./ButtonAligner.js";
 import s from "./Button.module.css";
 const Button = forwardRef((props, ref) => {
     const { variant = "solid", color = "neutral", elevated, highlighted, fullWidth, loading, loadingAriaLabel, disabled, type, href, size = "medium", children, rounded, onClick, icon, endIcon, stopPropagation, as, render, className, attributes, } = props;
@@ -32,7 +30,5 @@ const Button = forwardRef((props, ref) => {
             "data-rs-aligner-target": true,
         }, type: type, onClick: onClick, href: href, ref: ref, as: as, stopPropagation: stopPropagation, render: render, children: [loading && (_jsx("div", { className: s.loader, children: _jsx(Loader, { color: "inherit", attributes: { "aria-label": loadingAriaLabel } }) })), renderIcon("start"), children && _jsx("span", { className: s.text, children: children }), renderIcon("end")] }));
 });
-Button.Group = ButtonGroup;
-Button.Aligner = ButtonAligner;
 Button.displayName = "Button";
 export default Button;

package/dist/components/Button/Button.module.css

@@ -1 +1 @@
-.root{--rs-p-v:var(--rs-button-p-v);--rs-p-h:var(--rs-button-p-h);--rs-button-highlight-opacity:0;--rs-button-highlight-opacity-base:0;--rs-button-border-color:transparent;--rs-button-border-width:0px;align-items:center;border:var(--rs-button-border-width) solid var(--rs-button-border-color);border-radius:var(--rs-button-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;overflow:hidden;padding:calc(var(--rs-unit-x1) - var(--rs-button-border-width)) calc(var(--rs-p-h) - var(--rs-button-border-width));position:relative;text-align:initial;text-decoration:none;transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:background-color,box-shadow,border-color,color,transform;z-index:0;-webkit-tap-highlight-color:transparent;background-color:var(--rs-button-background-color);color:var(--rs-button-foreground-color);font-family:var(--rs-font-family-body);font-size:var(--rs-button-font-size);font-weight:var(--rs-font-weight-medium);letter-spacing:var(--rs-button-letter-spacing);line-height:var(--rs-button-line-height);min-height:calc(var(--rs-button-line-height) + var(--rs-p-v) * 2);min-width:calc(var(--rs-button-line-height) - (var(--rs-unit-x1) * 2) + (var(--rs-button-p-h) * 2))}.root:before{background:var(--rs-button-highlight-color,var(--rs-button-foreground-color));content:"";inset:0;opacity:var(--rs-button-highlight-opacity-base);position:absolute;transform:translateZ(0);transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:opacity,background-color}@media (hover:hover) and (pointer:fine){.root:hover:not(.--loading,.--highlighted,.--disabled):before{opacity:var(--rs-button-highlight-opacity)}}.root.--highlighted:before,.root:active:not(.--loading,.--disabled):before{opacity:calc(var(--rs-button-highlight-opacity) + max(.04, var(--rs-button-highlight-opacity) / 2))}.text{align-items:center;display:flex;gap:var(--rs-button-gap)}.icon{margin-inline-end:var(--rs-button-gap)}.icon:last-child{margin-inline-end:0}.icon.--icon-position-end{margin-inline-end:0;margin-inline-start:var(--rs-button-gap)}.icon,.text{position:relative;z-index:5}.loader{align-items:center;display:none;inset:0;justify-content:center;position:absolute}.root.--icon-only .icon{margin:0 calc(var(--rs-unit-x1) * -1)}.root.--loading{cursor:default}.root.--loading .icon,.root.--loading .text{visibility:hidden}.root.--loading .loader{display:flex}.root.--rounded{border-radius:var(--rs-radius-circular)}.--size-small{--rs-button-p-v:var(--rs-unit-x1);--rs-button-p-h:var(--rs-unit-x2);--rs-button-gap:var(--rs-unit-x1);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-medium{--rs-button-p-v:var(--rs-unit-x2);--rs-button-p-h:var(--rs-unit-x3);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-large{--rs-button-p-v:var(--rs-unit-x3);--rs-button-p-h:var(--rs-unit-x4);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--size-xlarge{--rs-button-p-v:var(--rs-unit-x4);--rs-button-p-h:var(--rs-unit-x5);--rs-button-gap:var(--rs-unit-x3);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--full-width{text-align:center;width:100%}.root.--variant-solid.--color-neutral{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-neutral);--rs-button-foreground-color:var(--rs-color-on-background-neutral)}.root.--variant-solid.--color-primary{--rs-button-highlight-opacity:0.08;--rs-button-background-color:var(--rs-color-background-primary);--rs-button-foreground-color:var(--rs-color-on-background-primary)}.root.--variant-solid.--color-critical{--rs-button-highlight-opacity:0.08;--rs-button-background-color:var(--rs-color-background-critical);--rs-button-foreground-color:var(--rs-color-on-background-critical)}.root.--variant-solid.--color-positive{--rs-button-highlight-opacity:0.08;--rs-button-background-color:var(--rs-color-background-positive);--rs-button-foreground-color:var(--rs-color-on-background-positive)}.root.--variant-solid.--color-media{--rs-button-highlight-opacity:0.06;--rs-button-background-color:var(--rs-color-white);--rs-button-foreground-color:var(--rs-color-black)}.root.--variant-faded.--color-neutral{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-neutral-faded);--rs-button-foreground-color:var(--rs-color-foreground-neutral)}.root.--variant-faded.--color-primary{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-primary-faded);--rs-button-foreground-color:var(--rs-color-foreground-primary)}.root.--variant-faded.--color-critical{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-critical-faded);--rs-button-foreground-color:var(--rs-color-foreground-critical)}.root.--variant-faded.--color-positive{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-positive-faded);--rs-button-foreground-color:var(--rs-color-foreground-positive)}.root.--variant-faded.--color-media{--rs-button-highlight-opacity-base:0.24;--rs-button-highlight-opacity:0.32;--rs-button-foreground-color:var(--rs-color-white);--rs-button-highlight-color:var(--rs-color-black)}.root.--variant-faded.--color-inherit{--rs-button-highlight-opacity-base:0.12;--rs-button-highlight-opacity:0.16;--rs-button-foreground-color:inherit;--rs-button-highlight-color:currentcolor}.root.--variant-outline{--rs-button-border-width:1px;--rs-button-highlight-opacity:0.06}.root.--variant-outline.--color-primary{--rs-button-foreground-color:var(--rs-color-foreground-primary);--rs-button-border-color:var(--rs-color-border-primary-faded);--rs-button-highlight-color:var(--rs-color-background-primary)}.root.--variant-outline.--color-critical{--rs-button-foreground-color:var(--rs-color-foreground-critical);--rs-button-border-color:var(--rs-color-border-critical-faded);--rs-button-highlight-color:var(--rs-color-background-critical)}.root.--variant-outline.--color-positive{--rs-button-foreground-color:var(--rs-color-foreground-positive);--rs-button-border-color:var(--rs-color-border-positive-faded);--rs-button-highlight-color:var(--rs-color-background-positive)}.root.--variant-outline.--color-neutral{--rs-button-highlight-opacity:0.24;--rs-button-foreground-color:var(--rs-color-foreground-neutral);--rs-button-border-color:var(--rs-color-border-neutral);--rs-button-highlight-color:var(--rs-color-background-neutral)}.root.--variant-outline.--color-inherit{--rs-button-border-width:0px;--rs-button-foreground-color:inherit;--rs-button-highlight-color:currentcolor}.root.--variant-outline.--color-inherit:after{border:1px solid;border-radius:var(--rs-button-radius);content:"";inset:0;opacity:.28;pointer-events:none;position:absolute}.root.--variant-ghost{--rs-button-highlight-opacity:0.12}.root.--variant-ghost.--color-neutral{--rs-button-highlight-opacity:0.32;--rs-button-foreground-color:var(--rs-color-foreground-neutral);--rs-button-highlight-color:var(--rs-color-background-neutral)}.root.--variant-ghost.--color-primary{--rs-button-foreground-color:var(--rs-color-foreground-primary);--rs-button-highlight-color:var(--rs-color-background-primary)}.root.--variant-ghost.--color-critical{--rs-button-foreground-color:var(--rs-color-foreground-critical);--rs-button-highlight-color:var(--rs-color-background-critical)}.root.--variant-ghost.--color-positive{--rs-button-foreground-color:var(--rs-color-foreground-positive);--rs-button-highlight-color:var(--rs-color-background-positive)}.root.--variant-ghost.--color-inherit{--rs-button-foreground-color:inherit;--rs-button-highlight-color:currentcolor}.root.--elevated:not(:focus),[data-rs-keyboard] .root.--elevated:not(:focus){box-shadow:var(--rs-shadow-raised)}.root.--elevated.--variant-outline.--color-critical,.root.--elevated.--variant-outline.--color-neutral,.root.--elevated.--variant-outline.--color-positive,.root.--elevated.--variant-outline.--color-primary{background:var(--rs-color-background-elevation-raised)}.root.--disabled.--color-critical,.root.--disabled.--color-critical.--highlighted,.root.--disabled.--color-critical:active,.root.--disabled.--color-critical:hover,.root.--disabled.--color-inherit,.root.--disabled.--color-inherit.--highlighted,.root.--disabled.--color-inherit:active,.root.--disabled.--color-inherit:hover,.root.--disabled.--color-neutral,.root.--disabled.--color-neutral.--highlighted,.root.--disabled.--color-neutral:active,.root.--disabled.--color-neutral:hover,.root.--disabled.--color-positive,.root.--disabled.--color-positive.--highlighted,.root.--disabled.--color-positive:active,.root.--disabled.--color-positive:hover,.root.--disabled.--color-primary,.root.--disabled.--color-primary.--highlighted,.root.--disabled.--color-primary:active,.root.--disabled.--color-primary:hover{background-color:var(--rs-color-background-disabled)!important;border-color:var(--rs-color-border-disabled)!important;color:var(--rs-color-foreground-disabled)!important}.root.--disabled.--color-critical.--highlighted:before,.root.--disabled.--color-critical:active:before,.root.--disabled.--color-critical:before,.root.--disabled.--color-critical:hover:before,.root.--disabled.--color-inherit.--highlighted:before,.root.--disabled.--color-inherit:active:before,.root.--disabled.--color-inherit:before,.root.--disabled.--color-inherit:hover:before,.root.--disabled.--color-neutral.--highlighted:before,.root.--disabled.--color-neutral:active:before,.root.--disabled.--color-neutral:before,.root.--disabled.--color-neutral:hover:before,.root.--disabled.--color-positive.--highlighted:before,.root.--disabled.--color-positive:active:before,.root.--disabled.--color-positive:before,.root.--disabled.--color-positive:hover:before,.root.--disabled.--color-primary.--highlighted:before,.root.--disabled.--color-primary:active:before,.root.--disabled.--color-primary:before,.root.--disabled.--color-primary:hover:before{opacity:0!important}.root.--disabled.--color-critical.--highlighted.--variant-faded,.root.--disabled.--color-critical.--variant-faded,.root.--disabled.--color-critical:active.--variant-faded,.root.--disabled.--color-critical:hover.--variant-faded,.root.--disabled.--color-inherit.--highlighted.--variant-faded,.root.--disabled.--color-inherit.--variant-faded,.root.--disabled.--color-inherit:active.--variant-faded,.root.--disabled.--color-inherit:hover.--variant-faded,.root.--disabled.--color-neutral.--highlighted.--variant-faded,.root.--disabled.--color-neutral.--variant-faded,.root.--disabled.--color-neutral:active.--variant-faded,.root.--disabled.--color-neutral:hover.--variant-faded,.root.--disabled.--color-positive.--highlighted.--variant-faded,.root.--disabled.--color-positive.--variant-faded,.root.--disabled.--color-positive:active.--variant-faded,.root.--disabled.--color-positive:hover.--variant-faded,.root.--disabled.--color-primary.--highlighted.--variant-faded,.root.--disabled.--color-primary.--variant-faded,.root.--disabled.--color-primary:active.--variant-faded,.root.--disabled.--color-primary:hover.--variant-faded{background-color:var(--rs-color-background-disabled-faded)!important}.root.--disabled.--color-critical.--highlighted.--variant-outline,.root.--disabled.--color-critical.--variant-outline,.root.--disabled.--color-critical:active.--variant-outline,.root.--disabled.--color-critical:hover.--variant-outline,.root.--disabled.--color-inherit.--highlighted.--variant-outline,.root.--disabled.--color-inherit.--variant-outline,.root.--disabled.--color-inherit:active.--variant-outline,.root.--disabled.--color-inherit:hover.--variant-outline,.root.--disabled.--color-neutral.--highlighted.--variant-outline,.root.--disabled.--color-neutral.--variant-outline,.root.--disabled.--color-neutral:active.--variant-outline,.root.--disabled.--color-neutral:hover.--variant-outline,.root.--disabled.--color-positive.--highlighted.--variant-outline,.root.--disabled.--color-positive.--variant-outline,.root.--disabled.--color-positive:active.--variant-outline,.root.--disabled.--color-positive:hover.--variant-outline,.root.--disabled.--color-primary.--highlighted.--variant-outline,.root.--disabled.--color-primary.--variant-outline,.root.--disabled.--color-primary:active.--variant-outline,.root.--disabled.--color-primary:hover.--variant-outline{background-color:transparent!important}.root.--disabled.--color-critical.--highlighted.--variant-ghost,.root.--disabled.--color-critical.--variant-ghost,.root.--disabled.--color-critical:active.--variant-ghost,.root.--disabled.--color-critical:hover.--variant-ghost,.root.--disabled.--color-inherit.--highlighted.--variant-ghost,.root.--disabled.--color-inherit.--variant-ghost,.root.--disabled.--color-inherit:active.--variant-ghost,.root.--disabled.--color-inherit:hover.--variant-ghost,.root.--disabled.--color-neutral.--highlighted.--variant-ghost,.root.--disabled.--color-neutral.--variant-ghost,.root.--disabled.--color-neutral:active.--variant-ghost,.root.--disabled.--color-neutral:hover.--variant-ghost,.root.--disabled.--color-positive.--highlighted.--variant-ghost,.root.--disabled.--color-positive.--variant-ghost,.root.--disabled.--color-positive:active.--variant-ghost,.root.--disabled.--color-positive:hover.--variant-ghost,.root.--disabled.--color-primary.--highlighted.--variant-ghost,.root.--disabled.--color-primary.--variant-ghost,.root.--disabled.--color-primary:active.--variant-ghost,.root.--disabled.--color-primary:hover.--variant-ghost{background-color:transparent!important;border-color:transparent!important}.root.--disabled.--color-media,.root.--disabled.--color-media.--highlighted,.root.--disabled.--color-media:active,.root.--disabled.--color-media:hover{opacity:.4!important}.group .root{border-inline-end:0 solid var(--rs-button-group-separator-color);border-inline-start:1px solid var(--rs-button-group-separator-color);border-radius:0}.group .root:first-child{border-end-start-radius:var(--rs-button-radius);border-inline-start-width:0;border-start-start-radius:var(--rs-button-radius)}.group .root:last-child{border-end-end-radius:var(--rs-button-radius);border-start-end-radius:var(--rs-button-radius)}.group .root.--highlighted:not(:last-child){border-inline-end-width:1px}.group .root.--highlighted:not(:last-child)+.root{border-inline-start-width:0}.group .root.--variant-outline{border-inline:1px solid var(--rs-button-group-separator-color)}.group .root.--variant-outline:not(:last-child){border-inline-end-width:0}.group .root.--variant-outline.--highlighted{border-inline-end-width:1px}.group .root.--variant-outline.--highlighted+.root{border-inline-start-width:0}.group .root.--variant-solid.--color-neutral{--rs-button-group-separator-color:var(--rs-color-border-neutral)}.group .root.--variant-solid.--color-positive{--rs-button-group-separator-color:var(--rs-color-border-positive)}.group .root.--variant-solid.--color-critical{--rs-button-group-separator-color:var(--rs-color-border-critical)}.group .root.--variant-solid.--color-primary{--rs-button-group-separator-color:var(--rs-color-border-primary)}.group .root.--variant-faded.--color-neutral,.group .root.--variant-outline.--color-neutral{--rs-button-group-separator-color:var(--rs-color-border-neutral)}.group .root.--variant-faded.--color-positive,.group .root.--variant-outline.--color-positive{--rs-button-group-separator-color:var(--rs-color-border-positive-faded)}.group .root.--variant-faded.--color-critical,.group .root.--variant-outline.--color-critical{--rs-button-group-separator-color:var(--rs-color-border-critical-faded)}.group .root.--variant-faded.--color-primary,.group .root.--variant-outline.--color-primary{--rs-button-group-separator-color:var(--rs-color-border-primary-faded)}.group .root.--variant-ghost.--color-neutral{--rs-button-group-separator-color:var(--rs-color-border-neutral-faded)}.group .root.--variant-ghost.--color-positive{--rs-button-group-separator-color:var(--rs-color-border-positive-faded)}.group .root.--variant-ghost.--color-critical{--rs-button-group-separator-color:var(--rs-color-border-critical-faded)}.group .root.--variant-ghost.--color-primary{--rs-button-group-separator-color:var(--rs-color-border-primary-faded)}.group .root.--variant-solid.--color-media{--rs-button-group-separator-color:rgba(var(--rs-color-rgb-black),0.12)}.group .root.--variant-faded.--color-media{--rs-button-group-separator-color:rgba(var(--rs-color-rgb-white),0.12)}.aligner{line-height:0}@media (--rs-viewport-m ){.--size-small--m{--rs-button-p-v:var(--rs-unit-x1);--rs-button-p-h:var(--rs-unit-x2);--rs-button-gap:var(--rs-unit-x1);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-medium--m{--rs-button-p-v:var(--rs-unit-x2);--rs-button-p-h:var(--rs-unit-x3);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-large--m{--rs-button-p-v:var(--rs-unit-x3);--rs-button-p-h:var(--rs-unit-x4);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--size-xlarge--m{--rs-button-p-v:var(--rs-unit-x4);--rs-button-p-h:var(--rs-unit-x5);--rs-button-gap:var(--rs-unit-x3);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--full-width-true--m{text-align:center;width:100%}.--full-width-false--m{text-align:initial;width:auto}}@media (--rs-viewport-l ){.--size-small--l{--rs-button-p-v:var(--rs-unit-x1);--rs-button-p-h:var(--rs-unit-x2);--rs-button-gap:var(--rs-unit-x1);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-medium--l{--rs-button-p-v:var(--rs-unit-x2);--rs-button-p-h:var(--rs-unit-x3);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-large--l{--rs-button-p-v:var(--rs-unit-x3);--rs-button-p-h:var(--rs-unit-x4);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--size-xlarge--l{--rs-button-p-v:var(--rs-unit-x4);--rs-button-p-h:var(--rs-unit-x5);--rs-button-gap:var(--rs-unit-x3);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--full-width-true--l{text-align:center;width:100%}.--full-width-false--l{text-align:initial;width:auto}}@media (--rs-viewport-xl ){.--size-small--xl{--rs-button-p-v:var(--rs-unit-x1);--rs-button-p-h:var(--rs-unit-x2);--rs-button-gap:var(--rs-unit-x1);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-medium--xl{--rs-button-p-v:var(--rs-unit-x2);--rs-button-p-h:var(--rs-unit-x3);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-large--xl{--rs-button-p-v:var(--rs-unit-x3);--rs-button-p-h:var(--rs-unit-x4);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--size-xlarge--xl{--rs-button-p-v:var(--rs-unit-x4);--rs-button-p-h:var(--rs-unit-x5);--rs-button-gap:var(--rs-unit-x3);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--full-width-true--xl{text-align:center;width:100%}.--full-width-false--xl{text-align:initial;width:auto}}
+.root{--rs-p-v:var(--rs-button-p-v);--rs-p-h:var(--rs-button-p-h);--rs-button-highlight-opacity:0;--rs-button-highlight-opacity-base:0;--rs-button-border-color:transparent;--rs-button-border-width:0px;align-items:center;border:var(--rs-button-border-width) solid var(--rs-button-border-color);border-radius:var(--rs-button-radius);cursor:pointer;display:inline-flex;justify-content:center;padding:calc(var(--rs-unit-x1) - var(--rs-button-border-width)) calc(var(--rs-p-h) - var(--rs-button-border-width));position:relative;text-align:initial;text-decoration:none;transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:background-color,box-shadow,border-color,color,transform;z-index:0;-webkit-tap-highlight-color:transparent;background-color:var(--rs-button-background-color);box-sizing:border-box;color:var(--rs-button-foreground-color);font-family:var(--rs-font-family-body);font-size:var(--rs-button-font-size);font-weight:var(--rs-font-weight-medium);letter-spacing:var(--rs-button-letter-spacing);line-height:var(--rs-button-line-height);min-height:calc(var(--rs-button-line-height) + var(--rs-p-v) * 2);min-width:calc(var(--rs-button-line-height) - (var(--rs-unit-x1) * 2) + (var(--rs-button-p-h) * 2))}.root:before{background:var(--rs-button-highlight-color,var(--rs-button-foreground-color));border-radius:var(--rs-button-radius);content:"";inset:0;opacity:var(--rs-button-highlight-opacity-base);position:absolute;transform:translateZ(0);transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:opacity,background-color}@media (hover:hover) and (pointer:fine){.root:hover:not(.--loading,.--highlighted,.--disabled):before{opacity:var(--rs-button-highlight-opacity)}}.root.--highlighted:before,.root:active:not(.--loading,.--disabled):before{opacity:calc(var(--rs-button-highlight-opacity) + max(.04, var(--rs-button-highlight-opacity) / 2))}.text{align-items:center;display:flex;gap:var(--rs-button-gap)}.icon{margin-inline-end:var(--rs-button-gap)}.icon:last-child{margin-inline-end:0}.icon.--icon-position-end{margin-inline-end:0;margin-inline-start:var(--rs-button-gap)}.icon,.text{position:relative;z-index:5}.loader{align-items:center;display:none;inset:0;justify-content:center;position:absolute}.root.--icon-only .icon{margin:0 calc(var(--rs-unit-x1) * -1)}.root.--loading{cursor:default}.root.--loading .icon,.root.--loading .text{visibility:hidden}.root.--loading .loader{display:flex}.root.--rounded{border-radius:var(--rs-radius-circular)}.--size-small{--rs-button-p-v:var(--rs-unit-x1);--rs-button-p-h:var(--rs-unit-x2);--rs-button-gap:var(--rs-unit-x1);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-medium{--rs-button-p-v:var(--rs-unit-x2);--rs-button-p-h:var(--rs-unit-x3);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-large{--rs-button-p-v:var(--rs-unit-x3);--rs-button-p-h:var(--rs-unit-x4);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--size-xlarge{--rs-button-p-v:var(--rs-unit-x4);--rs-button-p-h:var(--rs-unit-x5);--rs-button-gap:var(--rs-unit-x3);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--full-width{text-align:center;width:100%}.root.--variant-solid.--color-neutral{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-neutral);--rs-button-foreground-color:var(--rs-color-on-background-neutral)}.root.--variant-solid.--color-primary{--rs-button-highlight-opacity:0.08;--rs-button-background-color:var(--rs-color-background-primary);--rs-button-foreground-color:var(--rs-color-on-background-primary)}.root.--variant-solid.--color-critical{--rs-button-highlight-opacity:0.08;--rs-button-background-color:var(--rs-color-background-critical);--rs-button-foreground-color:var(--rs-color-on-background-critical)}.root.--variant-solid.--color-positive{--rs-button-highlight-opacity:0.08;--rs-button-background-color:var(--rs-color-background-positive);--rs-button-foreground-color:var(--rs-color-on-background-positive)}.root.--variant-solid.--color-media{--rs-button-highlight-opacity:0.06;--rs-button-background-color:var(--rs-color-white);--rs-button-foreground-color:var(--rs-color-black)}.root.--variant-faded.--color-neutral{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-neutral-faded);--rs-button-foreground-color:var(--rs-color-foreground-neutral)}.root.--variant-faded.--color-primary{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-primary-faded);--rs-button-foreground-color:var(--rs-color-foreground-primary)}.root.--variant-faded.--color-critical{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-critical-faded);--rs-button-foreground-color:var(--rs-color-foreground-critical)}.root.--variant-faded.--color-positive{--rs-button-highlight-opacity:0.04;--rs-button-background-color:var(--rs-color-background-positive-faded);--rs-button-foreground-color:var(--rs-color-foreground-positive)}.root.--variant-faded.--color-media{--rs-button-highlight-opacity-base:0.24;--rs-button-highlight-opacity:0.32;--rs-button-foreground-color:var(--rs-color-white);--rs-button-highlight-color:var(--rs-color-black)}.root.--variant-faded.--color-inherit{--rs-button-highlight-opacity-base:0.12;--rs-button-highlight-opacity:0.16;--rs-button-foreground-color:inherit;--rs-button-highlight-color:currentcolor}.root.--variant-outline{--rs-button-border-width:1px;--rs-button-highlight-opacity:0.06}.root.--variant-outline.--color-primary{--rs-button-foreground-color:var(--rs-color-foreground-primary);--rs-button-border-color:var(--rs-color-border-primary-faded);--rs-button-highlight-color:var(--rs-color-background-primary)}.root.--variant-outline.--color-critical{--rs-button-foreground-color:var(--rs-color-foreground-critical);--rs-button-border-color:var(--rs-color-border-critical-faded);--rs-button-highlight-color:var(--rs-color-background-critical)}.root.--variant-outline.--color-positive{--rs-button-foreground-color:var(--rs-color-foreground-positive);--rs-button-border-color:var(--rs-color-border-positive-faded);--rs-button-highlight-color:var(--rs-color-background-positive)}.root.--variant-outline.--color-neutral{--rs-button-highlight-opacity:0.24;--rs-button-foreground-color:var(--rs-color-foreground-neutral);--rs-button-border-color:var(--rs-color-border-neutral);--rs-button-highlight-color:var(--rs-color-background-neutral)}.root.--variant-outline.--color-inherit{--rs-button-border-width:0px;--rs-button-foreground-color:inherit;--rs-button-highlight-color:currentcolor}.root.--variant-outline.--color-inherit:after{border:1px solid;border-radius:var(--rs-button-radius);content:"";inset:0;opacity:.28;pointer-events:none;position:absolute}.root.--variant-ghost{--rs-button-highlight-opacity:0.12}.root.--variant-ghost.--color-neutral{--rs-button-highlight-opacity:0.32;--rs-button-foreground-color:var(--rs-color-foreground-neutral);--rs-button-highlight-color:var(--rs-color-background-neutral)}.root.--variant-ghost.--color-primary{--rs-button-foreground-color:var(--rs-color-foreground-primary);--rs-button-highlight-color:var(--rs-color-background-primary)}.root.--variant-ghost.--color-critical{--rs-button-foreground-color:var(--rs-color-foreground-critical);--rs-button-highlight-color:var(--rs-color-background-critical)}.root.--variant-ghost.--color-positive{--rs-button-foreground-color:var(--rs-color-foreground-positive);--rs-button-highlight-color:var(--rs-color-background-positive)}.root.--variant-ghost.--color-inherit{--rs-button-foreground-color:inherit;--rs-button-highlight-color:currentcolor}.root.--elevated:not(:focus),[data-rs-keyboard] .root.--elevated:not(:focus){box-shadow:var(--rs-shadow-raised)}.root.--elevated.--variant-outline.--color-critical,.root.--elevated.--variant-outline.--color-neutral,.root.--elevated.--variant-outline.--color-positive,.root.--elevated.--variant-outline.--color-primary{background:var(--rs-color-background-elevation-raised)}.root.--disabled.--color-critical,.root.--disabled.--color-critical.--highlighted,.root.--disabled.--color-critical:active,.root.--disabled.--color-critical:hover,.root.--disabled.--color-inherit,.root.--disabled.--color-inherit.--highlighted,.root.--disabled.--color-inherit:active,.root.--disabled.--color-inherit:hover,.root.--disabled.--color-neutral,.root.--disabled.--color-neutral.--highlighted,.root.--disabled.--color-neutral:active,.root.--disabled.--color-neutral:hover,.root.--disabled.--color-positive,.root.--disabled.--color-positive.--highlighted,.root.--disabled.--color-positive:active,.root.--disabled.--color-positive:hover,.root.--disabled.--color-primary,.root.--disabled.--color-primary.--highlighted,.root.--disabled.--color-primary:active,.root.--disabled.--color-primary:hover{background-color:var(--rs-color-background-disabled)!important;border-color:var(--rs-color-border-disabled)!important;color:var(--rs-color-foreground-disabled)!important}.root.--disabled.--color-critical.--highlighted:before,.root.--disabled.--color-critical:active:before,.root.--disabled.--color-critical:before,.root.--disabled.--color-critical:hover:before,.root.--disabled.--color-inherit.--highlighted:before,.root.--disabled.--color-inherit:active:before,.root.--disabled.--color-inherit:before,.root.--disabled.--color-inherit:hover:before,.root.--disabled.--color-neutral.--highlighted:before,.root.--disabled.--color-neutral:active:before,.root.--disabled.--color-neutral:before,.root.--disabled.--color-neutral:hover:before,.root.--disabled.--color-positive.--highlighted:before,.root.--disabled.--color-positive:active:before,.root.--disabled.--color-positive:before,.root.--disabled.--color-positive:hover:before,.root.--disabled.--color-primary.--highlighted:before,.root.--disabled.--color-primary:active:before,.root.--disabled.--color-primary:before,.root.--disabled.--color-primary:hover:before{opacity:0!important}.root.--disabled.--color-critical.--highlighted.--variant-faded,.root.--disabled.--color-critical.--variant-faded,.root.--disabled.--color-critical:active.--variant-faded,.root.--disabled.--color-critical:hover.--variant-faded,.root.--disabled.--color-inherit.--highlighted.--variant-faded,.root.--disabled.--color-inherit.--variant-faded,.root.--disabled.--color-inherit:active.--variant-faded,.root.--disabled.--color-inherit:hover.--variant-faded,.root.--disabled.--color-neutral.--highlighted.--variant-faded,.root.--disabled.--color-neutral.--variant-faded,.root.--disabled.--color-neutral:active.--variant-faded,.root.--disabled.--color-neutral:hover.--variant-faded,.root.--disabled.--color-positive.--highlighted.--variant-faded,.root.--disabled.--color-positive.--variant-faded,.root.--disabled.--color-positive:active.--variant-faded,.root.--disabled.--color-positive:hover.--variant-faded,.root.--disabled.--color-primary.--highlighted.--variant-faded,.root.--disabled.--color-primary.--variant-faded,.root.--disabled.--color-primary:active.--variant-faded,.root.--disabled.--color-primary:hover.--variant-faded{background-color:var(--rs-color-background-disabled-faded)!important}.root.--disabled.--color-critical.--highlighted.--variant-outline,.root.--disabled.--color-critical.--variant-outline,.root.--disabled.--color-critical:active.--variant-outline,.root.--disabled.--color-critical:hover.--variant-outline,.root.--disabled.--color-inherit.--highlighted.--variant-outline,.root.--disabled.--color-inherit.--variant-outline,.root.--disabled.--color-inherit:active.--variant-outline,.root.--disabled.--color-inherit:hover.--variant-outline,.root.--disabled.--color-neutral.--highlighted.--variant-outline,.root.--disabled.--color-neutral.--variant-outline,.root.--disabled.--color-neutral:active.--variant-outline,.root.--disabled.--color-neutral:hover.--variant-outline,.root.--disabled.--color-positive.--highlighted.--variant-outline,.root.--disabled.--color-positive.--variant-outline,.root.--disabled.--color-positive:active.--variant-outline,.root.--disabled.--color-positive:hover.--variant-outline,.root.--disabled.--color-primary.--highlighted.--variant-outline,.root.--disabled.--color-primary.--variant-outline,.root.--disabled.--color-primary:active.--variant-outline,.root.--disabled.--color-primary:hover.--variant-outline{background-color:transparent!important}.root.--disabled.--color-critical.--highlighted.--variant-ghost,.root.--disabled.--color-critical.--variant-ghost,.root.--disabled.--color-critical:active.--variant-ghost,.root.--disabled.--color-critical:hover.--variant-ghost,.root.--disabled.--color-inherit.--highlighted.--variant-ghost,.root.--disabled.--color-inherit.--variant-ghost,.root.--disabled.--color-inherit:active.--variant-ghost,.root.--disabled.--color-inherit:hover.--variant-ghost,.root.--disabled.--color-neutral.--highlighted.--variant-ghost,.root.--disabled.--color-neutral.--variant-ghost,.root.--disabled.--color-neutral:active.--variant-ghost,.root.--disabled.--color-neutral:hover.--variant-ghost,.root.--disabled.--color-positive.--highlighted.--variant-ghost,.root.--disabled.--color-positive.--variant-ghost,.root.--disabled.--color-positive:active.--variant-ghost,.root.--disabled.--color-positive:hover.--variant-ghost,.root.--disabled.--color-primary.--highlighted.--variant-ghost,.root.--disabled.--color-primary.--variant-ghost,.root.--disabled.--color-primary:active.--variant-ghost,.root.--disabled.--color-primary:hover.--variant-ghost{background-color:transparent!important;border-color:transparent!important}.root.--disabled.--color-media,.root.--disabled.--color-media.--highlighted,.root.--disabled.--color-media:active,.root.--disabled.--color-media:hover{opacity:.4!important}.group .root,.group .root:before{border-radius:0}.group .root:first-child,.group .root:first-child:before{border-end-start-radius:var(--rs-button-radius);border-start-start-radius:var(--rs-button-radius)}.group .root:last-child,.group .root:last-child:before{border-end-end-radius:var(--rs-button-radius);border-start-end-radius:var(--rs-button-radius)}.group .root:not(:first-child){border-inline-start:1px solid var(--rs-button-group-separator-color)}.group .root:not(:last-child){border-inline-end:0;border-inline-end:0 solid var(--rs-button-group-separator-color)}.group .root.--highlighted:not(:last-child):after{border-inline-end:1px solid var(--rs-button-group-separator-color);content:"";inset-block:0;inset-inline-end:-1px;pointer-events:none;position:absolute}.group .root.--highlighted:not(:last-child)+.root{border-inline-start-width:0;padding-inline-start:var(--rs-p-h)}.group .root.--variant-solid.--color-neutral{--rs-button-group-separator-color:var(--rs-color-border-neutral)}.group .root.--variant-solid.--color-positive{--rs-button-group-separator-color:var(--rs-color-border-positive)}.group .root.--variant-solid.--color-critical{--rs-button-group-separator-color:var(--rs-color-border-critical)}.group .root.--variant-solid.--color-primary{--rs-button-group-separator-color:var(--rs-color-border-primary)}.group .root.--variant-faded.--color-neutral,.group .root.--variant-outline.--color-neutral{--rs-button-group-separator-color:var(--rs-color-border-neutral)}.group .root.--variant-faded.--color-positive,.group .root.--variant-outline.--color-positive{--rs-button-group-separator-color:var(--rs-color-border-positive-faded)}.group .root.--variant-faded.--color-critical,.group .root.--variant-outline.--color-critical{--rs-button-group-separator-color:var(--rs-color-border-critical-faded)}.group .root.--variant-faded.--color-primary,.group .root.--variant-outline.--color-primary{--rs-button-group-separator-color:var(--rs-color-border-primary-faded)}.group .root.--variant-ghost.--color-neutral{--rs-button-group-separator-color:var(--rs-color-border-neutral-faded)}.group .root.--variant-ghost.--color-positive{--rs-button-group-separator-color:var(--rs-color-border-positive-faded)}.group .root.--variant-ghost.--color-critical{--rs-button-group-separator-color:var(--rs-color-border-critical-faded)}.group .root.--variant-ghost.--color-primary{--rs-button-group-separator-color:var(--rs-color-border-primary-faded)}.group .root.--variant-solid.--color-media{--rs-button-group-separator-color:rgba(var(--rs-color-rgb-black),0.12)}.group .root.--variant-faded.--color-media{--rs-button-group-separator-color:rgba(var(--rs-color-rgb-white),0.12)}.aligner{line-height:0}@media (--rs-viewport-m ){.--size-small--m{--rs-button-p-v:var(--rs-unit-x1);--rs-button-p-h:var(--rs-unit-x2);--rs-button-gap:var(--rs-unit-x1);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-medium--m{--rs-button-p-v:var(--rs-unit-x2);--rs-button-p-h:var(--rs-unit-x3);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-large--m{--rs-button-p-v:var(--rs-unit-x3);--rs-button-p-h:var(--rs-unit-x4);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--size-xlarge--m{--rs-button-p-v:var(--rs-unit-x4);--rs-button-p-h:var(--rs-unit-x5);--rs-button-gap:var(--rs-unit-x3);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--full-width-true--m{text-align:center;width:100%}.--full-width-false--m{text-align:initial;width:auto}}@media (--rs-viewport-l ){.--size-small--l{--rs-button-p-v:var(--rs-unit-x1);--rs-button-p-h:var(--rs-unit-x2);--rs-button-gap:var(--rs-unit-x1);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-medium--l{--rs-button-p-v:var(--rs-unit-x2);--rs-button-p-h:var(--rs-unit-x3);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-large--l{--rs-button-p-v:var(--rs-unit-x3);--rs-button-p-h:var(--rs-unit-x4);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--size-xlarge--l{--rs-button-p-v:var(--rs-unit-x4);--rs-button-p-h:var(--rs-unit-x5);--rs-button-gap:var(--rs-unit-x3);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--full-width-true--l{text-align:center;width:100%}.--full-width-false--l{text-align:initial;width:auto}}@media (--rs-viewport-xl ){.--size-small--xl{--rs-button-p-v:var(--rs-unit-x1);--rs-button-p-h:var(--rs-unit-x2);--rs-button-gap:var(--rs-unit-x1);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-medium--xl{--rs-button-p-v:var(--rs-unit-x2);--rs-button-p-h:var(--rs-unit-x3);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-3);--rs-button-font-size:var(--rs-font-size-body-3);--rs-button-letter-spacing:var(--rs-letter-spacing-body-3);--rs-button-radius:var(--rs-radius-small)}.--size-large--xl{--rs-button-p-v:var(--rs-unit-x3);--rs-button-p-h:var(--rs-unit-x4);--rs-button-gap:var(--rs-unit-x2);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--size-xlarge--xl{--rs-button-p-v:var(--rs-unit-x4);--rs-button-p-h:var(--rs-unit-x5);--rs-button-gap:var(--rs-unit-x3);--rs-button-line-height:var(--rs-line-height-body-2);--rs-button-font-size:var(--rs-font-size-body-2);--rs-button-letter-spacing:var(--rs-letter-spacing-body-2);--rs-button-radius:var(--rs-radius-medium)}.--full-width-true--xl{text-align:center;width:100%}.--full-width-false--xl{text-align:initial;width:auto}}

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

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { IconProps } from "../Icon";
-import type { ActionableProps, ActionableRef } from "../Actionable";
+import type { ActionableProps } from "../Actionable";
 import type { AlignerProps as BaseAlignerProps } from "../_private/Aligner";
 import type * as G from "../../types/global";
 export type Size = "xlarge" | "large" | "medium" | "small";
@@ -48,9 +48,3 @@ export type AlignerProps = BaseAlignerProps & {
      */
     position?: BaseAlignerProps["side"];
 };
-export type Export = React.ForwardRefExoticComponent<Props & {
-    ref?: ActionableRef;
-}> & {
-    Aligner: React.ComponentType<AlignerProps>;
-    Group: React.ComponentType<GroupProps>;
-};

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

@@ -1,2 +1,9 @@
-export { default } from "./Button";
+import Button from "./Button";
+import ButtonAligner from "./ButtonAligner";
+import ButtonGroup from "./ButtonGroup";
+declare const ButtonRoot: typeof Button & {
+    Aligner: typeof ButtonAligner;
+    Group: typeof ButtonGroup;
+};
+export default ButtonRoot;
 export type { Props as ButtonProps, AlignerProps as ButtonAlignerProps, GroupProps as ButtonGroupProps, } from "./Button.types";

package/dist/components/Button/index.js

@@ -1 +1,7 @@
-export { default } from "./Button.js";
+import Button from "./Button.js";
+import ButtonAligner from "./ButtonAligner.js";
+import ButtonGroup from "./ButtonGroup.js";
+const ButtonRoot = Button;
+ButtonRoot.Aligner = ButtonAligner;
+ButtonRoot.Group = ButtonGroup;
+export default ButtonRoot;

package/dist/components/Button/tests/Button.stories.d.ts

@@ -2,7 +2,22 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("../Button.types").Export;
+    component: import("react").ForwardRefExoticComponent<Pick<import("../../Actionable").ActionableProps, "children" | "disabled" | "className" | "attributes" | "as" | "render" | "type" | "onClick" | "href" | "stopPropagation"> & {
+        color?: "primary" | "critical" | "positive" | "neutral" | "media" | "inherit";
+        variant?: "solid" | "outline" | "ghost" | "faded";
+        icon?: import("../../Icon").IconProps["svg"];
+        endIcon?: import("../../Icon").IconProps["svg"];
+        size?: import("../../../types/global").Responsive<import("../Button.types").Size>;
+        rounded?: boolean;
+        loading?: boolean;
+        loadingAriaLabel?: string;
+        elevated?: boolean;
+        fullWidth?: import("../../../types/global").Responsive<boolean>;
+        highlighted?: boolean;
+    } & import("react").RefAttributes<import("../../Actionable").ActionableRef>> & {
+        Aligner: import("react").FC<import("./..").ButtonAlignerProps>;
+        Group: import("react").FC<import("./..").ButtonGroupProps>;
+    };
     parameters: {
         iframe: {
             url: string;

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

@@ -1,5 +1,6 @@
 import type React from "react";
 import type * as G from "../../types/global";
+import type { ActionableRef } from "../Actionable";
 export type Instance = {
     /** Scroll to the previous item */
     navigateBack: () => void;
@@ -10,7 +11,7 @@ export type Instance = {
 } | undefined;
 export type ControlProps = {
     type: "back" | "forward";
-    oppositeControlElRef: React.RefObject<HTMLButtonElement | null>;
+    oppositeControlElRef: React.RefObject<ActionableRef | null>;
     scrollElRef: React.RefObject<HTMLElement | null>;
     scrollPosition: number;
     onClick: () => void;

package/dist/components/Carousel/CarouselControl.d.ts

@@ -1,3 +1,4 @@
+import type { ActionableRef } from "../Actionable";
 import * as T from "./Carousel.types";
-declare const CarouselControl: import("react").ForwardRefExoticComponent<T.ControlProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CarouselControl: import("react").ForwardRefExoticComponent<T.ControlProps & import("react").RefAttributes<ActionableRef>>;
 export default CarouselControl;

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,11 +1,4 @@
 import React from "react";
-import DropdownMenu from "../DropdownMenu";
 import type * as T from "./ContextMenu.types";
-declare const ContextMenu: React.FC<T.Props> & {
-    Content: typeof DropdownMenu.Content;
-    Item: typeof DropdownMenu.Item;
-    Section: typeof DropdownMenu.Section;
-    SubMenu: typeof DropdownMenu.SubMenu;
-    SubTrigger: typeof DropdownMenu.SubTrigger;
-};
+declare const ContextMenu: React.FC<T.Props>;
 export default ContextMenu;

package/dist/components/ContextMenu/ContextMenu.js

@@ -33,10 +33,5 @@ const ContextMenu = (props) => {
                 onClose?.(args);
             } }) }));
 };
-ContextMenu.Content = DropdownMenu.Content;
-ContextMenu.Item = DropdownMenu.Item;
-ContextMenu.Section = DropdownMenu.Section;
-ContextMenu.SubMenu = DropdownMenu.SubMenu;
-ContextMenu.SubTrigger = DropdownMenu.SubTrigger;
 ContextMenu.displayName = "ContextMenu";
 export default ContextMenu;

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

@@ -1,2 +1,11 @@
-export { default } from "./ContextMenu";
+import DropdownMenu from "../DropdownMenu";
+import ContextMenu from "./ContextMenu";
+declare const ContextMenuRoot: typeof ContextMenu & {
+    Content: typeof DropdownMenu.Content;
+    Item: typeof DropdownMenu.Item;
+    Section: typeof DropdownMenu.Section;
+    SubMenu: typeof DropdownMenu.SubMenu;
+    SubTrigger: typeof DropdownMenu.SubTrigger;
+};
+export default ContextMenuRoot;
 export type { Props as ContextMenuProps } from "./ContextMenu.types";

package/dist/components/ContextMenu/index.js

@@ -1 +1,9 @@
-export { default } from "./ContextMenu.js";
+import DropdownMenu from "../DropdownMenu/index.js";
+import ContextMenu from "./ContextMenu.js";
+const ContextMenuRoot = ContextMenu;
+ContextMenuRoot.Content = DropdownMenu.Content;
+ContextMenuRoot.Item = DropdownMenu.Item;
+ContextMenuRoot.Section = DropdownMenu.Section;
+ContextMenuRoot.SubMenu = DropdownMenu.SubMenu;
+ContextMenuRoot.SubTrigger = DropdownMenu.SubTrigger;
+export default ContextMenuRoot;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,18 +1,10 @@
 import React from "react";
-import Popover from "../Popover";
 import type * as T from "./DropdownMenu.types";
-declare const DropdownMenu: React.FC<T.Props> & {
-    Dismissible: typeof Popover.Dismissible;
-    Trigger: typeof Popover.Trigger;
-    Content: typeof DropdownMenuContent;
-    Section: typeof DropdownMenuSection;
-    Item: typeof DropdownMenuItem;
-    SubMenu: typeof DropdownMenuSubMenu;
-    SubTrigger: typeof DropdownMenuSubTrigger;
-};
-declare const DropdownMenuContent: React.FC<T.ContentProps>;
-declare const DropdownMenuSection: React.FC<T.SectionProps>;
-declare const DropdownMenuItem: React.FC<T.ItemProps>;
-declare const DropdownMenuSubMenu: React.FC<T.SubMenuProps>;
-declare const DropdownMenuSubTrigger: React.FC<T.SubTriggerProps>;
+declare const DropdownMenu: React.FC<T.Props>;
+export declare const DropdownMenuContent: React.FC<T.ContentProps>;
+export declare const DropdownMenuSection: React.FC<T.SectionProps>;
+export declare const DropdownMenuItem: React.FC<T.ItemProps>;
+export declare const DropdownMenuSubMenu: React.FC<T.SubMenuProps>;
+export declare const DropdownMenuSubTriggerItem: React.FC<T.SubTriggerProps>;
+export declare const DropdownMenuSubTrigger: React.FC<T.SubTriggerProps>;
 export default DropdownMenu;

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -17,7 +17,7 @@ const DropdownMenu = (props) => {
     const { children, position = "bottom-start", triggerType = "click", trapFocusMode = "action-menu", borderRadius = "small", ...popoverProps } = props;
     return (_jsx(Popover, { ...popoverProps, position: position, padding: 0, trapFocusMode: trapFocusMode, triggerType: triggerType, borderRadius: borderRadius, disableHideAnimation: true, children: children }));
 };
-const DropdownMenuContent = (props) => {
+export const DropdownMenuContent = (props) => {
     const { children, attributes, className } = props;
     const { flyout } = useFlyoutContext();
     const subMenuInstance = React.useContext(DropdownMenuSubContext);
@@ -41,11 +41,11 @@ const DropdownMenuContent = (props) => {
     };
     return (_jsx(Popover.Content, { className: contentClassName, attributes: { ...attributes, ref, onClick: handleClick }, children: children }));
 };
-const DropdownMenuSection = (props) => {
+export const DropdownMenuSection = (props) => {
     const { children } = props;
     return (_jsx("div", { className: s.section, role: "group", children: children }));
 };
-const DropdownMenuItem = (props) => {
+export const DropdownMenuItem = (props) => {
     const { onClick } = props;
     const { handleClose } = useFlyoutContext();
     const subTriggerContext = React.useContext(DropdownMenuSubTriggerContext);
@@ -61,12 +61,12 @@ const DropdownMenuItem = (props) => {
     };
     return (_jsx(MenuItem, { ...props, roundedCorners: true, className: [s.item, props.className], attributes: { role: "menuitem", ...props.attributes }, onClick: handleClick }));
 };
-const DropdownMenuSubMenu = (props) => {
+export const DropdownMenuSubMenu = (props) => {
     const { children, position = "end-top", contentGap = 0.5, ...dropdownMenuProps } = props;
     const dropdownMenuRef = React.useRef(null);
     return (_jsx(DropdownMenuSubContext.Provider, { value: dropdownMenuRef, children: _jsx(DropdownMenu, { ...dropdownMenuProps, triggerType: "hover", position: position, contentGap: contentGap, instanceRef: dropdownMenuRef, children: children }) }));
 };
-const DropdownMenuSubTriggerItem = (props) => {
+export const DropdownMenuSubTriggerItem = (props) => {
     const { children, attributes, ...menuItemProps } = props;
     const subMenuInstance = React.useContext(DropdownMenuSubContext);
     const [rtl] = useRTL();
@@ -77,22 +77,15 @@ const DropdownMenuSubTriggerItem = (props) => {
     }, [], { ref: attributes?.ref, preventDefault: true });
     return (_jsx(DropdownMenuItem, { ...menuItemProps, attributes: { ...attributes, ref: ref }, endSlot: _jsx(Icon, { autoWidth: true, svg: IconChevronRight, className: s.arrow }), children: children }));
 };
-const DropdownMenuSubTrigger = (props) => {
+export const DropdownMenuSubTrigger = (props) => {
     const { attributes, ...menuItemProps } = props;
-    return (_jsx(DropdownMenuSubTriggerContext.Provider, { value: true, children: _jsx(DropdownMenu.Trigger, { children: (triggerAttributes) => {
+    return (_jsx(DropdownMenuSubTriggerContext.Provider, { value: true, children: _jsx(Popover.Trigger, { children: (triggerAttributes) => {
                 return (_jsx(DropdownMenuSubTriggerItem, { ...menuItemProps, attributes: {
                         ...attributes,
                         ...triggerAttributes,
                     } }));
             } }) }));
 };
-DropdownMenu.Dismissible = Popover.Dismissible;
-DropdownMenu.Trigger = Popover.Trigger;
-DropdownMenu.Content = DropdownMenuContent;
-DropdownMenu.Section = DropdownMenuSection;
-DropdownMenu.Item = DropdownMenuItem;
-DropdownMenu.SubMenu = DropdownMenuSubMenu;
-DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
 DropdownMenu.displayName = "DropdownMenu";
 DropdownMenuContent.displayName = "DropdownMenu.Content";
 DropdownMenuSection.displayName = "DropdownMenu.Section";

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

@@ -1,2 +1,13 @@
-export { default } from "./DropdownMenu";
+import Popover from "../Popover";
+import DropdownMenu, { DropdownMenuContent, DropdownMenuSection, DropdownMenuItem, DropdownMenuSubMenu, DropdownMenuSubTrigger } from "./DropdownMenu";
+declare const DropdownMenuRoot: typeof DropdownMenu & {
+    Dismissible: typeof Popover.Dismissible;
+    Trigger: typeof Popover.Trigger;
+    Content: typeof DropdownMenuContent;
+    Section: typeof DropdownMenuSection;
+    Item: typeof DropdownMenuItem;
+    SubMenu: typeof DropdownMenuSubMenu;
+    SubTrigger: typeof DropdownMenuSubTrigger;
+};
+export default DropdownMenuRoot;
 export type { Props as DropdownMenuProps, Instance as DropdownMenuInstance, } from "./DropdownMenu.types";