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

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

import * as r from "react";
import * as a from "@radix-ui/react-progress";
import { cn as i } from "./index.es79.js";
import { ProgressVariants as n } from "./index.es104.js";
const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
  const s = (o || 0) / (e.max || 100) * 100;
  return /* @__PURE__ */ r.createElement(
    a.Root,
    {
      ref: m,
      className: i(n({ className: t })),
      max: e.max || 100,
      ...e,
      id: e.id
    },
    /* @__PURE__ */ r.createElement(
      a.Indicator,
      {
        className: "flex-1 h-full transition-all rounded bg-hover-p1 ",
        style: {
          transform: `translateX(-${100 - s}%)`
        }
      }
    )
  );
});
l.displayName = a.Root.displayName;
export {
  l as Progress
};
//# sourceMappingURL=index.es10.js.map