@saleor/macaw-ui 0.7.2 → 0.8.0-dev.104

package/dist/components/DropdownButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./DropdownButton";

package/dist/components/ExperimentalFilters/EventEmitter.d.ts

@@ -0,0 +1,96 @@
+import { Option } from "..";
+export declare type RightOperatorOption = Option & {
+    slug: string;
+};
+export declare type LeftOperatorOption = Option & {
+    type: string;
+};
+export declare type ConditionOption<T extends string> = Option & {
+    type: T;
+};
+export declare type RowAddData = {
+    type: "row.add";
+    rowType: string;
+};
+export declare type RowRemoveData = {
+    type: "row.remove";
+    path: `${number}`;
+};
+export declare type LeftOperatorChangeData = {
+    type: "leftOperator.onChange";
+    path: `${number}`;
+    value: LeftOperatorOption;
+    rowType: string;
+};
+export declare type LeftOperatorFocusData = {
+    type: "leftOperator.onFocus";
+    path: `${number}`;
+};
+export declare type LeftOperatorBlurData = {
+    type: "leftOperator.onBlur";
+    path: `${number}`;
+};
+export declare type LeftOperatorInputValueChangeData = {
+    type: "leftOperator.onInputValueChange";
+    path: `${number}`;
+    value: string;
+};
+export declare type ConditionChangeData = {
+    type: "condition.onChange";
+    path: `${number}.condition.selected`;
+    value: ConditionOption<"text" | "number" | "multiselect" | "combobox" | "select" | "number.range" | "date">;
+};
+export declare type ConditionFocusData = {
+    type: "condition.onFocus";
+    path: `${number}.condition.selected`;
+};
+export declare type ConditionBlurData = {
+    type: "condition.onBlur";
+    path: `${number}.condition.selected`;
+};
+export declare type RightOperatorChangeData = {
+    type: "rightOperator.onChange";
+    path: `${number}.condition.selected.value`;
+    value: string | RightOperatorOption[] | RightOperatorOption;
+};
+export declare type RightOperatorFocusData = {
+    type: "rightOperator.onFocus";
+    path: `${number}.condition.selected.value`;
+};
+export declare type RightOperatorBlurData = {
+    type: "rightOperator.onBlur";
+    path: `${number}.condition.selected.value`;
+};
+export declare type RightOperatorInputValueChangeData = {
+    type: "rightOperator.onInputValueChange";
+    path: `${number}.condition.selected.value`;
+    value: string;
+};
+export declare type RightOperatorStartChangeData = {
+    type: "rightOperatorStart.onChange";
+    path: `${number}.condition.selected.value.start`;
+    value: string;
+};
+export declare type RightOperatorEndChangeData = {
+    type: "rightOperatorEnd.onChange";
+    path: `${number}.condition.selected.value.end`;
+    value: string;
+};
+export declare class FilterEventEmitter extends EventTarget {
+    type: string;
+    addRow(): void;
+    removeRow(index: number): void;
+    changeLeftOperator(index: number, value: LeftOperatorOption, rowType: string): void;
+    focusLeftOperator(index: number): void;
+    blurLeftOperator(index: number): void;
+    inputChangeLeftOperator(index: number, value: string): void;
+    changeCondition(index: number, value: ConditionChangeData["value"]): void;
+    focusCondition(index: number): void;
+    blurCondition(index: number): void;
+    changeRightOperator(index: number, value: string | RightOperatorOption[] | RightOperatorOption): void;
+    focusRightOperator(index: number): void;
+    blurRightOperator(index: number): void;
+    inputChangeRightOperator(index: number, value: string): void;
+    changeRightOperatorStart(index: number, value: string): void;
+    changeRightOperatorEnd(index: number, value: string): void;
+}

package/dist/components/ExperimentalFilters/Footer.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export declare const Footer: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const AddRowButton: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const ConfirmButton: ({ children, onClick, }: {
+    children: ReactNode;
+    onClick: () => void;
+}) => JSX.Element;

package/dist/components/ExperimentalFilters/RightOperator.d.ts

@@ -0,0 +1,41 @@
+import { ConditionOption, FilterEventEmitter, RightOperatorOption } from "./EventEmitter";
+declare type RightOperatorProps = {
+    index: number;
+    selected: SelectedOperator;
+    emitter: FilterEventEmitter;
+};
+export declare type SelectedOperator = InputOperator | MultiselectOperator | ComboboxOperator | SelectOperator | NumberRangeOperator | DateOperator;
+declare type InputOperator = {
+    value: string;
+    conditionValue: ConditionOption<"text" | "number"> | null;
+};
+declare type MultiselectOperator = {
+    value: RightOperatorOption[];
+    conditionValue: ConditionOption<"multiselect"> | null;
+    options: Array<RightOperatorOption>;
+    loading?: boolean;
+};
+declare type ComboboxOperator = {
+    value: RightOperatorOption;
+    conditionValue: ConditionOption<"combobox"> | null;
+    options: Array<RightOperatorOption>;
+    loading?: boolean;
+};
+declare type SelectOperator = {
+    value: RightOperatorOption;
+    conditionValue: ConditionOption<"select"> | null;
+    options: Array<RightOperatorOption>;
+};
+declare type NumberRangeOperator = {
+    value: {
+        start: string;
+        end: string;
+    };
+    conditionValue: ConditionOption<"number.range"> | null;
+};
+declare type DateOperator = {
+    value: string;
+    conditionValue: ConditionOption<"date"> | null;
+};
+export declare const RightOperator: ({ index, selected, emitter, }: RightOperatorProps) => JSX.Element | null;
+export {};

package/dist/components/ExperimentalFilters/Root.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { FilterEvent } from "./useEvents";
+import { Row } from "./Row";
+import { LeftOperatorOption } from "./EventEmitter";
+export declare type ExperimentalFiltersProps = {
+    value: Array<Row | string>;
+    leftOptions: LeftOperatorOption[];
+    children?: ReactNode;
+    onChange: (event: FilterEvent["detail"]) => void;
+};
+export declare const Root: ({ value, onChange, leftOptions, children, }: ExperimentalFiltersProps) => JSX.Element;

package/dist/components/ExperimentalFilters/Row.d.ts

@@ -0,0 +1,24 @@
+import { ConditionOption, FilterEventEmitter } from "./EventEmitter";
+import { ExperimentalFiltersProps } from "./Root";
+import { SelectedOperator } from "./RightOperator";
+declare type RowProps = {
+    item: Row;
+    index: number;
+    leftOptions: ExperimentalFiltersProps["leftOptions"];
+    emitter: FilterEventEmitter;
+};
+export declare type Row = {
+    value: {
+        label: string;
+        value: string;
+        type: string;
+    } | null;
+    loading?: boolean;
+    condition: {
+        loading?: boolean;
+        options: Array<ConditionOption<"text" | "number" | "multiselect" | "combobox" | "select" | "number.range" | "date">>;
+        selected: SelectedOperator;
+    };
+};
+export declare const Row: ({ item, index, leftOptions, emitter }: RowProps) => JSX.Element;
+export {};

package/dist/components/ExperimentalFilters/context.d.ts

@@ -0,0 +1,7 @@
+import { FilterEventEmitter } from "./EventEmitter";
+interface Context {
+    emitter: FilterEventEmitter;
+}
+export declare const FilterContext: import("react").Context<Context | undefined>;
+export declare const useFilterContext: () => Context;
+export {};

package/dist/components/ExperimentalFilters/index.d.ts

@@ -0,0 +1,17 @@
+export type { FilterEvent } from "./useEvents";
+export type { ExperimentalFiltersProps } from "./Root";
+export type { SelectedOperator } from "./RightOperator";
+export type { Row } from "./Row";
+export type { RightOperatorOption, LeftOperatorOption, ConditionOption, } from "./EventEmitter";
+export declare const _ExperimentalFilters: (({ value, onChange, leftOptions, children, }: import("./Root").ExperimentalFiltersProps) => JSX.Element) & {
+    AddRowButton: ({ children }: {
+        children: import("react").ReactNode;
+    }) => JSX.Element;
+    ConfirmButton: ({ children, onClick, }: {
+        children: import("react").ReactNode;
+        onClick: () => void;
+    }) => JSX.Element;
+    Footer: ({ children }: {
+        children: import("react").ReactNode;
+    }) => JSX.Element;
+};

package/dist/components/ExperimentalFilters/useEvents.d.ts

@@ -0,0 +1,11 @@
+import { ConditionBlurData, ConditionChangeData, ConditionFocusData, FilterEventEmitter, LeftOperatorBlurData, LeftOperatorChangeData, LeftOperatorFocusData, LeftOperatorInputValueChangeData, RightOperatorBlurData, RightOperatorChangeData, RightOperatorEndChangeData, RightOperatorFocusData, RightOperatorInputValueChangeData, RightOperatorStartChangeData, RowAddData, RowRemoveData } from "./EventEmitter";
+export interface FilterEvent extends Event {
+    detail?: RowAddData | RowRemoveData | LeftOperatorChangeData | LeftOperatorFocusData | LeftOperatorBlurData | LeftOperatorInputValueChangeData | ConditionChangeData | ConditionFocusData | ConditionBlurData | RightOperatorChangeData | RightOperatorFocusData | RightOperatorBlurData | RightOperatorInputValueChangeData | RightOperatorStartChangeData | RightOperatorEndChangeData;
+}
+declare type UseEventsProps = {
+    onChange: (event: FilterEvent["detail"]) => void;
+};
+export declare const useEventEmitter: ({ onChange }: UseEventsProps) => {
+    emitter: FilterEventEmitter;
+};
+export {};

package/dist/components/Expression/AutosizeInput/index.d.ts

@@ -0,0 +1,23 @@
+import { InputHTMLAttributes, ReactNode } from "react";
+export interface CalculationChange {
+    left: number;
+    rect: DOMRect;
+}
+declare type AutosizeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "color" | "width" | "height" | "size"> & {
+    value?: string;
+    defaultWidth?: number;
+    onCalculationChange?: ({ left, rect }: CalculationChange) => void;
+};
+interface InputContainerProps {
+    children: ReactNode;
+    focused?: boolean;
+}
+export declare const InputContainer: {
+    ({ children, focused, }: InputContainerProps): JSX.Element;
+    displayName: string;
+};
+export declare const AutosizeInput: {
+    ({ value, placeholder, defaultWidth, onChange, onCalculationChange, type, ...props }: AutosizeInputProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/Expression/AutosizeInput/useTextMetrics.d.ts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from "react";
+export declare const useTextMetrics: (elementRef: MutableRefObject<HTMLElement | undefined>) => {
+    measureText: (text: string) => number;
+    measureTextWithPaddings: (text: string) => number;
+};

package/dist/components/Expression/Condition.d.ts

@@ -0,0 +1,13 @@
+import { DropdownItemProps } from "./Dropdown";
+export interface ConditionItemProps extends Omit<DropdownItemProps, "condition"> {
+    children: React.ReactNode;
+}
+export declare const ConditionItem: import("react").ForwardRefExoticComponent<ConditionItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ConditionProps {
+    currentConditon: string;
+    children: React.ReactNode;
+}
+export declare const Condition: {
+    ({ children, currentConditon }: ConditionProps): JSX.Element;
+    displayName: string;
+};

package/dist/components/Expression/Dropdown.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode, MouseEvent, ComponentProps } from "react";
+import { Box } from "../Box";
+declare type DropdownContentProps = ComponentProps<typeof Box> & {
+    children: ReactNode;
+    absolute?: boolean;
+};
+export declare const DropdownContent: import("react").ForwardRefExoticComponent<Pick<DropdownContentProps, "children" | "fontSize" | "borderRadius" | "lineHeight" | "fontWeight" | "letterSpacing" | "boxShadow" | "borderWidth" | "value" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "src" | "size" | "alignItems" | "alignSelf" | "aspectRatio" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftStyle" | "borderLeftWidth" | "borderRightStyle" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "columnGap" | "content" | "cursor" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoFlow" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "opacity" | "order" | "outlineStyle" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "transform" | "translate" | "visibility" | "whiteSpace" | "width" | "wordBreak" | "zIndex" | "borderColor" | "borderStyle" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "margin" | "overflow" | "padding" | "placeItems" | "textDecoration" | "transition" | "id" | "start" | "absolute" | "wrap" | "hidden" | "paddingX" | "paddingY" | "marginX" | "marginY" | "typeSize" | "borderXWidth" | "borderYWidth" | "borderXStyle" | "borderYStyle" | "default" | "disabled" | "placeholder" | "open" | "multiple" | "as" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "__display" | "__flexDirection" | "__alignItems" | "__justifyContent" | "__flexGrow" | "__flexShrink" | "__flexBasis" | "__position" | "__gridArea" | "__gridTemplateAreas" | "__gridTemplateRows" | "__gridRow" | "__gridRowStart" | "__gridRowEnd" | "__gridTemplateColumns" | "__gridColumn" | "__gridColumnStart" | "__gridColumnEnd" | "__gridAutoFlow" | "__order" | "__flexWrap" | "__gap" | "__rowGap" | "__columnGap" | "__paddingTop" | "__paddingBottom" | "__paddingLeft" | "__paddingRight" | "__marginTop" | "__marginBottom" | "__marginLeft" | "__marginRight" | "__width" | "__height" | "__minHeight" | "__minWidth" | "__maxWidth" | "__maxHeight" | "__borderTopRightRadius" | "__borderTopLeftRadius" | "__borderBottomRightRadius" | "__borderBottomLeftRadius" | "__fontSize" | "__lineHeight" | "__textAlign" | "__borderLeftWidth" | "__borderRightWidth" | "__borderTopWidth" | "__borderBottomWidth" | "__borderLeftStyle" | "__borderRightStyle" | "__borderTopStyle" | "__borderBottomStyle" | "__outlineStyle" | "__textTransform" | "__letterSpacing" | "__top" | "__bottom" | "__left" | "__right" | "__overflowX" | "__overflowY" | "__textOverflow" | "__whiteSpace" | "__wordBreak" | "__zIndex" | "__aspectRatio" | "__objectFit" | "__opacity" | "__fontWeight" | "__alignSelf" | "__visibility" | "__padding" | "__paddingX" | "__paddingY" | "__margin" | "__marginX" | "__marginY" | "__placeItems" | "__typeSize" | "__borderWidth" | "__borderXWidth" | "__borderYWidth" | "__borderStyle" | "__borderXStyle" | "__borderYStyle" | "__inset" | "__borderRadius" | "__overflow" | "__flex" | "__borderColor" | "__color" | "__backgroundColor" | "__pointerEvents" | "__cursor" | "__boxShadow" | "__transition" | "__textDecoration" | "__transform" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface DropdownItemProps {
+    children: ReactNode;
+    onClick?: (event: MouseEvent) => void;
+    condition?: boolean;
+}
+export declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface DropdownProps {
+    children: ReactNode;
+    triggerText?: string;
+    variant: "operand" | "condition";
+}
+export declare const Dropdown: {
+    ({ children, triggerText, variant }: DropdownProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/Expression/Expression.css.d.ts

@@ -0,0 +1,37 @@
+export declare const dropdownContent: import("@vanilla-extract/recipes").RuntimeFn<{
+    absolute: {
+        true: string;
+        false: {};
+    };
+}>;
+export declare const dropdownContentScroller: string;
+export declare const dropdownItem: import("@vanilla-extract/recipes").RuntimeFn<{
+    condition: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const dropdownTrigger: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        operand: string;
+        condition: string;
+    };
+    opened: {
+        true: string;
+    };
+}>;
+export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    focused: {
+        true: string;
+    };
+}>;
+export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
+    isNumber: {
+        true: string;
+    };
+}>;
+export declare const numberInputSign: string;
+export declare const autocompleteContainer: string;
+export declare const autocompleteInput: string;
+export declare const rangeItem: string;
+export declare const expression: string;