@cerberus-design/panda-preset/build/modern/chunk-HHAHE7K5.js

The official Panda-CSS preset for the omni-federal design system

import {
  input
} from "./chunk-VZKWGBVG.js";

// src/recipes/slots/input.ts
import { defineSlotRecipe } from "@pandacss/dev";
var input2 = defineSlotRecipe({
  slots: ["root", "input", "icon", "startIcon"],
  className: "input",
  base: {
    root: {
      h: "3.7rem",
      position: "relative",
      py: "1",
      w: "full"
    },
    input: {
      ...input,
      _placeholderShown: {
        color: "page.text.100"
      },
      _startIcon: {
        display: "inline-block",
        paddingInlineStart: "7"
      }
    },
    icon: {
      position: "absolute",
      right: "0.5rem",
      top: "50%",
      transform: "translateY(-50%)",
      zIndex: "decorator",
      _peerInvalid: {
        color: "danger.text.100"
      }
    },
    startIcon: {
      position: "absolute",
      left: "0.5rem",
      top: "50%",
      transform: "translateY(-50%)",
      zIndex: "decorator"
    }
  },
  variants: {
    size: {
      sm: {
        root: {
          md: {
            h: "2rem"
          }
        },
        input: {
          fontSize: "sm"
        }
      },
      md: {
        root: {
          md: {
            h: "2.5rem"
          }
        },
        input: {
          fontSize: "sm"
        }
      },
      lg: {
        root: {
          h: "3rem"
        }
      }
    }
  },
  defaultVariants: {
    size: "lg"
  }
});

export {
  input2 as input
};
//# sourceMappingURL=chunk-HHAHE7K5.js.map