reshaped 2.7.5-beta.0 → 2.8.1

package/components/FormControl/FormControl.context.d.ts

@@ -1,281 +0,0 @@
-import React from "react";
-import type * as T from "./FormControl.types";
-export declare const Provider: React.Provider<T.Context>;
-export declare const useFormControlPrivate: () => T.Context;
-export declare const useFormControl: () => {
-    attributes: {
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        placeholder?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: React.AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "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 | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | 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;
-        children?: React.ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerEnterCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    } & {
-        id: string;
-    };
-    required: boolean | undefined;
-    hasError: boolean | undefined;
-    disabled: boolean | undefined;
-};

package/components/FormControl/FormControl.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type * as T from "./FormControl.types";
-declare const FormControl: {
-    (props: T.Props): React.JSX.Element;
-    Label: (props: T.LabelProps) => React.JSX.Element;
-    Helper: (props: T.CaptionProps) => React.JSX.Element;
-    Error: (props: T.CaptionProps) => React.JSX.Element | null;
-};
-export default FormControl;

package/components/FormControl/FormControl.js

@@ -1,68 +0,0 @@
-"use client";
-import React from "react";
-import useElementId from "../../hooks/useElementId.js";
-import Text from "../Text/index.js";
-import { Provider, useFormControlPrivate } from "./FormControl.context.js";
-import s from "./FormControl.module.css";
-const getCaptionId = (id, variant) => `${id}-${variant || "caption"}`;
-const FormControl = (props) => {
-    const { children, id: passedId, required, hasError, group, disabled, size } = props;
-    const id = useElementId(passedId);
-    const WrapperTagName = group ? "fieldset" : "div";
-    const [helperRendered, setHelperRendered] = React.useState(false);
-    const [errorRendered, setErrorRendered] = React.useState(false);
-    const describedby = [
-        helperRendered && getCaptionId(id),
-        errorRendered && getCaptionId(id, "error"),
-    ]
-        .filter(Boolean)
-        .join(" ");
-    const attributes = { id, "aria-describedby": describedby };
-    const errorRef = () => {
-        setErrorRendered(true);
-    };
-    const helperRef = () => {
-        setHelperRendered(true);
-    };
-    return (React.createElement(WrapperTagName, null,
-        React.createElement(Provider, { value: { required, hasError, errorRef, helperRef, attributes, group, disabled, size } }, children)));
-};
-const FormControlLabel = (props) => {
-    const { children } = props;
-    const { attributes, required, group, disabled, size } = useFormControlPrivate();
-    const id = `${attributes.id}-label`;
-    const tagProps = group
-        ? { as: "legend", attributes: { id } }
-        : {
-            as: "label",
-            attributes: { id, htmlFor: attributes.id },
-        };
-    return (React.createElement(Text, Object.assign({}, tagProps, { variant: size === "large" ? "body-2" : "body-3", weight: "medium", className: s.label, color: disabled ? "disabled" : undefined }),
-        children,
-        required && (React.createElement(Text, { color: disabled ? "disabled" : "critical", as: "span" }, "*"))));
-};
-/* Private component */
-const FormControlCaption = (props) => {
-    const { children, variant, disabled } = props;
-    const { attributes, size, helperRef, errorRef } = useFormControlPrivate();
-    const id = getCaptionId(attributes.id, variant);
-    const color = variant === "error" ? "critical" : "neutral-faded";
-    const ref = variant === "error" ? errorRef : helperRef;
-    return (React.createElement(Text, { as: "span", variant: size === "large" ? "body-3" : "caption-1", color: disabled && !variant ? "disabled" : color, attributes: { id, role: color ? "alert" : undefined, ref }, className: s.caption }, children));
-};
-const FormControlHelper = (props) => {
-    const { children } = props;
-    const { disabled } = useFormControlPrivate();
-    return React.createElement(FormControlCaption, { disabled: disabled }, children);
-};
-const FormControlError = (props) => {
-    const { children } = props;
-    const { hasError } = useFormControlPrivate();
-    if (!hasError)
-        return null;
-    return React.createElement(FormControlCaption, { variant: "error" }, children);
-};
-FormControl.Label = FormControlLabel;
-FormControl.Helper = FormControlHelper;
-FormControl.Error = FormControlError;
-export default FormControl;

package/components/FormControl/FormControl.types.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-export type Props = {
-    children: React.ReactNode;
-    size?: "medium" | "large";
-    hasError?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    group?: boolean;
-    id?: string;
-};
-export type LabelProps = {
-    children: React.ReactNode;
-};
-export type CaptionProps = {
-    children: React.ReactNode;
-};
-export type PrivateCaptionProps = CaptionProps & {
-    variant?: "error";
-    disabled?: boolean;
-};
-type Attributes = {
-    [K in keyof React.HTMLAttributes<HTMLElement>]?: React.HTMLAttributes<HTMLElement>[K];
-};
-export type Context = {
-    required?: boolean;
-    group?: boolean;
-    attributes: Attributes & {
-        id: string;
-    };
-    helperRef: () => void;
-    errorRef: () => void;
-} & Pick<Props, "hasError" | "disabled" | "size">;
-export {};

package/components/Hidden/Hidden.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Hidden.types";
-declare const Hidden: (props: T.Props) => React.JSX.Element;
-export default Hidden;

package/components/Hidden/Hidden.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { classNames, responsiveClassNames } from "../../utilities/helpers.js";
-import s from "./Hidden.module.css";
-const Hidden = (props) => {
-    const { as: TagName = "div", children, visibility, hide, displayStyle } = props;
-    const rootClassNames = classNames(s.root, ...responsiveClassNames(s, "--hidden", hide), visibility && s["--visibility"], displayStyle && s[`--display-${displayStyle}`]);
-    if (typeof children === "function")
-        return React.createElement(React.Fragment, null, children(rootClassNames));
-    return React.createElement(TagName, { className: rootClassNames }, children);
-};
-export default Hidden;

package/components/Hidden/Hidden.types.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type * as G from "../../types/global";
-export type Props = {
-    hide?: G.Responsive<boolean>;
-    visibility?: boolean;
-    as?: keyof JSX.IntrinsicElements;
-    displayStyle?: "inline" | "flex";
-    children: ((className: string) => React.ReactNode) | React.ReactNode;
-};

package/components/HiddenVisually/HiddenVisually.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./HiddenVisually.types";
-declare const HiddenVisually: (props: T.Props) => React.JSX.Element;
-export default HiddenVisually;

package/components/HiddenVisually/HiddenVisually.js

@@ -1,7 +0,0 @@
-import React from "react";
-import s from "./HiddenVisually.module.css";
-const HiddenVisually = (props) => {
-    const { children } = props;
-    return React.createElement("div", { className: s.root }, children);
-};
-export default HiddenVisually;

package/components/HiddenVisually/HiddenVisually.module.css

@@ -1 +0,0 @@
-.root{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}

package/components/HiddenVisually/HiddenVisually.types.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export type Props = {
-    children?: React.ReactNode;
-};

package/components/Hotkey/Hotkey.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Hotkey.types";
-declare const Hotkey: (props: T.Props) => React.JSX.Element;
-export default Hotkey;

package/components/Hotkey/Hotkey.js

@@ -1,10 +0,0 @@
-import React from "react";
-import Text from "../Text/index.js";
-import { classNames } from "../../utilities/helpers.js";
-import s from "./Hotkey.module.css";
-const Hotkey = (props) => {
-    const { children, active, className, attributes } = props;
-    const rootClassNames = classNames(s.root, active && s["--active"], className);
-    return (React.createElement(Text, { as: "kbd", variant: "caption-1", weight: "medium", color: "neutral-faded", className: rootClassNames, attributes: attributes }, children));
-};
-export default Hotkey;

package/components/Hotkey/Hotkey.types.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type * as G from "../../types/global";
-export type Props = {
-    children: React.ReactNode;
-    active?: boolean;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"span", Props>;
-};

package/components/Icon/Icon.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Icon.types";
-declare const Icon: (props: T.Props) => React.JSX.Element;
-export default Icon;

package/components/Icon/Icon.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import getHeightStyles from "../../styles/height/index.js";
-import s from "./Icon.module.css";
-const Icon = (props) => {
-    const { svg: Component, className, color, size = "1em", autoWidth, attributes } = props;
-    const heightStyles = getHeightStyles(size);
-    const rootClassName = classNames(s.root, className, heightStyles === null || heightStyles === void 0 ? void 0 : heightStyles.classNames, color && s[`--color-${color}`], autoWidth && s["--auto"]);
-    const icon = React.isValidElement(Component) ? (Component) : (
-    // @ts-ignore
-    React.createElement(Component, null));
-    const style = Object.assign(Object.assign({}, attributes === null || attributes === void 0 ? void 0 : attributes.style), heightStyles === null || heightStyles === void 0 ? void 0 : heightStyles.variables);
-    return (
-    // All icons are decorative, a11y attributes should be set for buttons wrapping them
-    React.createElement("span", Object.assign({}, attributes, { "aria-hidden": "true", className: rootClassName, style: style }), React.cloneElement(icon, { focusable: false })));
-};
-export default Icon;

package/components/Icon/Icon.types.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type * as G from "../../types/global";
-export type Props = {
-    svg: React.ReactElement | React.ComponentType;
-    size?: G.Responsive<number | string>;
-    color?: "neutral" | "neutral-faded" | "positive" | "critical" | "warning" | "primary" | "disabled";
-    autoWidth?: boolean;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"span", Props>;
-};

package/components/Image/Image.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import * as T from "./Image.types";
-declare const Image: (props: T.Props) => React.JSX.Element;
-export default Image;

package/components/Image/Image.js

@@ -1,37 +0,0 @@
-"use client";
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import s from "./Image.module.css";
-import getRadiusStyles from "../../styles/radius/index.js";
-import getWidthStyles from "../../styles/width/index.js";
-import getHeightStyles from "../../styles/height/index.js";
-const Image = (props) => {
-    const { src, alt, width, height, onLoad, onError, fallback, displayMode = "cover", borderRadius, className, attributes, imageAttributes, } = props;
-    const [status, setStatus] = React.useState("loading");
-    const radiusStyles = getRadiusStyles(borderRadius);
-    const widthStyles = getWidthStyles(width);
-    const heightStyles = getHeightStyles(height);
-    const baseClassNames = classNames(s.root, radiusStyles === null || radiusStyles === void 0 ? void 0 : radiusStyles.classNames, widthStyles === null || widthStyles === void 0 ? void 0 : widthStyles.classNames, heightStyles === null || heightStyles === void 0 ? void 0 : heightStyles.classNames, displayMode && s[`--display-mode-${displayMode}`], className);
-    const imgClassNames = classNames(s.image, baseClassNames);
-    const fallbackClassNames = classNames(s.fallback, baseClassNames);
-    const style = Object.assign(Object.assign({}, widthStyles === null || widthStyles === void 0 ? void 0 : widthStyles.variables), heightStyles === null || heightStyles === void 0 ? void 0 : heightStyles.variables);
-    const handleLoad = (e) => {
-        setStatus("success");
-        onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
-    };
-    const handleError = (e) => {
-        setStatus("error");
-        onError === null || onError === void 0 ? void 0 : onError(e);
-    };
-    React.useEffect(() => {
-        setStatus("loading");
-    }, [src]);
-    if ((status === "error" || !src) && !!fallback) {
-        if (typeof fallback === "string") {
-            return (React.createElement("img", Object.assign({}, attributes, { src: fallback, alt: alt, role: alt ? undefined : "presentation", className: fallbackClassNames, style: style })));
-        }
-        return (React.createElement("div", Object.assign({}, attributes, { className: fallbackClassNames, style: style }), fallback));
-    }
-    return (React.createElement("img", Object.assign({}, attributes, imageAttributes, { src: src, alt: alt, role: alt ? undefined : "presentation", onLoad: handleLoad, onError: handleError, className: imgClassNames, style: style })));
-};
-export default Image;

package/components/Image/Image.types.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import type * as G from "../../types/global";
-import type * as TStyles from "../../styles/types";
-export type Props = {
-    src?: string;
-    alt?: string;
-    width?: G.Responsive<string | number>;
-    height?: G.Responsive<string | number>;
-    onLoad?: (e: React.SyntheticEvent) => void;
-    onError?: (e: React.SyntheticEvent) => void;
-    fallback?: string | React.ReactNode | boolean;
-    displayMode?: "cover" | "contain";
-    borderRadius?: Extract<TStyles.Radius, "small" | "medium" | "large">;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"div", Props & {
-        ref: any;
-    }>;
-    imageAttributes?: G.Attributes<"img", Props>;
-};

package/components/Link/Link.js

@@ -1,13 +0,0 @@
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import Actionable from "../Actionable/index.js";
-import Icon from "../Icon/index.js";
-import s from "./Link.module.css";
-const Link = (props, ref) => {
-    const { icon, disabled, href, color = "primary", variant = "underline", className, children, attributes, type, onClick, } = props;
-    const rootClassNames = classNames(s.root, className, disabled && s["--disabled"], variant && s[`--variant-${variant}`], color && s[`--color-${color}`], icon && s["--with-icon"]);
-    return (React.createElement(Actionable, { href: href, disabled: disabled, className: rootClassNames, attributes: attributes, type: type, onClick: onClick, ref: ref },
-        icon && React.createElement(Icon, { svg: icon }),
-        children));
-};
-export default React.forwardRef(Link);

package/components/Loader/Loader.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Loader.types";
-declare const Loader: (props: T.Props) => React.JSX.Element;
-export default Loader;

package/components/Loader/Loader.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { classNames, responsiveClassNames } from "../../utilities/helpers.js";
-import s from "./Loader.module.css";
-const Loader = (props) => {
-    const { size = "small", color = "primary", className, attributes } = props;
-    const ariaLabel = attributes === null || attributes === void 0 ? void 0 : attributes["aria-label"];
-    const rootClassNames = classNames(s.root, className, responsiveClassNames(s, "--size", size), color && s[`--color-${color}`]);
-    return (React.createElement("span", Object.assign({}, attributes, { role: "progressbar", "aria-live": ariaLabel ? "assertive" : undefined, "aria-label": ariaLabel, className: rootClassNames }),
-        React.createElement("span", { className: s.inner })));
-};
-export default Loader;

package/components/MenuItem/MenuItem.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { classNames, responsiveClassNames, responsivePropDependency } from "../../utilities/helpers.js";
-import Actionable from "../Actionable/index.js";
-import Icon from "../Icon/index.js";
-import View from "../View/index.js";
-import MenuItemAligner from "./MenuItemAligner.js";
-import s from "./MenuItem.module.css";
-const MenuItemBase = (props, ref) => {
-    const { icon, startSlot, endSlot, children, color = "primary", selected, disabled, onClick, href, size = "medium", roundedCorners, className, attributes, } = props;
-    const rootClassNames = classNames(s.root, className, responsiveClassNames(s, "--size", size), responsiveClassNames(s, "--rounded-corners", roundedCorners), color && s[`--color-${color}`], selected && s["--selected"], disabled && s["--disabled"]);
-    const gapSize = responsivePropDependency(size, (size) => (size === "large" ? 3 : 2));
-    const iconSize = responsivePropDependency(size, (size) => (size === "large" ? 5 : 4));
-    return (React.createElement(Actionable, { disabled: disabled, className: rootClassNames, attributes: Object.assign(Object.assign({}, attributes), { "data-rs-aligner-target": true }), onClick: onClick, href: href, ref: ref },
-        React.createElement(View, { direction: "row", gap: gapSize, align: "center" },
-            icon && React.createElement(Icon, { svg: icon, className: s.icon, size: iconSize }),
-            !icon && startSlot,
-            children && (React.createElement(View.Item, { grow: true, className: s.content }, children)),
-            endSlot)));
-};
-const MenuItem = React.forwardRef(MenuItemBase);
-MenuItem.Aligner = MenuItemAligner;
-export default MenuItem;