@bug-on/m3-expressive 1.0.0

package/dist/buttons.d.ts

@@ -0,0 +1,180 @@
+export { B as BUTTON_COLOR_TOKENS, a as BUTTON_SIZE_TOKENS, b as BaseButtonProps, c as Button, d as ButtonGroup, e as ButtonGroupOrientation, f as ButtonGroupProps, g as ButtonGroupVariant, h as ButtonProps, E as ElevatedSplitButtonLeading, i as ElevatedSplitButtonTrailing, j as ElevatedSplitButtonTrailingUncheckable, k as ExtendedFAB, l as ExtendedFABProps, F as FAB, m as FABMenu, n as FABMenuItem, o as FABMenuItemData, p as FABMenuItemProps, q as FABMenuProps, r as FABPosition, s as FABPositionProps, t as FABProps, u as FilledSplitButtonLeading, v as FilledSplitButtonTrailing, w as FilledSplitButtonTrailingUncheckable, O as OutlinedSplitButtonLeading, x as OutlinedSplitButtonTrailing, y as OutlinedSplitButtonTrailingUncheckable, S as SplitButtonLayout, z as SplitButtonLayoutProps, A as SplitButtonLeading, C as SplitButtonLeadingProps, D as SplitButtonSize, Q as SplitButtonSizeTokens, G as SplitButtonTrailing, H as SplitButtonTrailingProps, I as SplitButtonTrailingUncheckable, J as SplitButtonTrailingUncheckableProps, K as SplitButtonVariant, T as ToggleFAB, L as ToggleFABProps, M as TonalSplitButtonLeading, N as TonalSplitButtonTrailing, P as TonalSplitButtonTrailingUncheckable } from './split-button-trailing-uncheckable-C5CLCIKP.js';
+import { b as MD3Size } from './md3-DFhj-NZj.js';
+export { B as BaseIconButtonProps, I as IconButton, a as IconButtonProps } from './icon-button-D-gs0gfj.js';
+import { Transition } from 'motion/react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import 'react';
+import 'react/jsx-runtime';
+
+interface Corners {
+    tl: number;
+    tr: number;
+    br: number;
+    bl: number;
+}
+interface ShapeSet {
+    default: Corners;
+    pressed: Corners;
+    checked: Corners;
+}
+declare const ButtonGroupDefaults: {
+    expandedRatio: number;
+    connectedLeadingButtonShapes: (size: MD3Size) => ShapeSet;
+    connectedMiddleButtonShapes: (size: MD3Size) => ShapeSet;
+    connectedTrailingButtonShapes: (size: MD3Size) => ShapeSet;
+    /** For orientation="vertical". */
+    connectedTopButtonShapes: (size: MD3Size) => ShapeSet;
+    connectedBottomButtonShapes: (size: MD3Size) => ShapeSet;
+};
+
+/**
+ * MD3 Expressive Button Group Tokens
+ * Ported from ButtonGroupSmallTokens.kt and ConnectedButtonGroupSmallTokens.kt
+ */
+declare const BUTTON_GROUP_TOKENS: {
+    readonly standard: {
+        readonly betweenSpace: 12;
+        readonly containerHeight: 40;
+    };
+    readonly connected: {
+        readonly betweenSpace: 2;
+        readonly containerHeight: 40;
+        readonly containerShape: 9999;
+        readonly innerCorner: 8;
+        readonly pressedInnerCorner: 4;
+        readonly selectedCornerPercent: 50;
+    };
+};
+
+declare const SPLIT_BUTTON_CHEVRON_SPRING: Transition;
+declare const SPLIT_BUTTON_RADIUS_SPRING: Transition;
+/**
+ * Split Button Tokens (Expressive)
+ * Source: SplitButtonXSmallTokens.kt, SplitButtonSmallTokens.kt,
+ *         SplitButtonMediumTokens.kt, SplitButtonLargeTokens.kt,
+ *         SplitButtonXLargeTokens.kt (Android/Compose reference)
+ */
+declare const SPLIT_BUTTON_TOKENS: {
+    readonly xs: {
+        readonly containerHeight: 32;
+        readonly betweenSpace: 2;
+        readonly innerCorner: {
+            readonly default: 4;
+            readonly hovered: 8;
+            readonly pressed: 8;
+        };
+        readonly outerCornerPercent: 50;
+        readonly leadingPadding: {
+            readonly start: 12;
+            readonly end: 10;
+        };
+        readonly trailingPadding: {
+            readonly start: 13;
+            readonly end: 13;
+        };
+        readonly trailingIconSize: 22;
+        readonly opticalCenterOffset: -1;
+    };
+    readonly sm: {
+        readonly containerHeight: 40;
+        readonly betweenSpace: 2;
+        readonly innerCorner: {
+            readonly default: 4;
+            readonly hovered: 12;
+            readonly pressed: 12;
+        };
+        readonly outerCornerPercent: 50;
+        readonly leadingPadding: {
+            readonly start: 16;
+            readonly end: 12;
+        };
+        readonly trailingPadding: {
+            readonly start: 13;
+            readonly end: 13;
+        };
+        readonly trailingIconSize: 22;
+        readonly opticalCenterOffset: -1;
+    };
+    readonly md: {
+        readonly containerHeight: 56;
+        readonly betweenSpace: 2;
+        readonly innerCorner: {
+            readonly default: 4;
+            readonly hovered: 12;
+            readonly pressed: 12;
+        };
+        readonly outerCornerPercent: 50;
+        readonly leadingPadding: {
+            readonly start: 24;
+            readonly end: 24;
+        };
+        readonly trailingPadding: {
+            readonly start: 15;
+            readonly end: 15;
+        };
+        readonly trailingIconSize: 26;
+        readonly opticalCenterOffset: -2;
+    };
+    readonly lg: {
+        readonly containerHeight: 96;
+        readonly betweenSpace: 2;
+        readonly innerCorner: {
+            readonly default: 8;
+            readonly hovered: 28;
+            readonly pressed: 28;
+        };
+        readonly outerCornerPercent: 50;
+        readonly leadingPadding: {
+            readonly start: 48;
+            readonly end: 48;
+        };
+        readonly trailingPadding: {
+            readonly start: 29;
+            readonly end: 29;
+        };
+        readonly trailingIconSize: 38;
+        readonly opticalCenterOffset: -3;
+    };
+    readonly xl: {
+        readonly containerHeight: 136;
+        readonly betweenSpace: 2;
+        readonly innerCorner: {
+            readonly default: 12;
+            readonly hovered: 28;
+            readonly pressed: 28;
+        };
+        readonly outerCornerPercent: 50;
+        readonly leadingPadding: {
+            readonly start: 64;
+            readonly end: 64;
+        };
+        readonly trailingPadding: {
+            readonly start: 43;
+            readonly end: 43;
+        };
+        readonly trailingIconSize: 50;
+        readonly opticalCenterOffset: -6;
+    };
+};
+/**
+ * Leading icon size per size variant.
+ * From Compose ButtonDefaults.iconSizeFor logic.
+ */
+declare const LEADING_ICON_SIZE_FOR_SIZE: {
+    readonly xs: 18;
+    readonly sm: 20;
+    readonly md: 24;
+    readonly lg: 32;
+    readonly xl: 40;
+};
+
+/**
+ * Color variants for the Split Button components using CVA.
+ */
+declare const splitButtonVariants: (props?: ({
+    variant?: "outlined" | "elevated" | "filled" | "tonal" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+export { BUTTON_GROUP_TOKENS, ButtonGroupDefaults, LEADING_ICON_SIZE_FOR_SIZE, SPLIT_BUTTON_CHEVRON_SPRING, SPLIT_BUTTON_RADIUS_SPRING, SPLIT_BUTTON_TOKENS, splitButtonVariants };