geoiq-frontend-ui-kit/dist/index.es120.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import { cva as e } from "class-variance-authority";
const t = e(
  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
    text-light-2 px-3 py-2
    file:border-0 file:bg-transparent
    placeholder:font-normal placeholder:text-light-4`,
  {
    variants: {
      isError: {
        true: "",
        false: ""
      },
      isFocused: {
        true: "",
        false: ""
      },
      disabled: {
        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
        false: ""
      }
    },
    defaultVariants: {
      isError: !1
    },
    compoundVariants: [
      {
        isError: !0,
        isFocused: !0,
        className: "border-danger-2 ring-4 ring-danger-1"
      },
      {
        isError: !1,
        isFocused: !0,
        className: "border-primary-2 ring-4 ring-primary-1"
      },
      {
        isError: !0,
        isFocused: !1,
        className: "border-danger-2"
      },
      {
        isError: !1,
        isFocused: !1,
        className: "border-light-2"
      }
    ]
  }
), a = e(
  "outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4",
  {
    variants: {
      isError: {
        true: "text-danger-1",
        false: "text-light-2"
      }
    }
  }
), s = e(
  "absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none ",
  {
    variants: {
      animate: {
        true: "",
        false: ""
      }
    },
    defaultVariants: {
      animate: !1
    }
  }
);
export {
  t as AnimatedInputContainerVariants,
  a as AnimatedInputStyles,
  s as DynamicComponentStyles
};
//# sourceMappingURL=index.es120.js.map