@roochnetwork/rooch-sdk-kit/dist/esm/components/ui/Input.js

Rooch SDK Kit

// src/components/ui/Input.tsx
import { Slot } from "@radix-ui/react-slot";
import clsx from "clsx";
import { forwardRef } from "react";

// src/components/ui/Input.css.ts
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
var inputVariants = _7a468({ defaultClassName: "Input_inputVariants__1878es40", variantClassNames: { variant: { primary: "Input_inputVariants_variant_primary__1878es41", outline: "Input_inputVariants_variant_outline__1878es42" }, size: { md: "Input_inputVariants_size_md__1878es43", lg: "Input_inputVariants_size_lg__1878es44" } }, defaultVariants: { variant: "primary", size: "md" }, compoundVariants: [] });

// src/components/ui/Input.tsx
import { jsx } from "react/jsx-runtime";
var Input = forwardRef(
  ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {
    const Comp = asChild ? Slot : "input";
    return /* @__PURE__ */ jsx(
      Comp,
      {
        ...props,
        className: clsx(inputVariants({ variant, size }), className),
        ref: forwardedRef
      }
    );
  }
);
Input.displayName = "Button";
export {
  Input
};
//# sourceMappingURL=Input.js.map