@redis-ui/components 37.0.0

package/dist/Inputs/NumericInput/NumericInput.js

@@ -0,0 +1,70 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { forwardRef } from "react";
+import InputTag from "../components/InputTag/InputTag.js";
+import StatusIndicator from "../components/StatusIndicator/StatusIndicator.js";
+import LoadingIndicator from "../components/LoadingIndicator/LoadingIndicator.js";
+import { ReadonlyValue } from "../components/Compose/Compose.style.js";
+import { ResetButton } from "../components/ResetButton/ResetButton.js";
+import NumericInputCompose from "../components/Compose/NumericCompose.js";
+const NumericInput = Object.assign(forwardRef(({
+  id,
+  className,
+  style,
+  readOnly,
+  loading,
+  variant,
+  error,
+  valid,
+  allowReset = false,
+  value,
+  defaultValue,
+  onChange,
+  min,
+  max,
+  step,
+  required,
+  maxDecimals,
+  autoValidate,
+  validate,
+  calcStepActionValue,
+  ...restProps
+}, ref) => jsxRuntimeExports.jsxs(NumericInput.Compose, {
+  id,
+  className,
+  style,
+  readOnly,
+  variant,
+  error,
+  valid,
+  value,
+  defaultValue,
+  onChange,
+  min,
+  max,
+  step,
+  required,
+  maxDecimals,
+  autoValidate,
+  validate,
+  calcStepActionValue,
+  readonlyProps: restProps,
+  children: [jsxRuntimeExports.jsx(NumericInput.Tag, {
+    ref,
+    ...restProps
+  }), jsxRuntimeExports.jsx(NumericInput.ResetButton, {
+    allowReset
+  }), jsxRuntimeExports.jsx(NumericInput.StatusIndicator, {}), jsxRuntimeExports.jsx(NumericInput.LoadingIndicator, {
+    loading
+  })]
+})), {
+  StatusIndicator,
+  Compose: NumericInputCompose,
+  LoadingIndicator,
+  Tag: InputTag,
+  ReadonlyValue,
+  ResetButton
+});
+const NumericInput$1 = NumericInput;
+export {
+  NumericInput$1 as default
+};

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

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+import { NumericInputComposeProps } from '../components/Compose/NumericCompose.types';
+import { InputTagProps } from '../components/InputTag/InputTag.types';
+import { LoadingIndicatorProps } from '../components/LoadingIndicator/LoadingIndicator.types';
+import { ResetButtonProps } from '../components/ResetButton/ResetButton.types';
+export type NumericInputProps = NumericInputComposeProps & InputTagProps & LoadingIndicatorProps & ResetButtonProps & {
+    readOnly?: boolean;
+};
+export type RestNumericInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'children' | 'defaultValue' | 'value' | 'onChange' | 'min' | 'max' | 'type' | 'step' | 'required'>;

package/dist/Inputs/PasswordInput/PasswordInput.cjs

@@ -0,0 +1,59 @@
+"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 PasswordButton = require("./components/PasswordButton/PasswordButton.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const PasswordInputTag = require("./components/PasswordInputTag/PasswordInputTag.cjs");
+const StatusIndicator = require("../components/StatusIndicator/StatusIndicator.cjs");
+const ResetButton = require("../components/ResetButton/ResetButton.cjs");
+const PasswordInput = Object.assign(React.forwardRef(({
+  id,
+  className,
+  style,
+  variant,
+  error,
+  valid,
+  value,
+  defaultValue,
+  onChange,
+  allowReset = false,
+  showExposureToggle,
+  exposed,
+  defaultExposed,
+  onExposedChange,
+  readOnly,
+  ...restProps
+}, ref) => {
+  return jsxRuntime.jsxRuntimeExports.jsxs(PasswordInput.Compose, {
+    id,
+    className,
+    style,
+    variant,
+    error,
+    valid,
+    value,
+    defaultValue,
+    onChange,
+    showExposureToggle,
+    exposed,
+    defaultExposed,
+    onExposedChange,
+    readOnly,
+    readonlyProps: void 0,
+    children: [jsxRuntime.jsxRuntimeExports.jsx(PasswordInput.Tag, {
+      ref,
+      ...restProps
+    }), jsxRuntime.jsxRuntimeExports.jsx(PasswordInput.ResetButton, {
+      allowReset
+    }), jsxRuntime.jsxRuntimeExports.jsx(PasswordInput.StatusIndicator, {}), jsxRuntime.jsxRuntimeExports.jsx(PasswordInput.PasswordButton, {})]
+  });
+}), {
+  Compose: Compose.Compose,
+  PasswordButton: PasswordButton.default,
+  Tag: PasswordInputTag.PasswordInputTag,
+  StatusIndicator: StatusIndicator.default,
+  ResetButton: ResetButton.ResetButton
+});
+const PasswordInput$1 = PasswordInput;
+exports.default = PasswordInput$1;

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

@@ -0,0 +1,287 @@
+/// <reference types="react" />
+/// <reference types="react" />
+declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & import("./components/PasswordInput.context.types").PasswordExposureProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
+    Compose: ({ showExposureToggle, exposed, defaultExposed, onExposedChange, error, valid, readOnly, ...restProps }: Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & import("./components/PasswordInput.context.types").PasswordExposureProps & import("./components/Compose/Compose.types").RestPasswordInputComposeProps) => import("react/jsx-runtime").JSX.Element;
+    PasswordButton: (props: {
+        form?: string | undefined;
+        slot?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
+        title?: string | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
+        name?: string | undefined;
+        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?: "inherit" | (boolean | "true" | "false") | "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;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        tabIndex?: number | undefined;
+        translate?: "no" | "yes" | undefined;
+        radioGroup?: string | undefined;
+        role?: import("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" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | 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" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "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" | "grid" | "listbox" | "tree" | "true" | "false" | 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" | "additions" | "additions removals" | "additions text" | "all" | "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?: import("react").ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onPause?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onDrag?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDrop?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
+        size?: "XXL" | "XL" | "L" | "M" | "S" | "XS" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Tag: import("react").ForwardRefExoticComponent<Omit<import("../components/InputTag/InputTag.types").RestInputTagProps, "type" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
+    StatusIndicator: ({ className, style, size, $customTitles, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className"> & {
+        $customTitles?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../..").IconButtonProps> & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+};
+export default PasswordInput;

package/dist/Inputs/PasswordInput/PasswordInput.js

@@ -0,0 +1,59 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { forwardRef } from "react";
+import PasswordButton from "./components/PasswordButton/PasswordButton.js";
+import { Compose } from "./components/Compose/Compose.js";
+import { PasswordInputTag } from "./components/PasswordInputTag/PasswordInputTag.js";
+import StatusIndicator from "../components/StatusIndicator/StatusIndicator.js";
+import { ResetButton } from "../components/ResetButton/ResetButton.js";
+const PasswordInput = Object.assign(forwardRef(({
+  id,
+  className,
+  style,
+  variant,
+  error,
+  valid,
+  value,
+  defaultValue,
+  onChange,
+  allowReset = false,
+  showExposureToggle,
+  exposed,
+  defaultExposed,
+  onExposedChange,
+  readOnly,
+  ...restProps
+}, ref) => {
+  return jsxRuntimeExports.jsxs(PasswordInput.Compose, {
+    id,
+    className,
+    style,
+    variant,
+    error,
+    valid,
+    value,
+    defaultValue,
+    onChange,
+    showExposureToggle,
+    exposed,
+    defaultExposed,
+    onExposedChange,
+    readOnly,
+    readonlyProps: void 0,
+    children: [jsxRuntimeExports.jsx(PasswordInput.Tag, {
+      ref,
+      ...restProps
+    }), jsxRuntimeExports.jsx(PasswordInput.ResetButton, {
+      allowReset
+    }), jsxRuntimeExports.jsx(PasswordInput.StatusIndicator, {}), jsxRuntimeExports.jsx(PasswordInput.PasswordButton, {})]
+  });
+}), {
+  Compose,
+  PasswordButton,
+  Tag: PasswordInputTag,
+  StatusIndicator,
+  ResetButton
+});
+const PasswordInput$1 = PasswordInput;
+export {
+  PasswordInput$1 as default
+};

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

@@ -0,0 +1,6 @@
+import type { RestInputProps } from '../Input/Input.types';
+import type { ResetButtonProps } from '../components/ResetButton/ResetButton.types';
+import type { PasswordInputComposeProps } from './components/Compose/Compose.types';
+export type ShowExposureToggle = 'always' | 'never' | 'has-value';
+export type PasswordInputProps = PasswordInputComposeProps & ResetButtonProps;
+export type RestPasswordInputProps = RestInputProps;

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../node_modules/react/jsx-runtime.cjs");
+const PasswordInput_context = require("../PasswordInput.context.cjs");
+const Compose_style = require("./Compose.style.cjs");
+const FormField_context = require("../../../../FormField/FormField.context.cjs");
+const readonlyRender = ({
+  id,
+  value,
+  "$data-children": children,
+  ...props
+}) => jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldReadonlyTransProvider, {
+  value: true,
+  children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.PasswordReadOnlyCompose, {
+    ...props,
+    children
+  })
+});
+const Compose = ({
+  showExposureToggle,
+  exposed,
+  defaultExposed,
+  onExposedChange,
+  error,
+  valid,
+  readOnly,
+  ...restProps
+}) => jsxRuntime.jsxRuntimeExports.jsx(PasswordInput_context.PasswordExposureProvider, {
+  showExposureToggle,
+  exposed,
+  defaultExposed,
+  onExposedChange,
+  children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.PasswordInputCompose, {
+    ...restProps,
+    error: readOnly ? "" : error,
+    valid: !readOnly && valid,
+    readOnly,
+    readonlyRender
+  })
+});
+exports.Compose = Compose;

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

@@ -0,0 +1,2 @@
+import { PasswordInputComposeProps, RestPasswordInputComposeProps } from './Compose.types';
+export declare const Compose: ({ showExposureToggle, exposed, defaultExposed, onExposedChange, error, valid, readOnly, ...restProps }: PasswordInputComposeProps & RestPasswordInputComposeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,41 @@
+import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { PasswordExposureProvider } from "../PasswordInput.context.js";
+import { PasswordInputCompose, PasswordReadOnlyCompose } from "./Compose.style.js";
+import { FieldReadonlyTransProvider } from "../../../../FormField/FormField.context.js";
+const readonlyRender = ({
+  id,
+  value,
+  "$data-children": children,
+  ...props
+}) => jsxRuntimeExports.jsx(FieldReadonlyTransProvider, {
+  value: true,
+  children: jsxRuntimeExports.jsx(PasswordReadOnlyCompose, {
+    ...props,
+    children
+  })
+});
+const Compose = ({
+  showExposureToggle,
+  exposed,
+  defaultExposed,
+  onExposedChange,
+  error,
+  valid,
+  readOnly,
+  ...restProps
+}) => jsxRuntimeExports.jsx(PasswordExposureProvider, {
+  showExposureToggle,
+  exposed,
+  defaultExposed,
+  onExposedChange,
+  children: jsxRuntimeExports.jsx(PasswordInputCompose, {
+    ...restProps,
+    error: readOnly ? "" : error,
+    valid: !readOnly && valid,
+    readOnly,
+    readonlyRender
+  })
+});
+export {
+  Compose
+};

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const TextCompose = require("../../../components/Compose/TextCompose.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const PasswordInputCompose = _styled__default.default(TextCompose.default).withConfig({
+  displayName: "Composestyle__PasswordInputCompose",
+  componentId: "RedisUI__sc-1mxvwr0-0"
+})(["&[data-editable]{padding:", ";}"], () => redisUiStyles.useTheme().components.input.password.padding);
+const PasswordReadOnlyCompose = _styled__default.default.div.withConfig({
+  displayName: "Composestyle__PasswordReadOnlyCompose",
+  componentId: "RedisUI__sc-1mxvwr0-1"
+})(["display:flex;align-items:center;box-sizing:border-box;border:none;background:none;padding:0;", ";"], () => {
+  const style = redisUiStyles.useTheme().components.input;
+  return _styled.css`
+      height: ${style.height};
+      font-family: ${style.fontFamily};
+      font-size: ${style.fontSize};
+      font-weight: ${style.fontWeight};
+      gap: ${style.gap};
+    `;
+});
+exports.PasswordInputCompose = PasswordInputCompose;
+exports.PasswordReadOnlyCompose = PasswordReadOnlyCompose;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const PasswordInputCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/InputValueProvider").InputValueProviderProps, "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>;
+export declare const PasswordReadOnlyCompose: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,24 @@
+import _styled, { css } from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import TextInputCompose from "../../../components/Compose/TextCompose.js";
+const PasswordInputCompose = _styled(TextInputCompose).withConfig({
+  displayName: "Composestyle__PasswordInputCompose",
+  componentId: "RedisUI__sc-1mxvwr0-0"
+})(["&[data-editable]{padding:", ";}"], () => useTheme().components.input.password.padding);
+const PasswordReadOnlyCompose = _styled.div.withConfig({
+  displayName: "Composestyle__PasswordReadOnlyCompose",
+  componentId: "RedisUI__sc-1mxvwr0-1"
+})(["display:flex;align-items:center;box-sizing:border-box;border:none;background:none;padding:0;", ";"], () => {
+  const style = useTheme().components.input;
+  return css`
+      height: ${style.height};
+      font-family: ${style.fontFamily};
+      font-size: ${style.fontSize};
+      font-weight: ${style.fontWeight};
+      gap: ${style.gap};
+    `;
+});
+export {
+  PasswordInputCompose,
+  PasswordReadOnlyCompose
+};