@wix/editor-react-components 1.2153.0

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

@@ -0,0 +1,40 @@
+import { A11y, Direction, Link as LinkType, VectorArt } from '@wix/editor-react-types';
+import { SdkFunctionMouseHoverProps } from '../../../utils/functions/sdkFunctionCallbackProps';
+export interface BreadcrumbItem {
+    id?: string;
+    label: string;
+    link?: LinkType | string;
+}
+export interface HomeIconElementProps {
+    svg?: VectorArt;
+    duration?: number;
+}
+export interface ElementProps {
+    animatedHomeIcon?: HomeIconElementProps;
+}
+export interface BreadcrumbsProps extends SdkFunctionMouseHoverProps {
+    /** DOM `id` on the root `<nav>`. */
+    id?: string;
+    /** Appended to the root `<nav>.breadcrumbs`. Use this for CSS-variable overrides on the trail. */
+    className?: string;
+    /** Sets the `dir` attribute on the root. Defaults to the language direction reported by the environment service. */
+    direction?: Direction;
+    /** ARIA bag. Pass `ariaLabel` to name the `<nav>` landmark (recommended). */
+    a11y?: A11y;
+    /** Props forwarded to the nested AnimatedIcon ref element rendered when the homepage is displayed as `icon`. */
+    elementProps?: ElementProps;
+    /** Optional breadcrumb items. When omitted, items are derived from the pages service. */
+    items?: Array<BreadcrumbItem>;
+}
+export interface CollapsedRange {
+    start: number;
+    end: number;
+}
+export interface BreadcrumbItemProps {
+    item?: BreadcrumbItem;
+    index?: number;
+    isCurrent?: boolean;
+    isHomepageItem?: boolean;
+    homeIconProps?: HomeIconElementProps;
+    collapsedRange?: CollapsedRange | null;
+}

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

@@ -0,0 +1,4 @@
+import { Pages } from '@wix/viewer-service-pages/definition';
+import { BreadcrumbItem } from './types';
+export declare function buildBreadcrumbTrail(pages: Pages, currentPageId: string, mainPageId: string, externalBaseUrl: string): Array<BreadcrumbItem>;
+export declare function useBreadcrumbItems(): Array<BreadcrumbItem>;

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

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+import { CollapsedRange } from './types';
+export declare function useCollapsedRange(rootRef: RefObject<HTMLElement | null>, totalItems: number): CollapsedRange | null;

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

@@ -0,0 +1,2 @@
+import { BreadcrumbItem } from './types';
+export declare function useSeoService(items?: Array<BreadcrumbItem>): void;

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

@@ -0,0 +1,3 @@
+import { BreadcrumbItem } from './types';
+export declare function getItemHref(link: BreadcrumbItem['link']): string | undefined;
+export declare const uniqueKey: (index: number, id?: string) => string;

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

@@ -0,0 +1,34 @@
+import { CorvidTypes } from '../../../types/vendored/editor-elements-types-corvid';
+import { IClickPropSDK } from '../../../common/sdk/props-factories/clickPropsSDKFactory';
+import { IDisabledPropSDK } from '../../../common/sdk/props-factories/disablePropsSDKFactory';
+import { IElementPropsSDK } from '../../../common/sdk/props-factories/elementPropsSDKFactory';
+import { IFocusPropsImperativeActions } from '../../../common/sdk/props-factories/focusPropsSDKFactory';
+import { ILabelPropSDK } from '../../../common/sdk/props-factories/labelPropsSDKFactory';
+import { ILinkPropsSDK } from '../../../common/sdk/props-factories/linkPropsSDKFactory';
+import { IAccessibilityPropSDK } from '../../../common/sdk/props-factories/accessibilitySDKFactories/types';
+import { IBackgroundColorWithStateSDK } from '../../../common/sdk/props-factories/styleSDKFactories/backgroundColorPropsSDKFactory';
+import { IBorderColorWithStatesSDK } from '../../../common/sdk/props-factories/styleSDKFactories/borderColorPropsSDKFactory';
+import { IBorderRadiusSDK } from '../../../common/sdk/props-factories/styleSDKFactories/borderRadiusPropsSDKFactory';
+import { IBorderWidthSDK } from '../../../common/sdk/props-factories/styleSDKFactories/borderWidthPropsSDKFactory';
+import { IIconColorWithStatesSDK } from '../../../common/sdk/props-factories/styleSDKFactories/iconColorPropsSDKFactory';
+import { ITextColorWithStatesSDK } from '../../../common/sdk/props-factories/styleSDKFactories/textColorPropsSDKFactory';
+import { ButtonProps } from './Button.types';
+export { IconAnimationTriggers } from './Button.types';
+export type StyleProps = IBackgroundColorWithStateSDK & IBorderColorWithStatesSDK & IBorderRadiusSDK & IBorderWidthSDK & IIconColorWithStatesSDK & ITextColorWithStatesSDK;
+export type StylableButtonSdkData = {
+    svgId: string;
+    mediaSvgUrl: string;
+};
+export type IconAnimatedHandlers = {
+    animateIconForward?: () => void;
+    animateIconBackward?: () => void;
+};
+export type IStylableButtonImperativeActions = IFocusPropsImperativeActions & IconAnimatedHandlers;
+export interface IStylePropsSDK {
+    style: Partial<StyleProps>;
+}
+export type IStylableButtonSDK = IClickPropSDK & ILabelPropSDK & IDisabledPropSDK & ILinkPropsSDK & IAccessibilityPropSDK & IElementPropsSDK & IStylePropsSDK & IconAnimatedHandlers & {
+    icon?: string;
+};
+export type IStylableButtonOwnSDKFactory = CorvidTypes.CorvidSDKFactory<ButtonProps, {}, StylableButtonSdkData, IStylableButtonImperativeActions>;
+export type IStylableButtonSDKFactory = CorvidTypes.CorvidSDKFactory<ButtonProps, IStylableButtonSDK>;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ButtonProps } from './Button.types';
+export type { ButtonProps };
+declare const Button: React.FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1,76 @@
+import { default as React } from 'react';
+import { VectorArt, A11y, Direction } from '@wix/editor-react-types';
+import { AriaProps } from '../../../types/vendored/editor-elements-types-a11y';
+export interface ButtonLinkProps {
+    href?: string;
+    target?: '_blank' | '_self';
+    rel?: string;
+    linkPopupId?: string;
+    anchorDataId?: string | {
+        id: string;
+    };
+    anchorCompId?: string;
+}
+export declare enum IconAnimationTriggers {
+    HOVER = "hover"
+}
+export type IStylableButtonCorvidStyleStateProps = {
+    hasBackgroundColor?: boolean;
+    hasBorderColor?: boolean;
+    hasBorderRadius?: boolean;
+    hasBorderWidth?: boolean;
+    hasIconColor?: boolean;
+    hasColor?: boolean;
+};
+export type IStylableButtonCorvidStateProps = IStylableButtonCorvidStyleStateProps & {
+    hover?: IStylableButtonCorvidStyleStateProps;
+    disabled?: IStylableButtonCorvidStyleStateProps;
+    iconSvgString?: string | null;
+    iconCollapsed?: boolean;
+    iconAnimationTriggers?: Array<IconAnimationTriggers> | [];
+};
+export type StylableButtonSemanticClassNames = {
+    root: string;
+    buttonIcon: string;
+    buttonLabel: string;
+};
+export type AnimatedSvgRef = {
+    runAnimationForward: () => void;
+    runAnimationBackward: () => void;
+};
+export interface AnimatedIconElementProps {
+    svg?: VectorArt;
+    duration?: number;
+}
+export interface ElementProps {
+    animatedIcon?: AnimatedIconElementProps;
+}
+export type ButtonProps = {
+    link?: ButtonLinkProps;
+    type?: 'button' | 'submit';
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    direction?: Direction;
+    id?: string;
+    onClick?: () => void;
+    elementProps?: ElementProps;
+    a11y?: A11y;
+    corvid?: IStylableButtonCorvidStateProps;
+    compPreviewState?: string | null;
+    reportBiOnClick?: React.MouseEventHandler;
+    preventLinkNavigation?: boolean;
+    onMouseEnter?: React.MouseEventHandler;
+    onMouseLeave?: React.MouseEventHandler;
+    onDblClick?: React.MouseEventHandler;
+    onFocus?: (event: React.FocusEvent) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+    isIconAnimated?: boolean;
+    isQaMode?: boolean;
+    fullNameCompType?: string;
+    lang?: string;
+    ariaAttributes?: AriaProps;
+    wix?: {
+        presetsWrapperProps?: Record<string, any>;
+    };
+};

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

@@ -0,0 +1,4 @@
+import { default as Button, ButtonProps } from './Button';
+export type { ButtonProps };
+export { Button };
+export default Button;

package/dist/site/components/Button/component.js

@@ -0,0 +1,5 @@
+import { B as Button } from "../chunks/Button.js";
+export {
+  Button,
+  Button as default
+};

package/dist/site/components/Button/component.preview.d.ts

@@ -0,0 +1,3 @@
+import { ResolveManifestOverrides } from '../../../utils/ResolveManifestOverrides';
+export { default } from './component';
+export declare const resolveManifestOverrides: ResolveManifestOverrides;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AnimatedIconElementProps, AnimatedSvgRef } from '../Button.types';
+declare const AnimatedButtonIcon: React.ForwardRefExoticComponent<AnimatedIconElementProps & React.RefAttributes<AnimatedSvgRef>>;
+export default AnimatedButtonIcon;

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

@@ -0,0 +1,66 @@
+export declare const TestIds: {
+    buttonContent: string;
+    buttonLabel: string;
+};
+export declare const TRANSITION_DURATION = 400;
+export declare const SEMANTIC_CLASS_NAMES: {
+    readonly root: "button";
+    readonly buttonLabel: "button__label";
+    readonly buttonIcon: "button__icon";
+};
+export declare const DesignStates: {
+    readonly root: {
+        readonly hover: {
+            readonly displayName: "Hover";
+            readonly className: "button--hover";
+        };
+        readonly disabled: {
+            readonly displayName: "Disabled";
+            readonly className: "button--disabled";
+        };
+    };
+    readonly label: {
+        readonly hover: {
+            readonly displayName: "Hover";
+            readonly className: "button__label--hover";
+        };
+        readonly disabled: {
+            readonly displayName: "Disabled";
+            readonly className: "button__label--disabled";
+        };
+    };
+};
+export declare const DisplayNames: {
+    root: {
+        elementDisplayName: string;
+        data: {
+            disabled: string;
+        };
+        cssProperties: {
+            gap: string;
+        };
+        cssCustomProperties: {
+            'content-horizontal-alignment': string;
+            'icon-position': string;
+        };
+        presets: {
+            baseButton: string;
+        };
+        iconPosition: {
+            beforeText: string;
+            afterText: string;
+            belowText: string;
+            aboveText: string;
+        };
+    };
+    label: {
+        elementDisplayName: string;
+        cssProperties: {
+            font: string;
+        };
+        cssCustomProperties: {};
+    };
+    data: {
+        iconCollapsed: string;
+    };
+};

package/dist/site/components/Button/css.css

@@ -0,0 +1,150 @@
+.rootDirection__PPhdq {
+  direction: var(--btn-direction);
+}
+
+.root__IB9QF {
+  --display: flex;
+  display: var(--display);
+  cursor: pointer;
+  min-width: var(--btn-min-width);
+  min-height: 10px;
+  box-sizing: border-box;
+  touch-action: manipulation;
+  flex-basis: auto;
+  flex-direction: var(--container-flex-direction, row);
+  justify-content: var(--container-justify-content, var(--content-horizontal-alignment, center));
+  align-items: var(--container-align-items, center);
+  outline: none;
+}
+.root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, width, height, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-duration: 0.4s;
+  transition-timing-function: ease;
+}
+@media (forced-colors: active) {
+  .root__IB9QF:not(:disabled):not(.button--disabled) {
+    outline: 2px solid ButtonText;
+    outline-offset: 0px;
+  }
+  .root__IB9QF:not(:disabled):not(.button--disabled):hover, .root__IB9QF:not(:disabled):not(.button--disabled).active__lpoVO, .root__IB9QF:not(:disabled):not(.button--disabled).button--hover, .root__IB9QF:not(:disabled):not(.button--disabled)[aria-pressed=true], .root__IB9QF:not(:disabled):not(.button--disabled)[aria-selected=true], .root__IB9QF:not(:disabled):not(.button--disabled)[data-preview=selected] {
+    outline: 3px solid Highlight;
+    outline-offset: 1px;
+  }
+  .root__IB9QF:not(:disabled):not(.button--disabled):focus, .root__IB9QF:not(:disabled):not(.button--disabled):focus-visible {
+    outline: 3px solid Highlight;
+    outline-offset: 1px;
+  }
+}
+.root__IB9QF:disabled, .root__IB9QF.button--disabled {
+  cursor: not-allowed;
+}
+
+.root__IB9QF.isMaxContent__lXOal {
+  height: max-content;
+  min-width: max-content;
+}
+.root__IB9QF.isMaxContent__lXOal.isWrapText__4sl7H {
+  min-width: 10px;
+}
+
+.root__IB9QF.isWrapText__4sl7H {
+  white-space: pre-line;
+}
+.root__IB9QF.isWrapText__4sl7H .label__EtLji {
+  white-space: pre-line;
+}
+
+.link__0rDnC {
+  text-decoration: none;
+  box-sizing: border-box;
+  color: black;
+  cursor: pointer;
+}
+.link__0rDnC:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+.label__EtLji {
+  text-shadow: var(--text-shadow);
+  text-overflow: var(--label-text-overflow);
+  white-space: var(--label-white-space);
+  min-width: 1.8em;
+  max-width: 100%;
+  transition: inherit;
+  direction: var(--direction);
+}
+
+.icon__ZzsS5 {
+  min-width: 1px;
+  transition: inherit;
+  flex-shrink: 0;
+  width: var(--size);
+  height: var(--size);
+  order: var(--icon-order, 0);
+  fill: var(--icon-color);
+  transform: rotate(var(--icon-rotation));
+}
+
+.root__IB9QF:hover .label__EtLji,
+.root__IB9QF[data-preview=hover] .label__EtLji,
+.root__IB9QF.button--hover .label__EtLji,
+.label__EtLji.button__label--hover {
+  text-shadow: var(--hover-text-outline, var(--text-outline)), var(--hover-text-shadow, var(--text-shadow));
+  direction: var(--hover-direction, var(--direction));
+}
+
+.root__IB9QF:hover .icon__ZzsS5,
+.root__IB9QF[data-preview=hover] .icon__ZzsS5,
+.root__IB9QF.button--hover .icon__ZzsS5 {
+  width: var(--hover-icon-size, var(--size));
+  height: var(--hover-icon-size, var(--size));
+  fill: var(--hover-icon-color, var(--icon-color));
+  transform: rotate(var(--hover-icon-rotation, var(--icon-rotation)));
+}
+
+.root__IB9QF:disabled .label__EtLji,
+.root__IB9QF [data-preview=disabled] .label__EtLji,
+.root__IB9QF.button--disabled .label__EtLji,
+.label__EtLji.button__label--disabled {
+  text-shadow: var(--disabled-text-outline, var(--text-outline)), var(--disabled-text-shadow, var(--text-shadow));
+  direction: var(--disabled-direction, var(--direction));
+}
+
+.root__IB9QF:disabled .icon__ZzsS5,
+.root__IB9QF [data-preview=disabled] .icon__ZzsS5,
+.root__IB9QF.button--disabled .icon__ZzsS5 {
+  width: var(--disabled-icon-size, var(--size));
+  height: var(--disabled-icon-size, var(--size));
+  fill: var(--disabled-icon-color, var(--icon-color));
+  transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
+}
+
+.button__i8gkO {
+  min-width: min-content !important;
+}
+.fallbackDirection__HeRgn:not([dir]) {
+  direction: var(--wix-opt-in-direction);
+}
+.presetWrapper__J1yzj {
+  display: contents;
+}
+.animatedIcon__3o5ii {
+  --size: 16px;
+  --fill: #000000;
+  --rotation: 0deg;
+}
+.animatedIcon__3o5ii {
+  display: block;
+  width: inherit;
+  height: inherit;
+  width: var(--size);
+  height: var(--size);
+}
+.animatedIcon__3o5ii svg {
+  width: var(--size);
+  height: var(--size);
+  display: block;
+  fill: var(--fill);
+  transform: rotate(var(--rotation));
+}

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

@@ -0,0 +1,4 @@
+export { useIconAnimation } from './useIconAnimation';
+export { useHoverState } from './useHoverState';
+export { useButtonEventHandlers } from './useButtonEventHandlers';
+export { useButtonA11y } from './useButtonA11y';

package/dist/site/components/Button/hooks/useButtonA11y.d.ts

@@ -0,0 +1,71 @@
+import { A11y } from '@wix/editor-react-types';
+import { AriaProps } from '../../../../types/vendored/editor-elements-types-a11y';
+type UseButtonA11yParams = {
+    propsA11y?: A11y;
+    ariaAttributes?: AriaProps;
+    label: string;
+};
+export declare function useButtonA11y({ propsA11y, ariaAttributes, label, }: UseButtonA11yParams): {
+    tabIndex: 0 | -1 | undefined;
+    screenReader: {
+        prefix?: string | null | undefined;
+        suffix?: string | null | undefined;
+        hasHint?: boolean | undefined;
+    } | undefined;
+    lang: string | undefined;
+    role: import('../../../../types/vendored/editor-elements-types-a11y').A11yRoles | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "dialog" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "polite" | "assertive" | "off" | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "additions" | "additions text" | "all" | "removals" | "text" | "additions removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+};
+export {};

package/dist/site/components/Button/hooks/useButtonEventHandlers.d.ts

@@ -0,0 +1,27 @@
+import { default as React, MouseEventHandler } from 'react';
+import { ButtonLinkProps } from '../Button.types';
+type UseButtonEventHandlersParams = {
+    isDisabled: boolean;
+    link?: ButtonLinkProps;
+    propsOnClick?: () => void;
+    preventLinkNavigation?: boolean;
+    reportBiOnClick?: React.MouseEventHandler;
+    onMouseEnter: MouseEventHandler;
+    onMouseLeave: MouseEventHandler;
+    onDblClick?: React.MouseEventHandler;
+    onFocus?: (event: React.FocusEvent) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+};
+export declare function useButtonEventHandlers({ isDisabled, link, propsOnClick, preventLinkNavigation, reportBiOnClick, onMouseEnter, onMouseLeave, onDblClick, onFocus, onBlur, }: UseButtonEventHandlersParams): {
+    isLink: boolean;
+    eventHandlers: {
+        onClick: React.MouseEventHandler;
+        onMouseEnter: React.MouseEventHandler;
+        onMouseLeave: React.MouseEventHandler;
+        onKeyDown: React.KeyboardEventHandler<HTMLElement>;
+        onDoubleClick: React.MouseEventHandler<Element> | undefined;
+        onFocus: ((event: React.FocusEvent<Element, Element>) => void) | undefined;
+        onBlur: ((event: React.FocusEvent<Element, Element>) => void) | undefined;
+    };
+};
+export {};

package/dist/site/components/Button/hooks/useHoverState.d.ts

@@ -0,0 +1,7 @@
+import { MouseEventHandler } from 'react';
+import { IconAnimationTriggers } from '../Button.types';
+export declare function useHoverState(iconAnimationTriggers: Array<IconAnimationTriggers>, onAnimationForward: () => void, onAnimationBackward: () => void, propsOnMouseEnter?: MouseEventHandler, propsOnMouseLeave?: MouseEventHandler): {
+    active: boolean;
+    onMouseEnter: MouseEventHandler;
+    onMouseLeave: MouseEventHandler;
+};

package/dist/site/components/Button/hooks/useIconAnimation.d.ts

@@ -0,0 +1,6 @@
+import { AnimatedSvgRef } from '../Button.types';
+export declare function useIconAnimation(isDisabled: boolean): {
+    iconAnimatedRef: import('react').RefObject<AnimatedSvgRef>;
+    onAnimationForward: () => void;
+    onAnimationBackward: () => void;
+};

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

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as Button } from './component';

package/dist/site/components/Button/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import Button from './component.js';
+
+export { Button };
+export default Button;

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

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;