@shopify/shop-minis-react/dist/components/atoms/progress.js

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

import { jsx as r } from "react/jsx-runtime";
import { cn as a } from "../../lib/utils.js";
import { Root as s, Indicator as e } from "../../node_modules/.pnpm/@radix-ui_react-progress@1.1.7_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19.1_psrnvm437duefd2y5sh3bqj3sm/node_modules/@radix-ui/react-progress/dist/index.js";
function m({
  className: o,
  value: l,
  ...t
}) {
  return /* @__PURE__ */ r(
    s,
    {
      "data-slot": "progress",
      className: a(
        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
        o
      ),
      ...t,
      children: /* @__PURE__ */ r(
        e,
        {
          "data-slot": "progress-indicator",
          className: "bg-primary h-full w-full flex-1 transition-all",
          style: { transform: `translateX(-${100 - (l || 0)}%)` }
        }
      )
    }
  );
}
export {
  m as Progress
};
//# sourceMappingURL=progress.js.map