@redis-ui/components 37.0.0

package/dist/Inputs/PasswordInput/components/Compose/Compose.types.d.ts

@@ -0,0 +1,4 @@
+import { RestTextInputComposeProps, TextInputComposeProps } from '../../../components/Compose/TextCompose.types';
+import { PasswordExposureProps } from '../PasswordInput.context.types';
+export type PasswordInputComposeProps = Omit<TextInputComposeProps, 'parser' | 'formatter'> & PasswordExposureProps;
+export type RestPasswordInputComposeProps = Omit<RestTextInputComposeProps, 'readonlyRender'>;

package/dist/Inputs/PasswordInput/components/PasswordButton/PasswordButton.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../node_modules/react/jsx-runtime.cjs");
+const redisUiIcons = require("@redislabsdev/redis-ui-icons");
+const Field_context = require("../../../components/Context/Field.context.cjs");
+const PasswordInput_context = require("../PasswordInput.context.cjs");
+const InputValue_context = require("../../../components/Context/InputValue.context.cjs");
+const IconButton = require("../../../../Button/IconButton/IconButton.cjs");
+const PasswordButton = (props) => {
+  const fieldDisabled = Field_context.useFieldDisabled();
+  const {
+    value
+  } = InputValue_context.useInputValueApi();
+  const {
+    exposed,
+    setExposed,
+    showExposureToggle
+  } = PasswordInput_context.usePasswordExposure();
+  const showToggle = showExposureToggle === "always" || showExposureToggle === "has-value" && value;
+  return showToggle ? jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+    size: "XL",
+    disabled: fieldDisabled,
+    onClick: () => setExposed(!exposed),
+    icon: exposed ? redisUiIcons.HideIcon : redisUiIcons.ShowIcon,
+    ...props
+  }) : null;
+};
+exports.default = PasswordButton;

package/dist/Inputs/PasswordInput/components/PasswordButton/PasswordButton.d.ts

@@ -0,0 +1,4 @@
+import { IconButtonProps } from '../../../../Button';
+type RestPasswordButtonProps = Omit<IconButtonProps, 'onClick' | 'icon' | 'disabled'>;
+declare const PasswordButton: (props: RestPasswordButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export default PasswordButton;

package/dist/Inputs/PasswordInput/components/PasswordButton/PasswordButton.js

@@ -0,0 +1,28 @@
+import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { HideIcon, ShowIcon } from "@redislabsdev/redis-ui-icons";
+import { useFieldDisabled } from "../../../components/Context/Field.context.js";
+import { usePasswordExposure } from "../PasswordInput.context.js";
+import { useInputValueApi } from "../../../components/Context/InputValue.context.js";
+import IconButtonComponent from "../../../../Button/IconButton/IconButton.js";
+const PasswordButton = (props) => {
+  const fieldDisabled = useFieldDisabled();
+  const {
+    value
+  } = useInputValueApi();
+  const {
+    exposed,
+    setExposed,
+    showExposureToggle
+  } = usePasswordExposure();
+  const showToggle = showExposureToggle === "always" || showExposureToggle === "has-value" && value;
+  return showToggle ? jsxRuntimeExports.jsx(IconButtonComponent, {
+    size: "XL",
+    disabled: fieldDisabled,
+    onClick: () => setExposed(!exposed),
+    icon: exposed ? HideIcon : ShowIcon,
+    ...props
+  }) : null;
+};
+export {
+  PasswordButton as default
+};

package/dist/Inputs/PasswordInput/components/PasswordInput.context.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const index = require("../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
+const Context = React.createContext(null);
+const PasswordExposureProvider = ({
+  children,
+  showExposureToggle = "always",
+  exposed: exposedProp,
+  defaultExposed,
+  onExposedChange
+}) => {
+  const [exposed, setExposed] = index.useControllableState({
+    prop: exposedProp,
+    defaultProp: defaultExposed,
+    onChange: onExposedChange
+  });
+  const context = React.useMemo(() => ({
+    exposed: exposed || false,
+    setExposed,
+    showExposureToggle
+  }), [setExposed, exposed, showExposureToggle]);
+  return jsxRuntime.jsxRuntimeExports.jsx(Context.Provider, {
+    value: context,
+    children
+  });
+};
+const usePasswordExposure = () => {
+  const context = React.useContext(Context);
+  if (!context) {
+    throw new Error(`PasswordButton compound components cannot be rendered outside the PasswordInput component`);
+  }
+  return context;
+};
+exports.PasswordExposureProvider = PasswordExposureProvider;
+exports.usePasswordExposure = usePasswordExposure;

package/dist/Inputs/PasswordInput/components/PasswordInput.context.d.ts

@@ -0,0 +1,3 @@
+import { PasswordExposureProviderProps, PasswordExposureContext } from './PasswordInput.context.types';
+export declare const PasswordExposureProvider: ({ children, showExposureToggle, exposed: exposedProp, defaultExposed, onExposedChange }: PasswordExposureProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const usePasswordExposure: () => PasswordExposureContext;

package/dist/Inputs/PasswordInput/components/PasswordInput.context.js

@@ -0,0 +1,37 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { createContext, useMemo, useContext } from "react";
+import { useControllableState } from "../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
+const Context = createContext(null);
+const PasswordExposureProvider = ({
+  children,
+  showExposureToggle = "always",
+  exposed: exposedProp,
+  defaultExposed,
+  onExposedChange
+}) => {
+  const [exposed, setExposed] = useControllableState({
+    prop: exposedProp,
+    defaultProp: defaultExposed,
+    onChange: onExposedChange
+  });
+  const context = useMemo(() => ({
+    exposed: exposed || false,
+    setExposed,
+    showExposureToggle
+  }), [setExposed, exposed, showExposureToggle]);
+  return jsxRuntimeExports.jsx(Context.Provider, {
+    value: context,
+    children
+  });
+};
+const usePasswordExposure = () => {
+  const context = useContext(Context);
+  if (!context) {
+    throw new Error(`PasswordButton compound components cannot be rendered outside the PasswordInput component`);
+  }
+  return context;
+};
+export {
+  PasswordExposureProvider,
+  usePasswordExposure
+};

package/dist/Inputs/PasswordInput/components/PasswordInput.context.types.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { ShowExposureToggle } from '../PasswordInput.types';
+export type PasswordExposureProps = {
+    showExposureToggle?: ShowExposureToggle;
+    exposed?: boolean;
+    defaultExposed?: boolean;
+    onExposedChange?: (exposed: boolean) => void;
+};
+export type PasswordExposureContext = {
+    exposed: boolean;
+    setExposed: (exposed: boolean) => void;
+    showExposureToggle: ShowExposureToggle;
+};
+export type PasswordExposureProviderProps = PropsWithChildren<PasswordExposureProps>;

package/dist/Inputs/PasswordInput/components/PasswordInputTag/PasswordInputTag.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const InputTag = require("../../../components/InputTag/InputTag.cjs");
+const PasswordInput_context = require("../PasswordInput.context.cjs");
+const FormField_context = require("../../../../FormField/FormField.context.cjs");
+const PasswordInputTag = React.forwardRef(({
+  placeholder,
+  disabled,
+  ...props
+}, ref) => {
+  const {
+    exposed
+  } = PasswordInput_context.usePasswordExposure();
+  const fieldReadonly = FormField_context.useFieldReadonly();
+  return jsxRuntime.jsxRuntimeExports.jsx(InputTag.default, {
+    ref,
+    autoComplete: "password",
+    role: "textbox",
+    ...props,
+    readOnly: fieldReadonly,
+    placeholder: fieldReadonly ? "" : placeholder,
+    disabled: !fieldReadonly && disabled,
+    type: exposed ? "text" : "password",
+    autoSize: false
+  });
+});
+exports.PasswordInputTag = PasswordInputTag;

package/dist/Inputs/PasswordInput/components/PasswordInputTag/PasswordInputTag.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RestInputTagProps } from '../../../components/InputTag/InputTag.types';
+export declare const PasswordInputTag: import("react").ForwardRefExoticComponent<Omit<RestInputTagProps, "type" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Inputs/PasswordInput/components/PasswordInputTag/PasswordInputTag.js

@@ -0,0 +1,29 @@
+import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { forwardRef } from "react";
+import InputTag from "../../../components/InputTag/InputTag.js";
+import { usePasswordExposure } from "../PasswordInput.context.js";
+import { useFieldReadonly } from "../../../../FormField/FormField.context.js";
+const PasswordInputTag = forwardRef(({
+  placeholder,
+  disabled,
+  ...props
+}, ref) => {
+  const {
+    exposed
+  } = usePasswordExposure();
+  const fieldReadonly = useFieldReadonly();
+  return jsxRuntimeExports.jsx(InputTag, {
+    ref,
+    autoComplete: "password",
+    role: "textbox",
+    ...props,
+    readOnly: fieldReadonly,
+    placeholder: fieldReadonly ? "" : placeholder,
+    disabled: !fieldReadonly && disabled,
+    type: exposed ? "text" : "password",
+    autoSize: false
+  });
+});
+export {
+  PasswordInputTag
+};

package/dist/Inputs/QuantityCounter/QuantityCounter.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const StepButton = require("./components/StepButton/StepButton.cjs");
+const InputGroup = require("./components/InputGroup/InputGroup.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const Compose_style = require("../components/Compose/Compose.style.cjs");
+const QuantityCounter = Object.assign(React.forwardRef(({
+  id,
+  className,
+  style,
+  readOnly,
+  variant,
+  error,
+  valid,
+  value,
+  defaultValue,
+  onChange,
+  min,
+  max,
+  step,
+  required,
+  maxDecimals,
+  autoValidate,
+  validate,
+  calcStepActionValue,
+  incrementButtonProps,
+  decrementButtonProps,
+  ...restProps
+}, ref) => jsxRuntime.jsxRuntimeExports.jsxs(QuantityCounter.Compose, {
+  id,
+  className,
+  style,
+  readOnly,
+  variant,
+  error,
+  valid,
+  value,
+  defaultValue,
+  min,
+  max,
+  step,
+  required,
+  maxDecimals,
+  onChange,
+  valueLabel: restProps.valueLabel,
+  autoValidate,
+  validate,
+  calcStepActionValue,
+  readonlyProps: restProps,
+  children: [jsxRuntime.jsxRuntimeExports.jsx(QuantityCounter.StepButton, {
+    ...decrementButtonProps,
+    action: "decrement"
+  }), jsxRuntime.jsxRuntimeExports.jsx(QuantityCounter.InputGroup, {
+    ref,
+    ...restProps
+  }), jsxRuntime.jsxRuntimeExports.jsx(QuantityCounter.StepButton, {
+    ...incrementButtonProps,
+    action: "increment"
+  })]
+})), {
+  Compose: Compose.Compose,
+  StepButton: StepButton.StepButton,
+  InputGroup: InputGroup.InputGroup,
+  ReadonlyValue: Compose_style.ReadonlyValue
+});
+const QuantityCounter$1 = QuantityCounter;
+exports.default = QuantityCounter$1;

package/dist/Inputs/QuantityCounter/QuantityCounter.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { RestQuantityCounterProps } from './QuantityCounter.types';
+declare const QuantityCounter: import("react").ForwardRefExoticComponent<import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & import("./QuantityCounter.types").QuantityCounterInputGroupProps & {
+    incrementButtonProps?: Omit<import("./QuantityCounter.types").QuantityCounterStepButtonProps, "action"> | undefined;
+    decrementButtonProps?: Omit<import("./QuantityCounter.types").QuantityCounterStepButtonProps, "action"> | undefined;
+} & RestQuantityCounterProps & import("react").RefAttributes<HTMLInputElement>> & {
+    Compose: ({ valueLabel, readonlyRender, children, onMouseEnter, onMouseLeave, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+        readonlyRender?: import("../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
+        readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
+    } & {
+        valueLabel?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    StepButton: ({ action, variant, size, icon, disabled, onClick, onMouseDown, ...restProps }: import("./QuantityCounter.types").QuantityCounterStepButtonProps) => import("react/jsx-runtime").JSX.Element;
+    InputGroup: import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").RestInputTagProps & import("./QuantityCounter.types").QuantityCounterInputGroupProps & import("react").RefAttributes<HTMLInputElement>> & {
+        Compose: (props: import("../../Helpers/common.types").ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+        Tag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").InputTagProps & import("../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>, any, {
+            autoSize: true;
+        }, "autoSize">;
+        ValueLabel: ({ children }: import("./components/InputGroup/components/ValueLabel/ValueLabel.types").ValueLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+    };
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+        readOnly: boolean;
+    }, "readOnly">;
+};
+export default QuantityCounter;

package/dist/Inputs/QuantityCounter/QuantityCounter.js

@@ -0,0 +1,69 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { forwardRef } from "react";
+import { StepButton } from "./components/StepButton/StepButton.js";
+import { InputGroup } from "./components/InputGroup/InputGroup.js";
+import { Compose } from "./components/Compose/Compose.js";
+import { ReadonlyValue } from "../components/Compose/Compose.style.js";
+const QuantityCounter = Object.assign(forwardRef(({
+  id,
+  className,
+  style,
+  readOnly,
+  variant,
+  error,
+  valid,
+  value,
+  defaultValue,
+  onChange,
+  min,
+  max,
+  step,
+  required,
+  maxDecimals,
+  autoValidate,
+  validate,
+  calcStepActionValue,
+  incrementButtonProps,
+  decrementButtonProps,
+  ...restProps
+}, ref) => jsxRuntimeExports.jsxs(QuantityCounter.Compose, {
+  id,
+  className,
+  style,
+  readOnly,
+  variant,
+  error,
+  valid,
+  value,
+  defaultValue,
+  min,
+  max,
+  step,
+  required,
+  maxDecimals,
+  onChange,
+  valueLabel: restProps.valueLabel,
+  autoValidate,
+  validate,
+  calcStepActionValue,
+  readonlyProps: restProps,
+  children: [jsxRuntimeExports.jsx(QuantityCounter.StepButton, {
+    ...decrementButtonProps,
+    action: "decrement"
+  }), jsxRuntimeExports.jsx(QuantityCounter.InputGroup, {
+    ref,
+    ...restProps
+  }), jsxRuntimeExports.jsx(QuantityCounter.StepButton, {
+    ...incrementButtonProps,
+    action: "increment"
+  })]
+})), {
+  Compose,
+  StepButton,
+  InputGroup,
+  ReadonlyValue
+});
+const QuantityCounter$1 = QuantityCounter;
+export {
+  QuantityCounter$1 as default
+};

package/dist/Inputs/QuantityCounter/QuantityCounter.types.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+import { QuantityCounterStepButtonProps } from './components/StepButton/StepButton.types';
+import { QuantityCounterComposeProps } from './components/Compose/Compose.types';
+import { QuantityCounterInputGroupProps } from './components/InputGroup/InputGroup.types';
+export * from './components/Compose/Compose.types';
+export * from './components/InputGroup/InputGroup.types';
+export * from './components/StepButton/StepButton.types';
+export type QuantityCounterProps = QuantityCounterComposeProps & QuantityCounterInputGroupProps & {
+    incrementButtonProps?: Omit<QuantityCounterStepButtonProps, 'action'>;
+    decrementButtonProps?: Omit<QuantityCounterStepButtonProps, 'action'>;
+};
+export type RestQuantityCounterProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'children' | 'defaultValue' | 'value' | 'onChange' | 'min' | 'max' | 'step' | 'required'>;

package/dist/Inputs/QuantityCounter/components/Compose/Compose.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const Compose_style$1 = require("../../../components/Compose/Compose.style.cjs");
+const ValueLabel = require("../InputGroup/components/ValueLabel/ValueLabel.cjs");
+const ErrorTooltip = require("./components/ErrorTooltip/ErrorTooltip.cjs");
+const Compose_style = require("./Compose.style.cjs");
+const react_utils = require("../../../../Helpers/react.utils.cjs");
+const getDefaultRender = (valueLabel) => valueLabel ? ({
+  value,
+  ...restProps
+}) => jsxRuntime.jsxRuntimeExports.jsxs(Compose_style$1.ReadonlyValue, {
+  ...restProps,
+  children: [value, " ", value && jsxRuntime.jsxRuntimeExports.jsx(ValueLabel.ValueLabel, {
+    children: valueLabel
+  })]
+}) : void 0;
+const Compose = ({
+  valueLabel,
+  readonlyRender,
+  children,
+  onMouseEnter,
+  onMouseLeave,
+  ...restProps
+}) => {
+  const [hovered, setHovered] = React.useState(false);
+  const DefaultReadonlyRender = React.useMemo(() => getDefaultRender(valueLabel), [valueLabel]);
+  return jsxRuntime.jsxRuntimeExports.jsxs(Compose_style.QuantityCounterCompose, {
+    ...restProps,
+    readonlyRender: readonlyRender ?? DefaultReadonlyRender,
+    onMouseEnter: react_utils.combineHandlers(() => setHovered(true), onMouseEnter),
+    onMouseLeave: react_utils.combineHandlers(() => setHovered(false), onMouseLeave),
+    children: [children, jsxRuntime.jsxRuntimeExports.jsx(ErrorTooltip.ErrorTooltip, {
+      open: hovered
+    })]
+  });
+};
+exports.Compose = Compose;

package/dist/Inputs/QuantityCounter/components/Compose/Compose.d.ts

@@ -0,0 +1,2 @@
+import { QuantityCounterComposeProps, RestQuantityCounterComposeProps } from './Compose.types';
+export declare const Compose: ({ valueLabel, readonlyRender, children, onMouseEnter, onMouseLeave, ...restProps }: QuantityCounterComposeProps & RestQuantityCounterComposeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Inputs/QuantityCounter/components/Compose/Compose.js

@@ -0,0 +1,39 @@
+import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { useState, useMemo } from "react";
+import { ReadonlyValue } from "../../../components/Compose/Compose.style.js";
+import { ValueLabel } from "../InputGroup/components/ValueLabel/ValueLabel.js";
+import { ErrorTooltip } from "./components/ErrorTooltip/ErrorTooltip.js";
+import { QuantityCounterCompose } from "./Compose.style.js";
+import { combineHandlers } from "../../../../Helpers/react.utils.js";
+const getDefaultRender = (valueLabel) => valueLabel ? ({
+  value,
+  ...restProps
+}) => jsxRuntimeExports.jsxs(ReadonlyValue, {
+  ...restProps,
+  children: [value, " ", value && jsxRuntimeExports.jsx(ValueLabel, {
+    children: valueLabel
+  })]
+}) : void 0;
+const Compose = ({
+  valueLabel,
+  readonlyRender,
+  children,
+  onMouseEnter,
+  onMouseLeave,
+  ...restProps
+}) => {
+  const [hovered, setHovered] = useState(false);
+  const DefaultReadonlyRender = useMemo(() => getDefaultRender(valueLabel), [valueLabel]);
+  return jsxRuntimeExports.jsxs(QuantityCounterCompose, {
+    ...restProps,
+    readonlyRender: readonlyRender ?? DefaultReadonlyRender,
+    onMouseEnter: combineHandlers(() => setHovered(true), onMouseEnter),
+    onMouseLeave: combineHandlers(() => setHovered(false), onMouseLeave),
+    children: [children, jsxRuntimeExports.jsx(ErrorTooltip, {
+      open: hovered
+    })]
+  });
+};
+export {
+  Compose
+};

package/dist/Inputs/QuantityCounter/components/Compose/Compose.style.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const NumericCompose = require("../../../components/Compose/NumericCompose.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const QuantityCounterCompose = _styled__default.default(NumericCompose.default).withConfig({
+  displayName: "Composestyle__QuantityCounterCompose",
+  componentId: "RedisUI__sc-f6veam-0"
+})(["&[data-editable]{padding:", ";min-width:min-content;position:relative;}"], () => redisUiStyles.useTheme().components.input.counter.padding);
+exports.QuantityCounterCompose = QuantityCounterCompose;

package/dist/Inputs/QuantityCounter/components/Compose/Compose.style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const QuantityCounterCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, min, max, step, required, maxDecimals, autoValidate, validate, calcStepActionValue, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../../../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    readonlyRender?: import("../../../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
+    readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
+}) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Inputs/QuantityCounter/components/Compose/Compose.style.js

@@ -0,0 +1,10 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import NumericInputCompose from "../../../components/Compose/NumericCompose.js";
+const QuantityCounterCompose = _styled(NumericInputCompose).withConfig({
+  displayName: "Composestyle__QuantityCounterCompose",
+  componentId: "RedisUI__sc-f6veam-0"
+})(["&[data-editable]{padding:", ";min-width:min-content;position:relative;}"], () => useTheme().components.input.counter.padding);
+export {
+  QuantityCounterCompose
+};

package/dist/Inputs/QuantityCounter/components/Compose/Compose.types.d.ts

@@ -0,0 +1,5 @@
+import { NumericInputComposeProps, RestNumericInputComposeProps } from '../../../components/Compose/NumericCompose.types';
+export type QuantityCounterComposeProps = NumericInputComposeProps;
+export type RestQuantityCounterComposeProps = RestNumericInputComposeProps & {
+    valueLabel?: string;
+};

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../../node_modules/react/jsx-runtime.cjs");
+const Field_context = require("../../../../../components/Context/Field.context.cjs");
+const ErrorTooltip_style = require("./ErrorTooltip.style.cjs");
+const Tooltip = require("../../../../../../Tooltip/Tooltip.cjs");
+const FormField_context = require("../../../../../../FormField/FormField.context.cjs");
+const ErrorTooltip = ({
+  open
+}) => {
+  const status = FormField_context.useFieldStatus();
+  const errorContent = Field_context.useErrorContent();
+  return status !== "error" || !errorContent ? null : jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
+    open,
+    content: errorContent && jsxRuntime.jsxRuntimeExports.jsx(ErrorTooltip_style.TooltipErrorText, {
+      children: errorContent
+    }) || void 0,
+    children: jsxRuntime.jsxRuntimeExports.jsx(ErrorTooltip_style.StatusIndicator, {})
+  });
+};
+exports.ErrorTooltip = ErrorTooltip;

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.d.ts

@@ -0,0 +1,3 @@
+export declare const ErrorTooltip: ({ open }: {
+    open: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.js

@@ -0,0 +1,21 @@
+import { j as jsxRuntimeExports } from "../../../../../../node_modules/react/jsx-runtime.js";
+import { useErrorContent } from "../../../../../components/Context/Field.context.js";
+import { TooltipErrorText, StatusIndicator } from "./ErrorTooltip.style.js";
+import Tooltip from "../../../../../../Tooltip/Tooltip.js";
+import { useFieldStatus } from "../../../../../../FormField/FormField.context.js";
+const ErrorTooltip = ({
+  open
+}) => {
+  const status = useFieldStatus();
+  const errorContent = useErrorContent();
+  return status !== "error" || !errorContent ? null : jsxRuntimeExports.jsx(Tooltip, {
+    open,
+    content: errorContent && jsxRuntimeExports.jsx(TooltipErrorText, {
+      children: errorContent
+    }) || void 0,
+    children: jsxRuntimeExports.jsx(StatusIndicator, {})
+  });
+};
+export {
+  ErrorTooltip
+};

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.style.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const Tooltip = require("../../../../../../Tooltip/Tooltip.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const TooltipErrorText = _styled__default.default(Tooltip.default.Content.Text).withConfig({
+  displayName: "ErrorTooltipstyle__TooltipErrorText",
+  componentId: "RedisUI__sc-1s412t6-0"
+})(["color:", ";"], () => redisUiStyles.useTheme().components.input.indicator.errorTooltipTextColor);
+const StatusIndicator = _styled__default.default.span.withConfig({
+  displayName: "ErrorTooltipstyle__StatusIndicator",
+  componentId: "RedisUI__sc-1s412t6-1"
+})(["position:absolute;top:0;left:50%;width:0;"]);
+exports.StatusIndicator = StatusIndicator;
+exports.TooltipErrorText = TooltipErrorText;

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.style.d.ts

@@ -0,0 +1,2 @@
+export declare const TooltipErrorText: import("styled-components").StyledComponent<(props: import("../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const StatusIndicator: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.style.js

@@ -0,0 +1,15 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import Tooltip from "../../../../../../Tooltip/Tooltip.js";
+const TooltipErrorText = _styled(Tooltip.Content.Text).withConfig({
+  displayName: "ErrorTooltipstyle__TooltipErrorText",
+  componentId: "RedisUI__sc-1s412t6-0"
+})(["color:", ";"], () => useTheme().components.input.indicator.errorTooltipTextColor);
+const StatusIndicator = _styled.span.withConfig({
+  displayName: "ErrorTooltipstyle__StatusIndicator",
+  componentId: "RedisUI__sc-1s412t6-1"
+})(["position:absolute;top:0;left:50%;width:0;"]);
+export {
+  StatusIndicator,
+  TooltipErrorText
+};