@evolve.ui/core-components 1.0.0

package/FavoriteButton-BRY8FVpV.d.mts

@@ -0,0 +1,142 @@
+import { t as Tooltip } from "./Tooltip-D6_5Rsmd.mjs";
+import { h as FeatureFlags } from "./index-BVb-FJDo.mjs";
+import { cn as cn$1 } from "@evolve.ui/theme-system";
+import { ButtonHTMLAttributes, ComponentProps } from "react";
+
+//#region src/FavoriteButton/types/favoriteButton.d.ts
+/**
+ * Available variants for the FavoriteButton component
+ * - `circle`: Shows only the heart icon in a circular button (default)
+ * - `square`: Shows only the heart icon in a square button
+ * - `labeled`: Shows a button with text and the heart icon
+ * - `labeled-animated`: Labeled variant with animation-ready DOM hooks
+ */
+type FavoriteButtonVariant = 'circle' | 'square' | 'labeled' | 'labeled-animated';
+/**
+ * Base props shared by all FavoriteButton variants
+ */
+interface BaseFavoriteButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+  favorited?: boolean;
+  type?: 'button' | 'submit' | 'reset';
+}
+/**
+ * Props specific to the labeled variant
+ */
+type LabeledFavoriteButtonProps = BaseFavoriteButtonProps & {
+  /**
+   * Label text to display when favorited
+   * @default 'Saved'
+   */
+  favoritedLabel?: string;
+  /**
+   * Label text to display when not favorited
+   * @default 'Save'
+   */
+  label?: string;
+};
+/**
+ * Props specific to the icon-only variants (circle and square)
+ */
+type IconOnlyFavoriteButtonProps = BaseFavoriteButtonProps & {
+  /**
+   * Shape of the button
+   */
+  shape: 'circle' | 'square';
+};
+/**
+ * Props for the main FavoriteButton component
+ */
+type FavoriteButtonProps = BaseFavoriteButtonProps & {
+  /**
+   * Label text to display when favorited (only for labeled variant)
+   * @default 'Saved'
+   */
+  favoritedLabel?: string;
+  /**
+   * When true, fires the save-click animation (pulse + heart pop).
+   * Only meaningful for the `labeled-animated` variant.
+   * Reset to false after ~500ms to re-arm.
+   */
+  isActivating?: boolean;
+  /**
+   * When true, fires the nudge animation (wiggle + twirl + shimmer).
+   * Only meaningful for the `labeled-animated` variant.
+   * Reset to false after ~1300ms to re-arm.
+   */
+  isWiggling?: boolean;
+  /**
+   * Label text to display when not favorited (only for labeled variant)
+   * @default 'Save'
+   */
+  label?: string;
+  tooltipProps?: ComponentProps<typeof Tooltip> & {
+    enabled?: boolean;
+  };
+  /**
+   * Button variant.
+   * - `circle`: Shows only the heart icon in a circular button (default)
+   * - `square`: Shows only the heart icon in a square button
+   * - `labeled`: Shows a button with text and the heart icon
+   * - `labeled-animated`: Shows a labeled button with animation-ready wrappers
+   *
+   * @default 'circle'
+   */
+  variant?: FavoriteButtonVariant;
+};
+//#endregion
+//#region src/FeatureFlags/hooks/useFeatureFlag.d.ts
+/**
+ * Hook to check if a specific feature flag is enabled
+ * @param key - The feature flag key to check
+ * @returns `true` if the feature flag exists and is enabled, `false` otherwise
+ *
+ * @example
+ * ```tsx
+ * const isGreenHomePage = useFeatureFlag('ff_team-1234_home-page-is-green');
+ * if (isGreenHomePage) {
+ *   return <GreenHomePage />;
+ * }
+ * ```
+ */
+declare const useFeatureFlag: (key: string) => boolean;
+//#endregion
+//#region src/FeatureFlags/hooks/useFeatureFlags.d.ts
+/**
+ * Hook to get all feature flags
+ * @returns The complete feature flags object passed to DesignSystemProvider
+ *
+ * @example
+ * ```tsx
+ * const featureFlags = useFeatureFlags();
+ * console.log(featureFlags); // { 'ff_team-1234_home-page-is-green': true }
+ * ```
+ */
+declare const useFeatureFlags: () => FeatureFlags;
+//#endregion
+//#region src/FavoriteButton/FavoriteButton.d.ts
+/**
+ * A button that allows users to mark an item as a favorite.
+ * The button displays a heart icon that changes appearance when favorited.
+ *
+ * Be aware that if you're using the tooltip option, make sure to use a unique id
+ * and set the `anchorSelect` prop on the tooltip to the id of the button.
+ *
+ * Available in four variants:
+ * - `circle`: Shows only the heart icon in a circular button (default)
+ * - `square`: Shows only the heart icon in a square button
+ * - `labeled`: Shows a button with text and the heart icon
+ * - `labeled-animated`: Shows a labeled button with animation-ready wrappers
+ */
+declare const FavoriteButton: import("react").ForwardRefExoticComponent<BaseFavoriteButtonProps & {
+  favoritedLabel?: string;
+  isActivating?: boolean;
+  isWiggling?: boolean;
+  label?: string;
+  tooltipProps?: import("react").ComponentProps<typeof Tooltip> & {
+    enabled?: boolean;
+  };
+  variant?: FavoriteButtonVariant;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { BaseFavoriteButtonProps as a, IconOnlyFavoriteButtonProps as c, useFeatureFlag as i, LabeledFavoriteButtonProps as l, cn$1 as n, FavoriteButtonProps as o, useFeatureFlags as r, FavoriteButtonVariant as s, FavoriteButton as t };
+//# sourceMappingURL=FavoriteButton-BRY8FVpV.d.mts.map

package/FavoriteButton-BRY8FVpV.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteButton-BRY8FVpV.d.mts","names":[],"sources":["../src/FavoriteButton/types/favoriteButton.ts","../src/FeatureFlags/hooks/useFeatureFlag.tsx","../src/FeatureFlags/hooks/useFeatureFlags.tsx","../src/FavoriteButton/FavoriteButton.tsx"],"mappings":";;;;;;;;;;;;;KAWY,qBAAA;;;;UAKK,uBAAA,SAAgC,IAAA,CAAK,oBAAA,CAAqB,iBAAA;EACvE,SAAA;EACA,IAAA;AAAA;;;;KAMQ,0BAAA,GAA6B,uBAAuB;;;;;EAK5D,cAAA;;;;;EAKA,KAAA;AAAA;;;;KAMQ,2BAAA,GAA8B,uBAAuB;;;;EAI7D,KAAK;AAAA;;;;KAMG,mBAAA,GAAsB,uBAAA;;;;;EAK9B,cAAA;;;;;;EAMA,YAAA;;;;;;EAMA,UAAA;;;;;EAKA,KAAA;EACA,YAAA,GAAe,cAAA,QAAsB,OAAA;IACjC,OAAA;EAAA;;;;;;;;;AA/DR;EA0EI,OAAA,GAAU,qBAAA;AAAA;;;;;;;;;;;;;;;;cCtED,cAAA,GAAkB,GAAW;;;;;;;;;;;;;cCH7B,eAAA,QAEZ,YAAA;;;;;;;;;;;;;;;;cCOY,cAAA,kBAAc,yBAAA,CA0CzB,uBAAA"}

package/FavoriteButton-CC3qL0lR.mjs

@@ -0,0 +1,199 @@
+import { HeartStraight } from "./Icons.mjs";
+import { a as outlinedCriticalClasses, s as outlinedNeutralClasses } from "./buttonColorClasses-B7OU4aQA.mjs";
+import { Button } from "./Button.mjs";
+import { Tooltip } from "./Tooltip.mjs";
+import { t as SaveConfetti } from "./SaveConfetti-DI0MTd63.mjs";
+import { cn } from "@evolve.ui/theme-system";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/FavoriteButton/hooks/useFavoriteButtonState.ts
+/**
+* Custom hook for managing the active state of the FavoriteButton
+* @returns Object containing the active state and event handlers
+*/
+const useFavoriteButtonState = () => {
+	const [isActive, setIsActive] = useState(false);
+	const handleMouseDown = () => {
+		setIsActive(true);
+	};
+	const handleMouseUp = () => {
+		setIsActive(false);
+	};
+	const handleMouseLeave = () => {
+		if (isActive) setIsActive(false);
+	};
+	return {
+		handleMouseDown,
+		handleMouseLeave,
+		handleMouseUp,
+		isActive
+	};
+};
+//#endregion
+//#region src/FavoriteButton/components/IconOnlyFavoriteButton/IconOnlyFavoriteButton.tsx
+/**
+* Icon-only variant of the FavoriteButton component
+* Displays only a heart icon in either a circle or square shape
+*/
+const IconOnlyFavoriteButton = forwardRef(({ "aria-label": ariaLabel = "Favorite Toggle", className, disabled, favorited, onClick, shape, type, ...restProps }, ref) => {
+	const { handleMouseDown, handleMouseLeave, handleMouseUp, isActive } = useFavoriteButtonState();
+	return /* @__PURE__ */ jsx("button", {
+		"aria-label": ariaLabel,
+		"aria-pressed": Boolean(favorited),
+		className: cn("group flex h-[30px] w-[30px] cursor-pointer items-center justify-center border border-solid", {
+			"rounded-container": shape === "square",
+			"rounded-full": shape === "circle"
+		}, "bg-background-primary text-surface-500", { "bg-background-primary text-critical-500": favorited }, "focus-visible:hui-focus-visible-outline focus:outline-none focus-visible:outline-offset-1", "active:text-border-critical-400 active:bg-critical-50", "hover:bg-critical-50 hover:text-critical-400", "disabled:cursor-not-allowed disabled:bg-background-primary disabled:text-border-disabled", className),
+		"data-hui-id": "FavoriteButton",
+		disabled,
+		onClick,
+		onMouseDown: handleMouseDown,
+		onMouseLeave: handleMouseLeave,
+		onMouseUp: handleMouseUp,
+		ref,
+		type,
+		...restProps,
+		children: /* @__PURE__ */ jsx(HeartStraight, {
+			className: cn("mt-[1px] bg-transparent text-current transition-transform duration-200 ease-in-out", { "group-hover:scale-[1.125]": !disabled }),
+			color: "inherit",
+			size: "sm",
+			style: favorited || isActive ? "fill" : "regular"
+		})
+	});
+});
+//#endregion
+//#region src/FavoriteButton/components/LabeledAnimatedFavoriteButton/LabeledAnimatedFavoriteButton.tsx
+const BUTTON_INLINE_STYLES = {
+	fontSize: "var(--font-size-button-200)",
+	fontWeight: "var(--font-weight-button)",
+	textTransform: "var(--text-transform-button)",
+	"--hui-save-color-critical-500": "var(--color-critical-500)",
+	"--hui-save-color-critical-300": "var(--color-critical-300)",
+	"--hui-save-color-critical-200": "var(--color-critical-200)",
+	"--hui-save-color-tertiary-400": "var(--color-tertiary-400)",
+	"--hui-save-color-tertiary-200": "var(--color-tertiary-200)"
+};
+const LabeledAnimatedFavoriteButton = forwardRef(({ "aria-label": ariaLabel = "Favorite Toggle", className, disabled, favorited, favoritedLabel = "Saved", isActivating, isWiggling, label = "Save", onClick, ...restProps }, ref) => {
+	const { handleMouseDown, handleMouseLeave, handleMouseUp, isActive } = useFavoriteButtonState();
+	const internalButtonRef = useRef(null);
+	const confettiRef = useRef(null);
+	useImperativeHandle(ref, () => internalButtonRef.current);
+	useEffect(() => {
+		if (!isActivating || !internalButtonRef.current) return;
+		confettiRef.current?.fire(internalButtonRef.current);
+	}, [isActivating]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("button", {
+		"aria-busy": false,
+		"aria-label": ariaLabel,
+		"aria-live": "polite",
+		"aria-pressed": favorited ?? false,
+		className: cn("hui-focus-visible-outline relative flex max-w-full items-center justify-center whitespace-nowrap rounded-button text-center font-primary tracking-[var(--letter-spacing-button)] outline outline-1 -outline-offset-1 transition-colors disabled:text-text-disabled", favorited ? outlinedCriticalClasses : outlinedNeutralClasses, "gap-[4px] px-sm py-[13px] leading-[8px]", "h-[34px]", { "border-critical-500 text-critical-500": favorited }, "hover:border-critical-700 hover:bg-critical-50 hover:text-critical-700", "active:border-critical-900 active:bg-critical-100 active:text-critical-900", isWiggling && "animate-saveButtonWiggle motion-reduce:animate-none", isWiggling && !favorited && "hui-fb-color-flash", isActivating && "animate-saveButtonPulse motion-reduce:animate-none", className),
+		"data-hui-id": "FavoriteButton",
+		disabled,
+		onClick,
+		onMouseDown: handleMouseDown,
+		onMouseLeave: handleMouseLeave,
+		onMouseUp: handleMouseUp,
+		ref: internalButtonRef,
+		style: BUTTON_INLINE_STYLES,
+		...restProps,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: cn("hui-fb-icon-frame relative flex items-center justify-center", isWiggling && !favorited && "text-critical-500", isWiggling && "animate-saveHeartTwirlBloom motion-reduce:animate-none"),
+			style: {
+				height: "14px",
+				perspective: "200px",
+				width: "14px"
+			},
+			children: /* @__PURE__ */ jsx(HeartStraight, {
+				className: cn("[transform-style:preserve-3d]", isActivating && "animate-saveHeartPop motion-reduce:animate-none"),
+				color: "inherit",
+				size: "xs",
+				style: favorited || isActive || isWiggling ? "fill" : "bold"
+			})
+		}), /* @__PURE__ */ jsx("span", {
+			className: cn("hui-fb-animated-label", isWiggling && "hui-fb-shimmer animate-saveLabelShimmer"),
+			children: favorited ? favoritedLabel : label
+		})]
+	}), /* @__PURE__ */ jsx(SaveConfetti, { ref: confettiRef })] });
+});
+LabeledAnimatedFavoriteButton.displayName = "LabeledAnimatedFavoriteButton";
+//#endregion
+//#region src/FavoriteButton/components/SmallHeartStraightIcon/SmallHeartStraightIcon.tsx
+const SmallHeartStraightIcon = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(HeartStraight, {
+		style: "bold",
+		...props,
+		ref,
+		size: "xs"
+	});
+});
+//#endregion
+//#region src/FavoriteButton/components/LabeledFavoriteButton/LabeledFavoriteButton.tsx
+const LabeledFavoriteButton = forwardRef(({ "aria-label": ariaLabel = "Favorite Toggle", className, disabled, favorited, favoritedLabel = "Saved", label = "Save", onClick, ...restProps }, ref) => {
+	const { handleMouseDown, handleMouseLeave, handleMouseUp, isActive } = useFavoriteButtonState();
+	return /* @__PURE__ */ jsx(Button, {
+		"aria-label": ariaLabel,
+		"aria-pressed": favorited ? true : false,
+		className: cn("h-[34px] text-surface-500", { "border-critical-500 text-critical-500": favorited }, "hover:border-critical-700 hover:bg-critical-50 hover:text-critical-700", "active:border-critical-900 active:bg-critical-100 active:text-critical-900", className),
+		"data-hui-id": "FavoriteButton",
+		disabled,
+		iconLeft: SmallHeartStraightIcon,
+		iconStyle: favorited || isActive ? "fill" : "bold",
+		onClick,
+		onMouseDown: handleMouseDown,
+		onMouseLeave: handleMouseLeave,
+		onMouseUp: handleMouseUp,
+		ref,
+		size: "sm",
+		style: favorited ? "critical" : "neutral",
+		variant: "outlined",
+		...restProps,
+		children: favorited ? favoritedLabel : label
+	});
+});
+//#endregion
+//#region src/FavoriteButton/FavoriteButton.tsx
+/**
+* A button that allows users to mark an item as a favorite.
+* The button displays a heart icon that changes appearance when favorited.
+*
+* Be aware that if you're using the tooltip option, make sure to use a unique id
+* and set the `anchorSelect` prop on the tooltip to the id of the button.
+*
+* Available in four variants:
+* - `circle`: Shows only the heart icon in a circular button (default)
+* - `square`: Shows only the heart icon in a square button
+* - `labeled`: Shows a button with text and the heart icon
+* - `labeled-animated`: Shows a labeled button with animation-ready wrappers
+*/
+const FavoriteButton = forwardRef((props, ref) => {
+	const { isActivating, isWiggling, tooltipProps, variant = "circle", ...restProps } = props;
+	const { enabled = false, ...tooltipRestProps } = tooltipProps ?? {};
+	const variantComponents = {
+		circle: /* @__PURE__ */ jsx(IconOnlyFavoriteButton, {
+			ref,
+			shape: "circle",
+			...restProps
+		}),
+		labeled: /* @__PURE__ */ jsx(LabeledFavoriteButton, {
+			ref,
+			...restProps
+		}),
+		"labeled-animated": /* @__PURE__ */ jsx(LabeledAnimatedFavoriteButton, {
+			ref,
+			isActivating,
+			isWiggling,
+			...restProps
+		}),
+		square: /* @__PURE__ */ jsx(IconOnlyFavoriteButton, {
+			ref,
+			shape: "square",
+			...restProps
+		})
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [enabled && /* @__PURE__ */ jsx(Tooltip, { ...tooltipRestProps }), variantComponents[variant]] });
+});
+//#endregion
+export { FavoriteButton as t };
+
+//# sourceMappingURL=FavoriteButton-CC3qL0lR.mjs.map

package/FavoriteButton-CC3qL0lR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteButton-CC3qL0lR.mjs","names":[],"sources":["../src/FavoriteButton/hooks/useFavoriteButtonState.ts","../src/FavoriteButton/components/IconOnlyFavoriteButton/IconOnlyFavoriteButton.tsx","../src/FavoriteButton/components/LabeledAnimatedFavoriteButton/LabeledAnimatedFavoriteButton.tsx","../src/FavoriteButton/components/SmallHeartStraightIcon/SmallHeartStraightIcon.tsx","../src/FavoriteButton/components/LabeledFavoriteButton/LabeledFavoriteButton.tsx","../src/FavoriteButton/FavoriteButton.tsx"],"sourcesContent":["import { useState } from 'react';\n\n/**\n * Custom hook for managing the active state of the FavoriteButton\n * @returns Object containing the active state and event handlers\n */\nexport const useFavoriteButtonState = () => {\n    const [isActive, setIsActive] = useState(false);\n\n    const handleMouseDown = () => {\n        setIsActive(true);\n    };\n\n    const handleMouseUp = () => {\n        setIsActive(false);\n    };\n\n    const handleMouseLeave = () => {\n        if (isActive) {\n            setIsActive(false);\n        }\n    };\n\n    return {\n        handleMouseDown,\n        handleMouseLeave,\n        handleMouseUp,\n        isActive,\n    };\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { forwardRef } from 'react';\n\nimport { HeartStraight } from '../../../Icons';\nimport { useFavoriteButtonState } from '../../hooks/useFavoriteButtonState';\nimport { IconOnlyFavoriteButtonProps } from '../../types/favoriteButton';\n\n/**\n * Icon-only variant of the FavoriteButton component\n * Displays only a heart icon in either a circle or square shape\n */\nexport const IconOnlyFavoriteButton = forwardRef<HTMLButtonElement, IconOnlyFavoriteButtonProps>(\n    (\n        {\n            'aria-label': ariaLabel = 'Favorite Toggle',\n            className,\n            disabled,\n            favorited,\n            onClick,\n            shape,\n            type,\n            ...restProps\n        },\n        ref\n    ) => {\n        const { handleMouseDown, handleMouseLeave, handleMouseUp, isActive } = useFavoriteButtonState();\n\n        return (\n            <button\n                aria-label={ariaLabel}\n                aria-pressed={Boolean(favorited)}\n                className={cn(\n                    // Base styles\n                    'group flex h-[30px] w-[30px] cursor-pointer items-center justify-center border border-solid',\n                    // Shape styles\n                    {\n                        'rounded-container': shape === 'square',\n                        'rounded-full': shape === 'circle',\n                    },\n                    // Default state\n                    'bg-background-primary text-surface-500',\n                    // Selected state\n                    {\n                        'bg-background-primary text-critical-500': favorited,\n                    },\n                    // Focus state\n                    'focus-visible:hui-focus-visible-outline focus:outline-none focus-visible:outline-offset-1',\n                    // Active state - immediately show critical color when clicked\n                    'active:text-border-critical-400 active:bg-critical-50',\n                    // Hover state\n                    'hover:bg-critical-50 hover:text-critical-400',\n                    // Disabled state\n                    'disabled:cursor-not-allowed disabled:bg-background-primary disabled:text-border-disabled',\n                    className\n                )}\n                data-hui-id=\"FavoriteButton\"\n                disabled={disabled}\n                onClick={onClick}\n                onMouseDown={handleMouseDown}\n                onMouseLeave={handleMouseLeave}\n                onMouseUp={handleMouseUp}\n                ref={ref}\n                type={type as 'button' | 'submit' | 'reset' | undefined}\n                {...restProps}\n            >\n                <HeartStraight\n                    className={cn(\n                        'mt-[1px] bg-transparent text-current transition-transform duration-200 ease-in-out',\n                        {\n                            'group-hover:scale-[1.125]': !disabled,\n                        }\n                    )}\n                    color=\"inherit\"\n                    size=\"sm\"\n                    style={favorited || isActive ? 'fill' : 'regular'}\n                />\n            </button>\n        );\n    }\n);\n","import { cn } from '@evolve.ui/theme-system';\nimport { ButtonHTMLAttributes, CSSProperties, forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport { outlinedCriticalClasses, outlinedNeutralClasses } from '../../../Button/buttonColorClasses';\nimport { HeartStraight } from '../../../Icons';\nimport { SaveConfetti, type SaveConfettiHandle } from '../../../SaveConfetti/SaveConfetti';\nimport { useFavoriteButtonState } from '../../hooks/useFavoriteButtonState';\n\n/**\n * Labeled-animated variant of the FavoriteButton component.\n *\n * Visually identical to the `labeled` variant but exposes `isWiggling` and\n * `isActivating` props that trigger the enhanced save-button nudge animations:\n *\n * - `isWiggling`: side-to-side wiggle (button), 3D twirl + bloom (heart icon),\n *   color flash (critical fill pulse on heart when not favorited), and shimmer (label text).\n *   During nudge the heart uses `fill` weight with critical color; at rest unfavorited uses `bold`.\n *   Apply for ~1300ms, then reset to false to re-arm.\n *\n * - `isActivating`: pulse (button) and heart pop (icon). Apply for ~500ms.\n *\n * Animation CSS is driven by Tailwind `animate-*` utilities from the theme plugin\n * (`theme.extend.animation`) — no runtime style injection. The shimmer uses the\n * `.hui-fb-shimmer` component class from the plugin for its multi-property CSS.\n * The heart-color flash uses `.hui-fb-color-flash` to animate fill on the nested\n * SVG path via a descendant selector. Icon weight: `bold` when unfavorited at rest,\n * `fill` during nudge, favorited, or active press — matching the static `labeled` variant at rest.\n */\n\ntype Props = {\n    /** Accessible label for screen readers. @default 'Favorite Toggle' */\n    'aria-label'?: string;\n    /** Whether the item is currently favorited. */\n    favorited?: boolean;\n    /** Label text shown when favorited. @default 'Saved' */\n    favoritedLabel?: string;\n    /**\n     * When true, fires the save-click animation (button pulse + heart pop) and\n     * a mini confetti burst from the button center.\n     * Reset to false after ~500ms to re-arm.\n     */\n    isActivating?: boolean;\n    /**\n     * When true, fires the nudge animation (wiggle + twirl + shimmer + color flash).\n     * Reset to false after ~1300ms to re-arm.\n     */\n    isWiggling?: boolean;\n    /** Label text shown when not favorited. @default 'Save' */\n    label?: string;\n} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'style'>;\n\ntype AnimationPaletteCSSVar =\n    | '--hui-save-color-critical-500'\n    | '--hui-save-color-critical-300'\n    | '--hui-save-color-critical-200'\n    | '--hui-save-color-tertiary-400'\n    | '--hui-save-color-tertiary-200';\n\nconst BUTTON_INLINE_STYLES: CSSProperties & Record<AnimationPaletteCSSVar, string> = {\n    fontSize: 'var(--font-size-button-200)',\n    fontWeight: 'var(--font-weight-button)',\n    textTransform: 'var(--text-transform-button)' as CSSProperties['textTransform'],\n    // Expose canonical animation palette tokens for downstream orchestration.\n    '--hui-save-color-critical-500': 'var(--color-critical-500)',\n    '--hui-save-color-critical-300': 'var(--color-critical-300)',\n    '--hui-save-color-critical-200': 'var(--color-critical-200)',\n    '--hui-save-color-tertiary-400': 'var(--color-tertiary-400)',\n    '--hui-save-color-tertiary-200': 'var(--color-tertiary-200)',\n};\n\nexport const LabeledAnimatedFavoriteButton = forwardRef<HTMLButtonElement, Props>(\n    (\n        {\n            'aria-label': ariaLabel = 'Favorite Toggle',\n            className,\n            disabled,\n            favorited,\n            favoritedLabel = 'Saved',\n            isActivating,\n            isWiggling,\n            label = 'Save',\n            onClick,\n            ...restProps\n        },\n        ref\n    ) => {\n        const { handleMouseDown, handleMouseLeave, handleMouseUp, isActive } = useFavoriteButtonState();\n\n        const internalButtonRef = useRef<HTMLButtonElement>(null);\n        const confettiRef = useRef<SaveConfettiHandle>(null);\n\n        // Preserve consumer-facing ref contract while keeping internal button access for confetti\n        useImperativeHandle(ref, () => internalButtonRef.current!);\n\n        // Fire confetti burst when the save-click animation triggers\n        useEffect(() => {\n            if (!isActivating || !internalButtonRef.current) {\n                return;\n            }\n            confettiRef.current?.fire(internalButtonRef.current);\n        }, [isActivating]);\n\n        return (\n            <>\n                <button\n                    aria-busy={false}\n                    aria-label={ariaLabel}\n                    aria-live=\"polite\"\n                    aria-pressed={favorited ?? false}\n                    className={cn(\n                        // Base — exact match to Button's base class string\n                        'hui-focus-visible-outline relative flex max-w-full items-center justify-center whitespace-nowrap rounded-button text-center font-primary tracking-[var(--letter-spacing-button)] outline outline-1 -outline-offset-1 transition-colors disabled:text-text-disabled',\n                        // Color classes — same conditional used by LabeledFavoriteButton\n                        favorited ? outlinedCriticalClasses : outlinedNeutralClasses,\n                        // sm size\n                        'gap-[4px] px-sm py-[13px] leading-[8px]',\n                        // Height override (matches LabeledFavoriteButton)\n                        'h-[34px]',\n                        // Favorited state border\n                        { 'border-critical-500 text-critical-500': favorited },\n                        // Hover/active overrides — same className passed by LabeledFavoriteButton to Button\n                        'hover:border-critical-700 hover:bg-critical-50 hover:text-critical-700',\n                        'active:border-critical-900 active:bg-critical-100 active:text-critical-900',\n                        // Nudge animation — wiggle on button root + color flash on nested SVG path\n                        isWiggling && 'animate-saveButtonWiggle motion-reduce:animate-none',\n                        isWiggling && !favorited && 'hui-fb-color-flash',\n                        // Save-click animation — pulse on button root\n                        isActivating && 'animate-saveButtonPulse motion-reduce:animate-none',\n                        className\n                    )}\n                    data-hui-id=\"FavoriteButton\"\n                    disabled={disabled}\n                    onClick={onClick}\n                    onMouseDown={handleMouseDown}\n                    onMouseLeave={handleMouseLeave}\n                    onMouseUp={handleMouseUp}\n                    ref={internalButtonRef}\n                    style={BUTTON_INLINE_STYLES}\n                    {...restProps}\n                >\n                    {/*\n                     * Perspective wrapper — 3D twirl animation targets this element.\n                     * Width/height matches Button's internal iconLeft container (14px for xs icon).\n                     */}\n                    <span\n                        className={cn(\n                            'hui-fb-icon-frame relative flex items-center justify-center',\n                            // Critical color during nudge so fill weight reads red immediately (not surface-500 grey)\n                            isWiggling && !favorited && 'text-critical-500',\n                            // Nudge animation — 3D twirl + bloom on icon frame\n                            isWiggling && 'animate-saveHeartTwirlBloom motion-reduce:animate-none'\n                        )}\n                        style={{ height: '14px', perspective: '200px', width: '14px' }}\n                    >\n                        <HeartStraight\n                            className={cn(\n                                '[transform-style:preserve-3d]',\n                                // Save-click animation — heart pop on SVG element\n                                isActivating && 'animate-saveHeartPop motion-reduce:animate-none'\n                            )}\n                            color=\"inherit\"\n                            size=\"xs\"\n                            style={favorited || isActive || isWiggling ? 'fill' : 'bold'}\n                        />\n                    </span>\n                    {/* Shimmer wrapper — .hui-fb-shimmer bundles background-clip + gradient + animation */}\n                    <span\n                        className={cn('hui-fb-animated-label', isWiggling && 'hui-fb-shimmer animate-saveLabelShimmer')}\n                    >\n                        {favorited ? favoritedLabel : label}\n                    </span>\n                </button>\n                <SaveConfetti ref={confettiRef} />\n            </>\n        );\n    }\n);\n\nLabeledAnimatedFavoriteButton.displayName = 'LabeledAnimatedFavoriteButton';\n","import { ComponentProps, forwardRef } from 'react';\n\nimport { CaretRight, HeartStraight } from '../../../Icons';\n\nexport const SmallHeartStraightIcon = forwardRef<SVGSVGElement, ComponentProps<typeof CaretRight>>((props, ref) => {\n    return (\n        <HeartStraight\n            style=\"bold\"\n            {...props}\n            ref={ref}\n            size=\"xs\"\n        />\n    );\n});\n","import { cn } from '@evolve.ui/theme-system';\nimport { ButtonHTMLAttributes, forwardRef } from 'react';\n\nimport { Button } from '../../../Button/Button';\nimport { useFavoriteButtonState } from '../../hooks/useFavoriteButtonState';\nimport { SmallHeartStraightIcon } from '../SmallHeartStraightIcon/SmallHeartStraightIcon';\n\n/**\n * Labeled variant of the FavoriteButton component\n * Displays a button with text and a heart icon\n */\n\ntype Props = {\n    'aria-label'?: string;\n    favorited?: boolean;\n    favoritedLabel?: string;\n    label?: string;\n} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style' | 'children'>;\n\nexport const LabeledFavoriteButton = forwardRef<HTMLButtonElement, Props>(\n    (\n        {\n            'aria-label': ariaLabel = 'Favorite Toggle',\n            className,\n            disabled,\n            favorited,\n            favoritedLabel = 'Saved',\n            label = 'Save',\n            onClick,\n            ...restProps\n        },\n        ref\n    ) => {\n        const { handleMouseDown, handleMouseLeave, handleMouseUp, isActive } = useFavoriteButtonState();\n\n        return (\n            <Button\n                aria-label={ariaLabel}\n                aria-pressed={favorited ? true : false}\n                className={cn(\n                    // Base styles\n                    'h-[34px] text-surface-500',\n                    // Selected state\n                    {\n                        'border-critical-500 text-critical-500': favorited,\n                    },\n                    // Hover state - same for both favorited and non-favorited\n                    'hover:border-critical-700 hover:bg-critical-50 hover:text-critical-700',\n                    // Active states - different for favorited and non-favorited\n                    'active:border-critical-900 active:bg-critical-100 active:text-critical-900',\n                    className\n                )}\n                data-hui-id=\"FavoriteButton\"\n                disabled={disabled}\n                iconLeft={SmallHeartStraightIcon}\n                iconStyle={favorited || isActive ? 'fill' : 'bold'}\n                onClick={onClick}\n                onMouseDown={handleMouseDown}\n                onMouseLeave={handleMouseLeave}\n                onMouseUp={handleMouseUp}\n                ref={ref}\n                size=\"sm\"\n                style={favorited ? 'critical' : 'neutral'}\n                variant=\"outlined\"\n                {...restProps}\n            >\n                {favorited ? favoritedLabel : label}\n            </Button>\n        );\n    }\n);\n","import { forwardRef } from 'react';\n\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport { IconOnlyFavoriteButton } from './components/IconOnlyFavoriteButton/IconOnlyFavoriteButton';\nimport { LabeledAnimatedFavoriteButton } from './components/LabeledAnimatedFavoriteButton/LabeledAnimatedFavoriteButton';\nimport { LabeledFavoriteButton } from './components/LabeledFavoriteButton/LabeledFavoriteButton';\nimport { FavoriteButtonProps } from './types/favoriteButton';\n\n/**\n * A button that allows users to mark an item as a favorite.\n * The button displays a heart icon that changes appearance when favorited.\n *\n * Be aware that if you're using the tooltip option, make sure to use a unique id\n * and set the `anchorSelect` prop on the tooltip to the id of the button.\n *\n * Available in four variants:\n * - `circle`: Shows only the heart icon in a circular button (default)\n * - `square`: Shows only the heart icon in a square button\n * - `labeled`: Shows a button with text and the heart icon\n * - `labeled-animated`: Shows a labeled button with animation-ready wrappers\n */\nexport const FavoriteButton = forwardRef<HTMLButtonElement, FavoriteButtonProps>((props, ref) => {\n    const { isActivating, isWiggling, tooltipProps, variant = 'circle', ...restProps } = props;\n    const { enabled = false, ...tooltipRestProps } = tooltipProps ?? {};\n\n    // Use a mapping object to determine which component to render\n    const variantComponents = {\n        circle: (\n            <IconOnlyFavoriteButton\n                ref={ref}\n                shape=\"circle\"\n                {...restProps}\n            />\n        ),\n        labeled: (\n            <LabeledFavoriteButton\n                ref={ref}\n                {...restProps}\n            />\n        ),\n        'labeled-animated': (\n            <LabeledAnimatedFavoriteButton\n                ref={ref}\n                isActivating={isActivating}\n                isWiggling={isWiggling}\n                {...restProps}\n            />\n        ),\n        square: (\n            <IconOnlyFavoriteButton\n                ref={ref}\n                shape=\"square\"\n                {...restProps}\n            />\n        ),\n    };\n\n    return (\n        <>\n            {enabled && <Tooltip {...tooltipRestProps} />}\n            {variantComponents[variant]}\n        </>\n    );\n});\n"],"mappings":"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"}

package/FavoriteButton-CowOPoqo.d.cts

@@ -0,0 +1,142 @@
+import { t as Tooltip } from "./Tooltip-D6_5Rsmd.cjs";
+import { h as FeatureFlags } from "./index-BXz3rMMk.cjs";
+import { ButtonHTMLAttributes, ComponentProps } from "react";
+import { cn } from "@evolve.ui/theme-system";
+
+//#region src/FavoriteButton/types/favoriteButton.d.ts
+/**
+ * Available variants for the FavoriteButton component
+ * - `circle`: Shows only the heart icon in a circular button (default)
+ * - `square`: Shows only the heart icon in a square button
+ * - `labeled`: Shows a button with text and the heart icon
+ * - `labeled-animated`: Labeled variant with animation-ready DOM hooks
+ */
+type FavoriteButtonVariant = 'circle' | 'square' | 'labeled' | 'labeled-animated';
+/**
+ * Base props shared by all FavoriteButton variants
+ */
+interface BaseFavoriteButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+  favorited?: boolean;
+  type?: 'button' | 'submit' | 'reset';
+}
+/**
+ * Props specific to the labeled variant
+ */
+type LabeledFavoriteButtonProps = BaseFavoriteButtonProps & {
+  /**
+   * Label text to display when favorited
+   * @default 'Saved'
+   */
+  favoritedLabel?: string;
+  /**
+   * Label text to display when not favorited
+   * @default 'Save'
+   */
+  label?: string;
+};
+/**
+ * Props specific to the icon-only variants (circle and square)
+ */
+type IconOnlyFavoriteButtonProps = BaseFavoriteButtonProps & {
+  /**
+   * Shape of the button
+   */
+  shape: 'circle' | 'square';
+};
+/**
+ * Props for the main FavoriteButton component
+ */
+type FavoriteButtonProps = BaseFavoriteButtonProps & {
+  /**
+   * Label text to display when favorited (only for labeled variant)
+   * @default 'Saved'
+   */
+  favoritedLabel?: string;
+  /**
+   * When true, fires the save-click animation (pulse + heart pop).
+   * Only meaningful for the `labeled-animated` variant.
+   * Reset to false after ~500ms to re-arm.
+   */
+  isActivating?: boolean;
+  /**
+   * When true, fires the nudge animation (wiggle + twirl + shimmer).
+   * Only meaningful for the `labeled-animated` variant.
+   * Reset to false after ~1300ms to re-arm.
+   */
+  isWiggling?: boolean;
+  /**
+   * Label text to display when not favorited (only for labeled variant)
+   * @default 'Save'
+   */
+  label?: string;
+  tooltipProps?: ComponentProps<typeof Tooltip> & {
+    enabled?: boolean;
+  };
+  /**
+   * Button variant.
+   * - `circle`: Shows only the heart icon in a circular button (default)
+   * - `square`: Shows only the heart icon in a square button
+   * - `labeled`: Shows a button with text and the heart icon
+   * - `labeled-animated`: Shows a labeled button with animation-ready wrappers
+   *
+   * @default 'circle'
+   */
+  variant?: FavoriteButtonVariant;
+};
+//#endregion
+//#region src/FeatureFlags/hooks/useFeatureFlag.d.ts
+/**
+ * Hook to check if a specific feature flag is enabled
+ * @param key - The feature flag key to check
+ * @returns `true` if the feature flag exists and is enabled, `false` otherwise
+ *
+ * @example
+ * ```tsx
+ * const isGreenHomePage = useFeatureFlag('ff_team-1234_home-page-is-green');
+ * if (isGreenHomePage) {
+ *   return <GreenHomePage />;
+ * }
+ * ```
+ */
+declare const useFeatureFlag: (key: string) => boolean;
+//#endregion
+//#region src/FeatureFlags/hooks/useFeatureFlags.d.ts
+/**
+ * Hook to get all feature flags
+ * @returns The complete feature flags object passed to DesignSystemProvider
+ *
+ * @example
+ * ```tsx
+ * const featureFlags = useFeatureFlags();
+ * console.log(featureFlags); // { 'ff_team-1234_home-page-is-green': true }
+ * ```
+ */
+declare const useFeatureFlags: () => FeatureFlags;
+//#endregion
+//#region src/FavoriteButton/FavoriteButton.d.ts
+/**
+ * A button that allows users to mark an item as a favorite.
+ * The button displays a heart icon that changes appearance when favorited.
+ *
+ * Be aware that if you're using the tooltip option, make sure to use a unique id
+ * and set the `anchorSelect` prop on the tooltip to the id of the button.
+ *
+ * Available in four variants:
+ * - `circle`: Shows only the heart icon in a circular button (default)
+ * - `square`: Shows only the heart icon in a square button
+ * - `labeled`: Shows a button with text and the heart icon
+ * - `labeled-animated`: Shows a labeled button with animation-ready wrappers
+ */
+declare const FavoriteButton: import("react").ForwardRefExoticComponent<BaseFavoriteButtonProps & {
+  favoritedLabel?: string;
+  isActivating?: boolean;
+  isWiggling?: boolean;
+  label?: string;
+  tooltipProps?: import("react").ComponentProps<typeof Tooltip> & {
+    enabled?: boolean;
+  };
+  variant?: FavoriteButtonVariant;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { BaseFavoriteButtonProps as a, IconOnlyFavoriteButtonProps as c, useFeatureFlag as i, LabeledFavoriteButtonProps as l, cn as n, FavoriteButtonProps as o, useFeatureFlags as r, FavoriteButtonVariant as s, FavoriteButton as t };
+//# sourceMappingURL=FavoriteButton-CowOPoqo.d.cts.map

package/FavoriteButton-CowOPoqo.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteButton-CowOPoqo.d.cts","names":[],"sources":["../src/FavoriteButton/types/favoriteButton.ts","../src/FeatureFlags/hooks/useFeatureFlag.tsx","../src/FeatureFlags/hooks/useFeatureFlags.tsx","../src/FavoriteButton/FavoriteButton.tsx"],"mappings":";;;;;;;;;;;;;KAWY,qBAAA;;;;UAKK,uBAAA,SAAgC,IAAA,CAAK,oBAAA,CAAqB,iBAAA;EACvE,SAAA;EACA,IAAA;AAAA;;;;KAMQ,0BAAA,GAA6B,uBAAuB;;;;;EAK5D,cAAA;;;;;EAKA,KAAA;AAAA;;;;KAMQ,2BAAA,GAA8B,uBAAuB;;;;EAI7D,KAAK;AAAA;;;;KAMG,mBAAA,GAAsB,uBAAA;;;;;EAK9B,cAAA;;;;;;EAMA,YAAA;;;;;;EAMA,UAAA;;;;;EAKA,KAAA;EACA,YAAA,GAAe,cAAA,QAAsB,OAAA;IACjC,OAAA;EAAA;;;;;;;;;AA/DR;EA0EI,OAAA,GAAU,qBAAA;AAAA;;;;;;;;;;;;;;;;cCtED,cAAA,GAAkB,GAAW;;;;;;;;;;;;;cCH7B,eAAA,QAEZ,YAAA;;;;;;;;;;;;;;;;cCOY,cAAA,kBAAc,yBAAA,CA0CzB,uBAAA"}