reshaped 2.11.12 → 3.0.0

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

@@ -1,278 +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;
-        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;
-        onPointerLeave?: 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,11 +0,0 @@
-import type * as T from "./FormControl.types";
-/**
- * Keeping the compound component composition inside a server component to make sure
- * frameworks like Next.js won't require use client to be added on the product side
- */
-declare const FormControl: import("react").ComponentType<T.Props> & {
-    Label: React.ComponentType<T.LabelProps>;
-    Helper: React.ComponentType<T.CaptionProps>;
-    Error: React.ComponentType<T.CaptionProps>;
-};
-export default FormControl;

package/components/FormControl/FormControlLabel.js

@@ -1,18 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormControlPrivate } from "./FormControl.context.js";
-import Text from "../Text/index.js";
-import s from "./FormControl.module.css";
-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 (_jsxs(Text, Object.assign({}, tagProps, { variant: size === "large" ? "body-2" : "body-3", weight: "medium", className: s.label, color: disabled ? "disabled" : undefined, children: [children, required && (_jsx(Text, { color: disabled ? "disabled" : "critical", as: "span", children: "*" }))] })));
-};
-export default FormControlLabel;

package/components/FormControl/tests/FormControl.stories.d.ts

@@ -1,19 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").ComponentType<import("./..").FormControlProps> & {
-        Label: import("react").ComponentType<import("../FormControl.types").LabelProps>;
-        Helper: import("react").ComponentType<import("../FormControl.types").CaptionProps>;
-        Error: import("react").ComponentType<import("../FormControl.types").CaptionProps>;
-    };
-    parameters: {
-        iframe: {
-            url: string;
-        };
-    };
-};
-export default _default;
-export declare const status: () => import("react").JSX.Element;
-export declare const size: () => import("react").JSX.Element;
-export declare const disabled: () => import("react").JSX.Element;
-export declare const required: () => import("react").JSX.Element;
-export declare const group: () => import("react").JSX.Element;

package/components/Hidden/Hidden.js

@@ -1,11 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-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 _jsx(_Fragment, { children: children(rootClassNames) });
-    return _jsx(TagName, { className: rootClassNames, children: children });
-};
-export default Hidden;

package/components/Hidden/Hidden.module.css

@@ -1 +0,0 @@
-.root{--rs-hidden-display:block;display:var(--rs-hidden-display)!important}.--display-inline{--rs-hidden-display:inline}.--display-flex{--rs-hidden-display:flex}.--hidden{display:none!important}.--hidden.--visibility{display:var(--rs-hidden-display)!important;visibility:hidden}@media (--rs-viewport-m ){.--hidden-true--m{display:none!important}.--hidden-true--m.--visibility{visibility:hidden}.--hidden-false--m,.--hidden-true--m.--visibility{display:var(--rs-hidden-display)!important}.--hidden-false--m.--visibility{visibility:visible}}@media (--rs-viewport-l ){.--hidden-true--l{display:none!important}.--hidden-true--l.--visibility{visibility:hidden}.--hidden-false--l,.--hidden-true--l.--visibility{display:var(--rs-hidden-display)!important}.--hidden-false--l.--visibility{visibility:visible}}@media (--rs-viewport-xl ){.--hidden-true--xl{display:none!important}.--hidden-true--xl.--visibility{visibility:hidden}.--hidden-false--xl,.--hidden-true--xl.--visibility{display:var(--rs-hidden-display)!important}.--hidden-false--xl.--visibility{visibility:visible}}

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

@@ -1,9 +0,0 @@
-import type 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/Hidden/tests/Hidden.stories.d.ts

@@ -1,12 +0,0 @@
-declare const _default: {
-    title: string;
-    component: (props: import("./..").HiddenProps) => import("react").JSX.Element;
-    parameters: {
-        iframe: {
-            url: string;
-        };
-    };
-};
-export default _default;
-export declare const visibility: () => import("react").JSX.Element;
-export declare const inline: () => import("react").JSX.Element;

package/components/Hidden/tests/Hidden.stories.js

@@ -1,46 +0,0 @@
-import { Example } from "../../../utilities/storybook/index.js";
-import Hidden from "../index.js";
-export default {
-    title: "Utilities/Hidden",
-    component: Hidden,
-    parameters: {
-        iframe: {
-            url: "https://reshaped.so/docs/utilities/hidden",
-        },
-    },
-};
-export const visibility = () => (<Example>
-		<Example.Item title="hide: always">
-			<Hidden hide={true}>Content</Hidden>
-		</Example.Item>
-		<Example.Item title="shown on s">
-			<Hidden hide={{ s: false, m: true }}>Content</Hidden>
-		</Example.Item>
-		<Example.Item title="shown on l/xl">
-			<Hidden hide={{ s: true, l: false }}>Content</Hidden>
-		</Example.Item>
-		<Example.Item title="shown on m/l/xl">
-			<Hidden hide={{ s: true, m: false }}>Content</Hidden>
-		</Example.Item>
-		<Example.Item title="shown on m">
-			<Hidden hide={{ s: true, m: false, l: true }}>Content</Hidden>
-		</Example.Item>
-		<Example.Item title="shown on s/xl">
-			<Hidden hide={{ s: false, m: true, xl: false }}>Content</Hidden>
-		</Example.Item>
-	</Example>);
-export const inline = () => (<Example>
-		<Example.Item title="inline, shown on s">
-			<div>
-				Hello&nbsp;
-				<Hidden hide={{ s: false, m: true }} displayStyle="inline">
-					world
-				</Hidden>
-			</div>
-		</Example.Item>
-		<Example.Item title="flex, shown on s">
-			<Hidden hide={{ s: false, m: true }} displayStyle="flex">
-				world
-			</Hidden>
-		</Example.Item>
-	</Example>);

package/components/Hotkey/Hotkey.module.css

@@ -1 +0,0 @@
-.root{background:var(--rs-color-background-neutral-faded);border:1px solid var(--rs-color-background-neutral-faded);border-radius:var(--rs-unit-radius-small);color:var(--rs-color-foreground-neutral);display:inline-flex;justify-content:center;min-width:calc(var(--rs-line-height-caption-1) + var(--rs-unit-x1) * 2);padding:calc(var(--rs-unit-x1) - 1px) calc(var(--rs-unit-x2) - 1px);transition:var(--rs-easing-standard) var(--rs-duration-fast);transition-property:color,background-color,border-color;vertical-align:top}.--active{background:var(--rs-color-background-neutral);border-color:var(--rs-color-background-neutral);color:var(--rs-color-on-background-neutral)}

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

@@ -1,8 +0,0 @@
-import type 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/Hotkey/tests/Hotkey.stories.js

@@ -1,33 +0,0 @@
-import { Example } from "../../../utilities/storybook/index.js";
-import useHotkeys from "../../../hooks/useHotkeys.js";
-import View from "../../View/index.js";
-import TextField from "../../TextField/index.js";
-import Hotkey from "../Hotkey.js";
-export default {
-    title: "Components/Hotkey",
-    component: Hotkey,
-    parameters: {
-        iframe: {
-            url: "https://reshaped.so/docs/components/hotkey",
-        },
-    },
-};
-const Demo = () => {
-    const { checkHotkeyState } = useHotkeys({
-        "Meta+k": () => { },
-    });
-    return <Hotkey active={checkHotkeyState("k")}>⌘K</Hotkey>;
-};
-export const base = () => (<Example>
-		<Example.Item title="Base">
-			<Demo />
-		</Example.Item>
-		<Example.Item title="Active">
-			<Hotkey active>⌘K</Hotkey>
-		</Example.Item>
-		<Example.Item title="Inside input slot">
-			<View width="300px">
-				<TextField name="hey" endSlot={<Demo />} inputAttributes={{ "aria-label": "hotkey test" }}/>
-			</View>
-		</Example.Item>
-	</Example>);

package/components/Icon/Icon.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-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
-    _jsx(Component, {}));
-    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
-    _jsx("span", Object.assign({}, attributes, { "aria-hidden": "true", className: rootClassName, style: style, children: React.cloneElement(icon, { focusable: false }) })));
-};
-export default Icon;

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

@@ -1,10 +0,0 @@
-import type 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.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-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 (_jsx("img", Object.assign({}, attributes, { src: fallback, alt: alt, role: alt ? undefined : "presentation", className: fallbackClassNames, style: style })));
-        }
-        return (_jsx("div", Object.assign({}, attributes, { className: fallbackClassNames, style: style, children: fallback })));
-    }
-    return (_jsx("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 type 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.d.ts

@@ -1,6 +0,0 @@
-declare const Link: import("react").ForwardRefExoticComponent<Pick<import("../Actionable").ActionableProps, "className" | "disabled" | "attributes" | "children" | "onClick" | "type" | "href"> & {
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ComponentType<{}> | undefined;
-    color?: "inherit" | "positive" | "critical" | "primary" | undefined;
-    variant?: "underline" | "plain" | undefined;
-} & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export default Link;

package/components/Link/Link.module.css

@@ -1 +0,0 @@
-.root{display:inline;text-underline-offset:calc(var(--rs-unit-x1) / 2)}.root.--color-primary{color:var(--rs-color-foreground-primary)}.root.--color-critical{color:var(--rs-color-foreground-critical)}.root.--color-positive{color:var(--rs-color-foreground-positive)}.root.--color-inherit{color:inherit}.root.--variant-plain{opacity:1;transition:opacity var(--rs-duration-fast) var(--rs-easing-standard)}.root.--variant-plain:hover:not(.--disabled){opacity:.6}.root.--variant-underline{text-decoration:underline;text-decoration-color:currentcolor;transition:text-decoration-color var(--rs-duration-fast) var(--rs-easing-standard)}.root.--variant-underline:hover:not(.--disabled){text-decoration-color:transparent}.root.--disabled{color:var(--rs-color-foreground-disabled);opacity:1;text-decoration:none}.root.--with-icon{align-items:center;display:inline-flex;gap:calc(1em / 3.5)}

package/components/Link/Link.types.d.ts

@@ -1,7 +0,0 @@
-import type { ActionableProps } from "../Actionable";
-import type { IconProps } from "../Icon";
-export type Props = Pick<ActionableProps, "attributes" | "className" | "disabled" | "children" | "href" | "onClick" | "type"> & {
-    icon?: IconProps["svg"];
-    color?: "inherit" | "critical" | "primary" | "positive";
-    variant?: "plain" | "underline";
-};

package/components/Link/tests/Link.stories.d.ts

@@ -1,19 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("../../Actionable").ActionableProps, "children" | "className" | "attributes" | "onClick" | "disabled" | "type" | "href"> & {
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ComponentType<{}> | undefined;
-        color?: "inherit" | "critical" | "positive" | "primary" | undefined;
-        variant?: "underline" | "plain" | undefined;
-    } & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-    parameters: {
-        iframe: {
-            url: string;
-        };
-    };
-};
-export default _default;
-export declare const variant: () => import("react").JSX.Element;
-export declare const color: () => import("react").JSX.Element;
-export declare const disabled: () => import("react").JSX.Element;
-export declare const withIcon: () => import("react").JSX.Element;
-export declare const testMultilineInText: () => import("react").JSX.Element;